5
5
$theme : " cosmo" !default ;
6
6
7
7
// Manually-added colors
8
-
9
- $background-nav : #192222 ;
10
- $background-body : #131818 ;
11
- $foreground : #1bb3ac ;
12
- $links :#2aa198 ;
8
+ $background-nav : #22272e ;
9
+ $background-body : #1c2128 ;
10
+ $foreground : #ffffff ;
11
+ $links : #34b8bf ;
13
12
$links-hover : #31dce6 ;
14
- $code-background-color : #172424 ;
13
+ $code-background-color : #22272e ;
15
14
$li : #bcbcbc ;
15
+ $text-muted : #848d97 ;
16
16
17
17
// Quarto default colors
18
+ // Updated gray-900, teal, and cyan to match the main site's theme.
18
19
19
- $white : #ffffff !default ;
20
+ $white : #ffffff !default ;
20
21
$gray-100 : #f8f9fa !default ;
21
22
$gray-200 : #e9ecef !default ;
22
23
$gray-300 : #dee2e6 !default ;
23
24
$gray-400 : #ced4da !default ;
24
25
$gray-500 : #adb5bd !default ;
25
26
$gray-600 : #868e96 !default ;
26
27
$gray-700 : #495057 !default ;
27
- $gray-800 : #373a3c !default ;
28
- $gray-900 : #212529 !default ;
29
- $black : #000000 !default ;
30
-
31
- $indigo : #6610f2 !default ;
32
- $purple : #613d7c !default ;
33
- $pink : #e83e8c !default ;
34
- $red : #ff0039 !default ;
35
- $orange : #f0ad4e !default ;
36
- $yellow : #ff7518 !default ;
37
- $green : #3fb618 !default ;
38
- $teal : #20c997 !default ;
39
- $cyan : #9954bb !default ;
40
-
41
- $primary : $links-hover !default ;
42
- $secondary : $gray-800 !default ;
43
- $success : $green !default ;
44
- $info : $cyan !default ;
45
- $warning : $yellow !default ;
46
- $danger : $red !default ;
47
- $light : $gray-100 !default ;
48
- $dark : $gray-800 !default ;
49
-
50
- $min-contrast-ratio : 2.6 !default ;
28
+ $gray-800 : #22272e !default ;
29
+ $gray-900 : #1c2128 !default ; // Updated from #212529
30
+ $black : #000000 !default ;
31
+
32
+ $indigo : #6610f2 !default ;
33
+ $purple : #613d7c !default ;
34
+ $pink : #e83e8c !default ;
35
+ $red : #ff0039 !default ;
36
+ $orange : #f0ad4e !default ;
37
+ $yellow : #ff7518 !default ;
38
+ $green : #3fb618 !default ;
39
+ $teal : #4DB6AC !default ; // Updated from #20c997
40
+ $cyan : #39d3d7 !default ; // Updated from #9954bb
41
+
42
+ $primary : $links-hover !default ;
43
+ $secondary : $gray-800 !default ;
44
+ $success : $green !default ;
45
+ $info : $cyan !default ;
46
+ $warning : $yellow !default ;
47
+ $danger : $red !default ;
48
+ $light : $gray-100 !default ;
49
+ $dark : $gray-800 !default ;
50
+
51
+ $min-contrast-ratio : 2.6 !default ;
51
52
52
53
// Options
53
54
@@ -56,20 +57,20 @@ $enable-rounded: false !default;
56
57
// Fonts
57
58
58
59
// stylelint-disable-next-line value-keyword-case
59
- $font-family-sans-serif : " Source Sans Pro" , -apple-system , BlinkMacSystemFont, " Segoe UI" , Roboto, " Helvetica Neue" , Arial , sans-serif , " Apple Color Emoji" , " Segoe UI Emoji" , " Segoe UI Symbol" !default ;
60
- $headings-font-weight : 400 !default ;
60
+ $font-family-sans-serif : " Source Sans Pro" , -apple-system , BlinkMacSystemFont, " Segoe UI" , Roboto, " Helvetica Neue" , Arial , sans-serif , " Apple Color Emoji" , " Segoe UI Emoji" , " Segoe UI Symbol" !default ;
61
+ $headings-font-weight : 400 !default ;
61
62
62
63
// Tables
63
64
64
- $table-color : initial !default ;
65
+ $table-color : initial !default ;
65
66
66
67
// Alerts
67
68
68
- $alert-border-width : 0 !default ;
69
+ $alert-border-width : 0 !default ;
69
70
70
71
// Progress bars
71
72
72
- $progress-height : .5rem !default ;
73
+ $progress-height : .5rem !default ;
73
74
74
75
75
76
// Custom tweaks for Quarto-Cosmo
@@ -81,23 +82,35 @@ $footer-fg: $foreground;
81
82
$body-color : $white ;
82
83
$body-bg : $background-body ;
83
84
84
- a , pre code {
85
+ /* -- scss:rules --*/
86
+
87
+ pre code {
85
88
color : $links !important ;
86
89
}
87
90
88
91
pre {
89
92
color : $foreground !important ;
90
93
}
91
- a :hover {
92
- color : $links-hover !important ;
94
+
95
+ a {
96
+ color : $links ;
97
+
98
+ & :hover {
99
+ color : $links-hover !important ;
100
+ }
93
101
}
94
102
95
- code , p code , ol code , li code , h1 code {
103
+ code ,
104
+ p code ,
105
+ ol code ,
106
+ li code ,
107
+ h1 code {
96
108
background-color : $code-background-color !important ;
97
109
color : $links ;
98
110
}
99
111
100
- .cell , .anchored code {
112
+ .cell ,
113
+ .anchored code {
101
114
background-color : $code-background-color !important ;
102
115
color : $links ;
103
116
}
110
123
color : $li !important ;
111
124
}
112
125
113
- .menu-text :hover {
126
+ .menu-text :hover {
114
127
color : $links-hover !important ;
115
128
}
116
129
122
135
color : #6c757d !important ;
123
136
}
124
137
125
- .ansi-bright-black-fg {
138
+ .ansi-bright-black-fg {
126
139
color : $foreground !important ;
127
140
}
141
+
128
142
::selection {
129
143
color : $links-hover ;
130
144
background : $background-nav ;
134
148
.tooltip {
135
149
--bs-tooltip-color : $black !important ;
136
150
--bs-tooltip-bg : $white !important ;
137
- }
151
+ }
0 commit comments