فهرست منبع

add $inline-code* variables for custom themes

Yuki Takei 7 سال پیش
والد
کامیت
c837a1fb62

+ 0 - 6
resource/styles/agile-admin/inverse/colors/_apply-colors-dark.scss

@@ -4,12 +4,6 @@
   }
 }
 
-/*
- * Code
- */
-code {
-  background-color: darken($bodycolor, 5%);
-}
 
 /*
  * Button

+ 9 - 0
resource/styles/agile-admin/inverse/colors/_apply-colors.scss

@@ -148,6 +148,15 @@ body{
   color:$white;
 }
 
+/*
+ * code color of inline-code
+ */
+:not(.hljs) > code:not(.hljs) {
+  color: $inline-code-color;
+  background-color: $inline-code-bg;
+}
+
+
 /*
  * Legend
  */

+ 1 - 0
resource/styles/agile-admin/inverse/colors/default-dark.scss

@@ -23,6 +23,7 @@ $border: lighten($basecolor, 15%);
 $navbar-border: lighten($border, 10%);
 $active-navbar-border: darken($border, 3%);
 $btn-default-bgcolor: darken($basecolor, 10%);
+$inline-code-bg: darken($bodycolor, 5%);
 
 @import 'apply-colors';
 @import 'apply-colors-dark';

+ 2 - 6
resource/styles/agile-admin/inverse/colors/mono-blue.scss

@@ -21,17 +21,13 @@ $info: lighten($themecolor,20%);
 $logo-mark-fill: lighten(desaturate($topbar, 30%), 20%);
 $wikilinktext: lighten($themecolor, 20%);
 $wikilinktext-hover: lighten($wikilinktext, 20%);
+$inline-code-color: $subthemecolor;
+$inline-code-bg: lighten($subthemecolor,70%);
 
 @import 'apply-colors';
 @import 'apply-colors-light';
 
 
-// change color of inline-code (default: red)
-:not(.hljs) > code:not(.hljs) {
-  background-color: lighten($subthemecolor,70%);
-  color: $subthemecolor;
-}
-
 // change color of highlighted header in wiki (default: orange)
 .wiki {
   .code-line.revision-head.highlighted {

+ 2 - 0
resource/styles/agile-admin/inverse/variables.scss

@@ -54,6 +54,8 @@ $dark-text:#848a96 !default;
 $navbar-border: #ccc !default;
 $active-navbar-border: lighten($navbar-border, 10%) !default;
 $btn-default-bgcolor: darken(#fff, 10%) !default;
+$inline-code-color: #c7254e !default;
+$inline-code-bg: #f9f2f4 !default;
 
 /*Border radius*/
 $radius: 0 !default;