@coreui/coreui 4.3.0-beta.0 → 4.3.1

package/scss/_variables-dark.scss

@@ -1,169 +0,0 @@
-// Dark color mode variables
-//
-// Custom variables for the `[data-coreui-theme="dark"]` theme. Use this as a starting point for your own custom color modes by creating a new theme-specific file like `_variables-dark.scss` and adding the variables you need.
-
-//
-// Global colors
-//
-
-// scss-docs-start sass-dark-mode-vars
-// scss-docs-start gray-color-dark-variables
-$gray-100-dark: #f3f4f7 !default;
-$gray-200-dark: #e7eaee !default;
-$gray-300-dark: #dbdfe6 !default;
-$gray-400-dark: #cfd4de !default;
-$gray-500-dark: #aab3c5 !default;
-$gray-600-dark: #6d7d9c !default;
-$gray-700-dark: #4a566d !default;
-$gray-800-dark: #323a49 !default;
-$gray-900-dark: #212631 !default;
-// scss-docs-end gray-color-dark-variables
-
-// fusv-disable
-// scss-docs-start gray-colors-dark-map
-$grays-dark: (
-  "100": $gray-100-dark,
-  "200": $gray-200-dark,
-  "300": $gray-300-dark,
-  "400": $gray-400-dark,
-  "500": $gray-500-dark,
-  "600": $gray-600-dark,
-  "700": $gray-700-dark,
-  "800": $gray-800-dark,
-  "900": $gray-900-dark
-) !default;
-// scss-docs-end gray-colors-dark-map
-// fusv-enable
-
-// scss-docs-start theme-color-dark-variables
-$primary-dark:       tint-color(desaturate($primary, 20%), 20%) !default;
-$secondary-dark:     desaturate($secondary, 10%) !default;
-$success-dark:       desaturate($success, 10%) !default;
-$info-dark:          desaturate($info, 10%) !default;
-$warning-dark:       desaturate($warning, 10%) !default;
-$danger-dark:        desaturate($danger, 10%) !default;
-$light-dark:         desaturate($light, 10%) !default;
-$dark-dark:          desaturate($dark, 10%) !default;
-// scss-docs-end theme-color-dark-variables
-
-// scss-docs-start theme-colors-dark-map
-$theme-colors-dark: (
-  "primary":    $primary-dark,
-  "secondary":  $secondary-dark,
-  "success":    $success-dark,
-  "info":       $info-dark,
-  "warning":    $warning-dark,
-  "danger":     $danger-dark,
-  "light":      $light-dark,
-  "dark":       $dark-dark
-) !default;
-// scss-docs-end theme-colors-dark-map
-
-// scss-docs-start theme-text-dark-variables
-$primary-text-emphasis-dark:        $primary-text-emphasis !default;
-$secondary-text-emphasis-dark:      $secondary-text-emphasis !default;
-$success-text-emphasis-dark:        $success-text-emphasis !default;
-$info-text-emphasis-dark:           $info-text-emphasis !default;
-$warning-text-emphasis-dark:        $warning-text-emphasis !default;
-$danger-text-emphasis-dark:         $danger-text-emphasis !default;
-$light-text-emphasis-dark:          $gray-100-dark !default;
-$dark-text-emphasis-dark:           $gray-300-dark !default;
-// scss-docs-end theme-text-dark-variables
-
-// scss-docs-start theme-bg-subtle-dark-variables
-$primary-bg-subtle-dark:            $primary-bg-subtle !default;
-$secondary-bg-subtle-dark:          $secondary-bg-subtle !default;
-$success-bg-subtle-dark:            $success-bg-subtle !default;
-$info-bg-subtle-dark:               $info-bg-subtle !default;
-$warning-bg-subtle-dark:            $warning-bg-subtle !default;
-$danger-bg-subtle-dark:             $danger-bg-subtle !default;
-$light-bg-subtle-dark:              $gray-800-dark !default;
-$dark-bg-subtle-dark:               mix($gray-800-dark, $black) !default;
-// scss-docs-end theme-bg-subtle-dark-variables
-
-// scss-docs-start theme-border-subtle-dark-variables
-$primary-border-subtle-dark:        $primary-border-subtle !default;
-$secondary-border-subtle-dark:      $secondary-border-subtle !default;
-$success-border-subtle-dark:        $success-border-subtle !default;
-$info-border-subtle-dark:           $info-border-subtle !default;
-$warning-border-subtle-dark:        $warning-border-subtle !default;
-$danger-border-subtle-dark:         $danger-border-subtle !default;
-$light-border-subtle-dark:          $gray-700-dark !default;
-$dark-border-subtle-dark:           $gray-800-dark !default;
-// scss-docs-end theme-border-subtle-dark-variables
-
-$body-color-dark:                   $gray-500-dark !default;
-$body-bg-dark:                      $gray-900-dark !default;
-$body-secondary-color-dark:         rgba($body-color-dark, .75) !default;
-$body-secondary-bg-dark:            $gray-800-dark !default;
-$body-tertiary-color-dark:          rgba($body-color-dark, .5) !default;
-$body-tertiary-bg-dark:             mix($gray-800-dark, #181924, 50%) !default;
-$body-emphasis-color-dark:          $white !default;
-$border-color-dark:                 $gray-700-dark !default;
-$border-color-translucent-dark:     rgba($white, .15) !default;
-$headings-color-dark:               inherit !default;
-$link-color-dark:                   tint-color($primary, 40%) !default;
-$link-hover-color-dark:             shift-color($link-color-dark, -$link-shade-percentage) !default;
-$code-color-dark:                   tint-color($code-color, 40%) !default;
-
-
-//
-// Forms
-//
-
-$form-select-indicator-color-dark:  $body-color-dark !default;
-$form-select-indicator-dark:        url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color-dark}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/></svg>") !default;
-
-$form-switch-color-dark:            rgba($white, .25) !default;
-$form-switch-bg-image-dark:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color-dark}'/></svg>") !default;
-
-// scss-docs-start form-validation-colors-dark
-$form-valid-color-dark:             $green-300 !default;
-$form-valid-border-color-dark:      $green-300 !default;
-$form-invalid-color-dark:           $red-300 !default;
-$form-invalid-border-color-dark:    $red-300 !default;
-// scss-docs-end form-validation-colors-dark
-
-
-//
-// Accordion
-//
-
-$accordion-icon-color-dark:         $body-color-dark !default;
-$accordion-icon-active-color-dark:  $primary-text-emphasis-dark !default;
-
-$accordion-button-icon-dark:         url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-color-dark}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
-$accordion-button-active-icon-dark:  url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#{$accordion-icon-active-color-dark}'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !default;
-
-
-//
-// Buttons
-//
-
-$button-variants-dark: (
-  "primary":    btn-color-map($primary-dark, $primary-dark),
-  "secondary":  btn-color-map($secondary-dark, $secondary-dark),
-  "success":    btn-color-map($success-dark, $success-dark),
-  "danger":     btn-color-map($danger-dark, $danger-dark),
-  "warning":    btn-color-map($warning-dark, $warning-dark),
-  "info":       btn-color-map($info-dark, $info-dark)
-) !default;
-
-$button-outline-ghost-variants-dark: (
-  "primary":    btn-outline-color-map($primary-dark),
-  "secondary":  btn-outline-color-map($secondary-dark),
-  "success":    btn-outline-color-map($success-dark),
-  "danger":     btn-outline-color-map($danger-dark),
-  "warning":    btn-outline-color-map($warning-dark),
-  "info":       btn-outline-color-map($info-dark)
-) !default;
-
-
-//
-// Sidebar
-//
-
-$sidebar-bg-dark:            $body-bg-dark !default;
-$sidebar-border-width-dark:  var(--#{$prefix}border-width) !default;
-$sidebar-border-color-dark:  var(--#{$prefix}border-color) !default;
-// scss-docs-end sass-dark-mode-vars

package/scss/mixins/_color-mode.scss

@@ -1,21 +0,0 @@
-// scss-docs-start color-mode-mixin
-@mixin color-mode($mode: light, $root: false) {
-  @if $color-mode-type == "media-query" {
-    @if $root == true {
-      @media (prefers-color-scheme: $mode) {
-        :root {
-          @content;
-        }
-      }
-    } @else {
-      @media (prefers-color-scheme: $mode) {
-        @content;
-      }
-    }
-  } @else {
-    [data-coreui-theme="#{$mode}"] {
-      @content;
-    }
-  }
-}
-// scss-docs-end color-mode-mixin