WebSVN – Moodle – Diff – /theme/universe/scss/bootstrap/_variables.scss

 $gray-900: #212121 !default;
 $black: #0b0b0b !default;
 //Dark mode
-$dm-white: #fff !default;
+$dm-white: #d9d9db !default;
-$dm-gray-900: #E8EAED !default;
+$dm-gray-900: #b3b3b6 !default;
-$dm-gray-800: #aeb3b8 !default;
+$dm-gray-800: #8c8c92 !default;
-$dm-gray-700: #9AA0A6 !default;
+$dm-gray-700: #797980 !default;
-$dm-gray-600: #3C4043 !default;
+$dm-gray-600: #66666d !default;
-$dm-gray-500: #2E3134 !default;
+$dm-gray-500: #53535b !default;
-$dm-gray-400: #282A2D !default;
+$dm-gray-400: #404049 !default;
-$dm-gray-300: #202124 !default;
+$dm-gray-300: #3a3a42 !default;
-$dm-gray-200: #17181B !default;
+$dm-gray-200: #2d2d33 !default;
-$dm-gray-100: #121215 !default;
+$dm-gray-100: #202025 !default;
-$dm-black: #090c11 !default;
+$dm-black: #0d0d0f !default;
 $body-color: $gray-900 !default;
 $body-color-secondary: $gray-700 !default;
 $body-color-light: $gray-600 !default;
 $container-bg: $body-bg !default;
 //Dark Mode
-$dm-body-bg: #181a1f !default;
+$dm-body-bg: #131316 !default;
 $dm-body-color: $dm-gray-900 !default;
 $dm-body-color-secondary: $dm-gray-700 !default;
-$dm-body-color-light: #798590 !default;
+$dm-body-color-light: #797980 !default;
 $dm-container-bg: $dm-body-bg !default;
 // Colors
 $blue-900: #032574 !default;
 $topbar-bg-2: $body-bg !default;
 $dm-topbar-bg: $primary-color-800 !default;
+$dm-topbar-bg-2: $dm-body-bg !default;
+// Top Bar
+$navbar-height: 60px !default;
+$topbar-padding-x: 2px !default;
+$topbar-padding-y: 2px !default;
+$topbar-fixed-btn: $navbar-height+10 !default;
+$topbar-text: $body-color !default;
+$topbar-btn-text: $body-color !default;
+$topbar-btn: $gray-200 !default;
+$topbar-btn-hover: $container-bg !default;
+$topbar-btn-hover-text: $primary-color-600 !default;
+$dm-topbar-bg: #06090c !default;
+$dm-topbar-text: $dm-gray-900 !default;
+$dm-topbar-btn: $dm-container-bg !default;
+$dm-topbar-btn-text: $dm-gray-900 !default;
+$dm-topbar-btn-hover: $dm-gray-100 !default;
-$dm-topbar-bg-2: $dm-body-bg !default;
+$dm-topbar-btn-hover-text: $dm-gray-700 !default;
 // scss-docs-start theme-colors-map
 $theme-colors: ("primary-color-100": $primary-color-100,
   "primary-color-200": $primary-color-200,
   "primary-color-700": $primary-color-700,
   "primary-color-800": $primary-color-800,
   "primary-color-900": $primary-color-900,
   "main-theme-color": $primary-color-600,
   "footer-color": $primary-color-900,
+  "footer-text-color": $primary-color-100,
   "topbar-color": $topbar-bg,
   "topbar-color-2": $topbar-bg-2,
   "dm-topbar-color": $dm-topbar-bg,
   "dm-topbar-color-2": $dm-topbar-bg-2,
+  "topbar-btn-text":  $topbar-btn-text,
+  "topbar-btn-hover":  $topbar-btn-hover,
+  "topbar-btn-hover-text":  $topbar-btn-hover-text,
+  "dm-topbar-btn-text":  $dm-topbar-btn-text,
+  "dm-topbar-btn-hover":  $dm-topbar-btn-hover,
+  "dm-topbar-btn-hover-text":  $dm-topbar-btn-hover-text,
   "btn-primary-color-bg": $primary-color-600,
   "btn-primary-color-text": $white,
   "btn-primary-color-bg-hover": $primary-color-500,
   "btn-primary-color-bg-hover-text": $white,
   "btn-secondary-color-bg": $gray-100,
   "btn-secondary-color-text": $gray-800,
   "btn-secondary-color-bg-hover": $gray-200,
   "btn-secondary-color-bg-hover-text": $gray-800,
-  "main-theme-color-gradient": $primary-color-200,
+  // "main-theme-color-gradient": $primary-color-200,
-  "main-theme-color-gradient-2": $primary-color-400,
+  // "main-theme-color-gradient-2": $primary-color-400,
   "gray-100": $gray-100,
   "gray-200": $gray-200,
   "gray-300": $gray-300,
   "gray-400": $gray-400,
   "gray-500": $gray-500,
 $line-height-sm: 1.5 !default;
 $border-width: 1px !default;
 $border-color: $gray-300 !default;
 //Dark Mode
-$dm-border-color: #262a30 !default;
+$dm-border-color: #414349 !default;
 // Allows for customizing button radius independently from global border radius
 $btn-border-radius: 20px !default;
 $box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px,
 rgba(0, 0, 0, 0.3) 0px 1px 3px -1px !default;
 $box-shadow-lg: rgba(0, 0, 0, 0.15) 0px 15px 25px,
 rgba(0, 0, 0, 0.05) 0px 5px 10px !default;
+$dm-box-shadow-lg: rgb(0 0 0 / 35%) 0 15px 35px,
+rgb(0 0 0 / 12%) 0 5px 10px,
+rgb(0 0 0 / 20%) 0 2px 3px !default;
 $component-active-color: var(--main-theme-color) !default;
 $component-active-bg: $primary-color-100 !default;
 $input-padding-x-lg: $input-btn-padding-x-lg !default;
 $input-font-size-lg: $input-btn-font-size-lg !default;
 $input-line-height-lg: $input-btn-line-height-lg !default;
 $input-bg: $container-bg !default;
-$dm-input-bg: #14161f !default;
+$dm-input-bg: $dm-gray-100 !default;
 $input-disabled-bg: $gray-200 !default;
 $dm-input-disabled-bg: $dm-gray-200 !default;
 $input-color: $gray-800 !default;
 $dm-input-color: $dm-gray-800 !default;
 $nav-tabs-border-color: $gray-300 !default;
 $nav-tabs-border-width: $border-width !default;
 $nav-tabs-border-radius: $btn-border-radius !default;
 $nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;
 $nav-tabs-link-active-color: var(--main-theme-color) !default;
-$nav-tabs-link-active-bg: $primary-color-200 !default;
+$nav-tabs-link-active-bg: var(--primary-color-200) !default;
 $nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
 $nav-tabs-link-hover-bg: $white !default;
 $nav-tabs-link-hover-color: $body-color-light !default;
 $dm-dropdown-link-color: $primary-color-400 !default;
 $dm-dropdown-link-hover-color: $dm-gray-900 !default;
 $dm-dropdown-link-hover-bg: #2d333b !default;
 $dm-dropdown-link-active-color: $dm-gray-900 !default;
 $dm-dropdown-link-active-bg: $dm-gray-200 !default;
-$dm-dropdown-link-disabled-color: $dm-gray-400 !default;
+$dm-dropdown-link-disabled-color: $dm-gray-700 !default;
 $dm-dropdown-header-color: $dm-gray-700 !default;
 $dm-dropdown-text: $dm-gray-900 !default;
 $progress-font-size: 11px !default;
 $progress-bg: $gray-300 !default;
 $progress-border-radius: $btn-border-radius !default;
 $progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;
 $progress-bar-color: $white !default;
-$progress-bar-bg: var(--main-theme-color) !default;
+$progress-bar-bg: $primary-color-600 !default;
 $progress-bar-animation-timing: 1s linear infinite !default;
 $progress-bar-transition: width .6s ease !default;
 // Dark mode.
 $dm-drawer-hr: $dm-border-color !default;
 $dm-drawer-link: $dm-body-color-secondary !default;
 $dm-drawer-link-hover-bg: $dm-drawer-nav-box-bg !default;
-// Top Bar
-$navbar-height: 60px !default;
-$topbar-padding-x: 2px !default;
-$topbar-padding-y: 2px !default;
-$topbar-fixed-btn: $navbar-height+10 !default;
-$topbar-text: $body-color !default;
-$topbar-link: $link-color !default;
-$topbar-link-hover: $link-hover-color !default;
-$topbar-btn-text: $body-color !default;
-$topbar-btn: $gray-200 !default;
-$topbar-btn-hover: $container-bg !default;
-$topbar-btn-hover-text: var(--main-theme-color) !default;
-$dm-topbar-bg: #06090c !default;
-$dm-topbar-text: $dm-gray-900 !default;
-$dm-topbar-btn-text: $dm-gray-900 !default;
-$dm-topbar-btn: $dm-container-bg !default;
-$dm-topbar-btn-hover: $dm-gray-200 !default;
 $dm-topbar-btn-hover-text: $dm-gray-700 !default;
 $page-margin: 80px !default;
 $page-margin--sm: 60px !default;
 $footer-bg: var(--footer-color) !default;
 $footer-border: rgba($white, .1) !default;
-$footer-text-color: $white !default;
+$footer-text-color: var(--footer-text-color) !default;
-$footer-link-color: $white !default;
-$footer-link-color-hover: rgba($white, .6) !default;
+$footer-link-color: var(--footer-text-color) !default;
 $footer-link-color-hover: rgba($white, .6) !default;
 $max-course-card-text-height: 127px !default;

Proyectos de Subversion Moodle

(root)/theme/universe/scss/bootstrap/_variables.scss – Rev 1 → 1441