1
1
@charset " utf-8" ;
2
+ @use " sass:color" ;
2
3
3
4
// Default color scheme settings
4
5
// These are overridden in classic.css and dark.scss
@@ -11,8 +12,8 @@ $color-scheme-dark: false !default;
11
12
// ----------
12
13
13
14
$lm-brand-color : #828282 !default ;
14
- $lm-brand-color-light : lighten ($lm-brand-color , 40% ) !default ;
15
- $lm-brand-color-dark : darken ($lm-brand-color , 25% ) !default ;
15
+ $lm-brand-color-light : color . adjust ($lm-brand-color , $lightness : 40% ) !default ;
16
+ $lm-brand-color-dark : color . adjust ($lm-brand-color , $lightness : - 25% ) !default ;
16
17
17
18
$lm-site-title-color : $lm-brand-color-dark !default ;
18
19
@@ -21,17 +22,17 @@ $lm-background-color: #fdfdfd !default;
21
22
$lm-code-background-color : #eeeeff !default ;
22
23
23
24
$lm-link-base-color : #2a7ae2 !default ;
24
- $lm-link-visited-color : darken ($lm-link-base-color , 15% ) !default ;
25
+ $lm-link-visited-color : color . adjust ($lm-link-base-color , $lightness : - 15% ) !default ;
25
26
$lm-link-hover-color : $lm-text-color !default ;
26
27
27
28
$lm-border-color-01 : $lm-brand-color-light !default ;
28
- $lm-border-color-02 : lighten ($lm-brand-color , 35% ) !default ;
29
+ $lm-border-color-02 : color . adjust ($lm-brand-color , $lightness : 35% ) !default ;
29
30
$lm-border-color-03 : $lm-brand-color-dark !default ;
30
31
31
- $lm-table-text-color : lighten ($lm-text-color , 18% ) !default ;
32
- $lm-table-zebra-color : lighten ($lm-brand-color , 46% ) !default ;
33
- $lm-table-header-bg-color : lighten ($lm-brand-color , 43% ) !default ;
34
- $lm-table-header-border : lighten ($lm-brand-color , 37% ) !default ;
32
+ $lm-table-text-color : color . adjust ($lm-text-color , $lightness : 18% ) !default ;
33
+ $lm-table-zebra-color : color . adjust ($lm-brand-color , $lightness : 46% ) !default ;
34
+ $lm-table-header-bg-color : color . adjust ($lm-brand-color , $lightness : 43% ) !default ;
35
+ $lm-table-header-border : color . adjust ($lm-brand-color , $lightness : 37% ) !default ;
35
36
$lm-table-border-color : $lm-border-color-01 !default ;
36
37
37
38
@@ -107,8 +108,8 @@ $lm-table-border-color: $lm-border-color-01 !default;
107
108
// ---------
108
109
109
110
$dm-brand-color : #999999 !default ;
110
- $dm-brand-color-light : lighten ($dm-brand-color , 5% ) !default ;
111
- $dm-brand-color-dark : darken ($dm-brand-color , 35% ) !default ;
111
+ $dm-brand-color-light : color . adjust ($dm-brand-color , $lightness : 5% ) !default ;
112
+ $dm-brand-color-dark : color . adjust ($dm-brand-color , $lightness : - 35% ) !default ;
112
113
113
114
$dm-site-title-color : $dm-brand-color-light !default ;
114
115
@@ -125,9 +126,9 @@ $dm-border-color-02: $dm-brand-color-light !default;
125
126
$dm-border-color-03 : $dm-brand-color !default ;
126
127
127
128
$dm-table-text-color : $dm-text-color !default ;
128
- $dm-table-zebra-color : lighten ($dm-background-color , 4% ) !default ;
129
- $dm-table-header-bg-color : lighten ($dm-background-color , 10% ) !default ;
130
- $dm-table-header-border : lighten ($dm-background-color , 21% ) !default ;
129
+ $dm-table-zebra-color : color . adjust ($dm-background-color , $lightness : 4% ) !default ;
130
+ $dm-table-header-bg-color : color . adjust ($dm-background-color , $lightness : 10% ) !default ;
131
+ $dm-table-header-border : color . adjust ($dm-background-color , $lightness : 21% ) !default ;
131
132
$dm-table-border-color : $dm-border-color-01 !default ;
132
133
133
134
@@ -358,4 +359,4 @@ $table-border-color: $lm-table-border-color;
358
359
// Classic skin syntax highlighting
359
360
@include lm-highlight ;
360
361
361
- }
362
+ }
0 commit comments