Просмотр исходного кода

Merge pull request #3095 from weseek/imprv/christmas-text-color-on-header

fix text color of modal headers in christmas theme
Yuki Takei 5 лет назад
Родитель
Сommit
d771dd7dec

+ 5 - 2
src/client/styles/scss/theme/_apply-colors.scss

@@ -39,6 +39,9 @@ $nav-tabs-link-active-border-color: $bordercolor-nav-tabs-active;
 @import 'reboot-bootstrap-nav';
 @import 'reboot-bootstrap-nav';
 @import 'reboot-toastr-colors';
 @import 'reboot-toastr-colors';
 
 
+// determine variables with bootstrap function (These variables can be used after importing bootstrap above)
+$color-modal-header: color-yiq($primary) !default;
+
 :not(pre) {
 :not(pre) {
   > code {
   > code {
     color: $color-inline-code;
     color: $color-inline-code;
@@ -286,10 +289,10 @@ ul.pagination {
   .modal-header {
   .modal-header {
     border-bottom-color: $border-color-theme;
     border-bottom-color: $border-color-theme;
     .modal-title {
     .modal-title {
-      color: color-yiq($primary);
+      color: $color-modal-header;
     }
     }
     .close {
     .close {
-      color: color-yiq($primary);
+      color: $color-modal-header;
       opacity: 0.5;
       opacity: 0.5;
       &:hover {
       &:hover {
         opacity: 0.9;
         opacity: 0.9;

+ 1 - 0
src/client/styles/scss/theme/christmas.scss

@@ -51,6 +51,7 @@ html[dark] {
   $color-link-hover: lighten($color-link, 10%);
   $color-link-hover: lighten($color-link, 10%);
   $color-link-nabvar: $color-reversal;
   $color-link-nabvar: $color-reversal;
   $color-inline-code: #c7254e; // optional
   $color-inline-code: #c7254e; // optional
+  $color-modal-header: $themelight;
 
 
   // Table colors
   // Table colors
   $border-color-table: $gray-400; // optional
   $border-color-table: $gray-400; // optional