Skip to content

Commit 6561e24

Browse files
MMeschMMesch
committed
Home: tagline and separators red → blue (#0052cc); bump blue saturation
1 parent 4ba5299 commit 6561e24

3 files changed

Lines changed: 41 additions & 41 deletions

File tree

‎src/components/layout/styles.module.css‎

Lines changed: 39 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -65,124 +65,124 @@
6565
.sep_v1 {
6666
background: linear-gradient(to right,
6767
#1d1d1b 0%, #1d1d1b 21%,
68-
var(--ifm-color-accent-red) 21%, var(--ifm-color-accent-red) 28%,
68+
var(--ifm-color-blue-jupyter) 21%, var(--ifm-color-blue-jupyter) 28%,
6969
#1d1d1b 28%, #1d1d1b 50%,
70-
var(--ifm-color-accent-red) 50%, var(--ifm-color-accent-red) 57%,
70+
var(--ifm-color-blue-jupyter) 50%, var(--ifm-color-blue-jupyter) 57%,
7171
#1d1d1b 57%, #1d1d1b 72%,
72-
var(--ifm-color-accent-red) 72%, var(--ifm-color-accent-red) 80%,
72+
var(--ifm-color-blue-jupyter) 72%, var(--ifm-color-blue-jupyter) 80%,
7373
#1d1d1b 80%, #1d1d1b 94%,
74-
var(--ifm-color-accent-red) 94%, var(--ifm-color-accent-red) 100%
74+
var(--ifm-color-blue-jupyter) 94%, var(--ifm-color-blue-jupyter) 100%
7575
);
7676
}
7777

7878
/* 7 segments — red-heavy, bold opener */
7979
.sep_v2 {
8080
background: linear-gradient(to right,
81-
var(--ifm-color-accent-red) 0%, var(--ifm-color-accent-red) 6%,
81+
var(--ifm-color-blue-jupyter) 0%, var(--ifm-color-blue-jupyter) 6%,
8282
#1d1d1b 6%, #1d1d1b 28%,
83-
var(--ifm-color-accent-red) 28%, var(--ifm-color-accent-red) 47%,
83+
var(--ifm-color-blue-jupyter) 28%, var(--ifm-color-blue-jupyter) 47%,
8484
#1d1d1b 47%, #1d1d1b 66%,
85-
var(--ifm-color-accent-red) 66%, var(--ifm-color-accent-red) 74%,
85+
var(--ifm-color-blue-jupyter) 66%, var(--ifm-color-blue-jupyter) 74%,
8686
#1d1d1b 74%, #1d1d1b 89%,
87-
var(--ifm-color-accent-red) 89%, var(--ifm-color-accent-red) 100%
87+
var(--ifm-color-blue-jupyter) 89%, var(--ifm-color-blue-jupyter) 100%
8888
);
8989
}
9090

9191
/* 6 segments — wide, muscular */
9292
.sep_v3 {
9393
background: linear-gradient(to right,
9494
#1d1d1b 0%, #1d1d1b 26%,
95-
var(--ifm-color-accent-red) 26%, var(--ifm-color-accent-red) 43%,
95+
var(--ifm-color-blue-jupyter) 26%, var(--ifm-color-blue-jupyter) 43%,
9696
#1d1d1b 43%, #1d1d1b 67%,
97-
var(--ifm-color-accent-red) 67%, var(--ifm-color-accent-red) 82%,
97+
var(--ifm-color-blue-jupyter) 67%, var(--ifm-color-blue-jupyter) 82%,
9898
#1d1d1b 82%, #1d1d1b 93%,
99-
var(--ifm-color-accent-red) 93%, var(--ifm-color-accent-red) 100%
99+
var(--ifm-color-blue-jupyter) 93%, var(--ifm-color-blue-jupyter) 100%
100100
);
101101
}
102102

103103
/* 11 segments — staccato */
104104
.sep_v4 {
105105
background: linear-gradient(to right,
106106
#1d1d1b 0%, #1d1d1b 8%,
107-
var(--ifm-color-accent-red) 8%, var(--ifm-color-accent-red) 13%,
107+
var(--ifm-color-blue-jupyter) 8%, var(--ifm-color-blue-jupyter) 13%,
108108
#1d1d1b 13%, #1d1d1b 25%,
109-
var(--ifm-color-accent-red) 25%, var(--ifm-color-accent-red) 33%,
109+
var(--ifm-color-blue-jupyter) 25%, var(--ifm-color-blue-jupyter) 33%,
110110
#1d1d1b 33%, #1d1d1b 46%,
111-
var(--ifm-color-accent-red) 46%, var(--ifm-color-accent-red) 54%,
111+
var(--ifm-color-blue-jupyter) 46%, var(--ifm-color-blue-jupyter) 54%,
112112
#1d1d1b 54%, #1d1d1b 64%,
113-
var(--ifm-color-accent-red) 64%, var(--ifm-color-accent-red) 73%,
113+
var(--ifm-color-blue-jupyter) 64%, var(--ifm-color-blue-jupyter) 73%,
114114
#1d1d1b 73%, #1d1d1b 86%,
115-
var(--ifm-color-accent-red) 86%, var(--ifm-color-accent-red) 93%,
115+
var(--ifm-color-blue-jupyter) 86%, var(--ifm-color-blue-jupyter) 93%,
116116
#1d1d1b 93%, #1d1d1b 100%
117117
);
118118
}
119119

120120
/* 9 segments — syncopated, red-anchored */
121121
.sep_v5 {
122122
background: linear-gradient(to right,
123-
var(--ifm-color-accent-red) 0%, var(--ifm-color-accent-red) 14%,
123+
var(--ifm-color-blue-jupyter) 0%, var(--ifm-color-blue-jupyter) 14%,
124124
#1d1d1b 14%, #1d1d1b 18%,
125-
var(--ifm-color-accent-red) 18%, var(--ifm-color-accent-red) 35%,
125+
var(--ifm-color-blue-jupyter) 18%, var(--ifm-color-blue-jupyter) 35%,
126126
#1d1d1b 35%, #1d1d1b 48%,
127-
var(--ifm-color-accent-red) 48%, var(--ifm-color-accent-red) 57%,
127+
var(--ifm-color-blue-jupyter) 48%, var(--ifm-color-blue-jupyter) 57%,
128128
#1d1d1b 57%, #1d1d1b 68%,
129-
var(--ifm-color-accent-red) 68%, var(--ifm-color-accent-red) 79%,
129+
var(--ifm-color-blue-jupyter) 68%, var(--ifm-color-blue-jupyter) 79%,
130130
#1d1d1b 79%, #1d1d1b 94%,
131-
var(--ifm-color-accent-red) 94%, var(--ifm-color-accent-red) 100%
131+
var(--ifm-color-blue-jupyter) 94%, var(--ifm-color-blue-jupyter) 100%
132132
);
133133
}
134134

135135
/* 12 segments — rapid alternation */
136136
.sep_v6 {
137137
background: linear-gradient(to right,
138138
#1d1d1b 0%, #1d1d1b 7%,
139-
var(--ifm-color-accent-red) 7%, var(--ifm-color-accent-red) 14%,
139+
var(--ifm-color-blue-jupyter) 7%, var(--ifm-color-blue-jupyter) 14%,
140140
#1d1d1b 14%, #1d1d1b 23%,
141-
var(--ifm-color-accent-red) 23%, var(--ifm-color-accent-red) 30%,
141+
var(--ifm-color-blue-jupyter) 23%, var(--ifm-color-blue-jupyter) 30%,
142142
#1d1d1b 30%, #1d1d1b 41%,
143-
var(--ifm-color-accent-red) 41%, var(--ifm-color-accent-red) 48%,
143+
var(--ifm-color-blue-jupyter) 41%, var(--ifm-color-blue-jupyter) 48%,
144144
#1d1d1b 48%, #1d1d1b 59%,
145-
var(--ifm-color-accent-red) 59%, var(--ifm-color-accent-red) 66%,
145+
var(--ifm-color-blue-jupyter) 59%, var(--ifm-color-blue-jupyter) 66%,
146146
#1d1d1b 66%, #1d1d1b 76%,
147-
var(--ifm-color-accent-red) 76%, var(--ifm-color-accent-red) 84%,
147+
var(--ifm-color-blue-jupyter) 76%, var(--ifm-color-blue-jupyter) 84%,
148148
#1d1d1b 84%, #1d1d1b 93%,
149-
var(--ifm-color-accent-red) 93%, var(--ifm-color-accent-red) 100%
149+
var(--ifm-color-blue-jupyter) 93%, var(--ifm-color-blue-jupyter) 100%
150150
);
151151
}
152152

153153
/* 14 segments — very rapid, nearly even */
154154
.sep_v7 {
155155
background: linear-gradient(to right,
156156
#1d1d1b 0%, #1d1d1b 5%,
157-
var(--ifm-color-accent-red) 5%, var(--ifm-color-accent-red) 11%,
157+
var(--ifm-color-blue-jupyter) 5%, var(--ifm-color-blue-jupyter) 11%,
158158
#1d1d1b 11%, #1d1d1b 18%,
159-
var(--ifm-color-accent-red) 18%, var(--ifm-color-accent-red) 25%,
159+
var(--ifm-color-blue-jupyter) 18%, var(--ifm-color-blue-jupyter) 25%,
160160
#1d1d1b 25%, #1d1d1b 34%,
161-
var(--ifm-color-accent-red) 34%, var(--ifm-color-accent-red) 41%,
161+
var(--ifm-color-blue-jupyter) 34%, var(--ifm-color-blue-jupyter) 41%,
162162
#1d1d1b 41%, #1d1d1b 51%,
163-
var(--ifm-color-accent-red) 51%, var(--ifm-color-accent-red) 57%,
163+
var(--ifm-color-blue-jupyter) 51%, var(--ifm-color-blue-jupyter) 57%,
164164
#1d1d1b 57%, #1d1d1b 65%,
165-
var(--ifm-color-accent-red) 65%, var(--ifm-color-accent-red) 72%,
165+
var(--ifm-color-blue-jupyter) 65%, var(--ifm-color-blue-jupyter) 72%,
166166
#1d1d1b 72%, #1d1d1b 81%,
167-
var(--ifm-color-accent-red) 81%, var(--ifm-color-accent-red) 87%,
167+
var(--ifm-color-blue-jupyter) 81%, var(--ifm-color-blue-jupyter) 87%,
168168
#1d1d1b 87%, #1d1d1b 94%,
169-
var(--ifm-color-accent-red) 94%, var(--ifm-color-accent-red) 100%
169+
var(--ifm-color-blue-jupyter) 94%, var(--ifm-color-blue-jupyter) 100%
170170
);
171171
}
172172

173173
/* 10 segments — skipped beat, long gap mid-line */
174174
.sep_v8 {
175175
background: linear-gradient(to right,
176176
#1d1d1b 0%, #1d1d1b 3%,
177-
var(--ifm-color-accent-red) 3%, var(--ifm-color-accent-red) 9%,
177+
var(--ifm-color-blue-jupyter) 3%, var(--ifm-color-blue-jupyter) 9%,
178178
#1d1d1b 9%, #1d1d1b 28%,
179-
var(--ifm-color-accent-red) 28%, var(--ifm-color-accent-red) 36%,
179+
var(--ifm-color-blue-jupyter) 28%, var(--ifm-color-blue-jupyter) 36%,
180180
#1d1d1b 36%, #1d1d1b 41%,
181-
var(--ifm-color-accent-red) 41%, var(--ifm-color-accent-red) 58%,
181+
var(--ifm-color-blue-jupyter) 41%, var(--ifm-color-blue-jupyter) 58%,
182182
#1d1d1b 58%, #1d1d1b 69%,
183-
var(--ifm-color-accent-red) 69%, var(--ifm-color-accent-red) 75%,
183+
var(--ifm-color-blue-jupyter) 69%, var(--ifm-color-blue-jupyter) 75%,
184184
#1d1d1b 75%, #1d1d1b 88%,
185-
var(--ifm-color-accent-red) 88%, var(--ifm-color-accent-red) 100%
185+
var(--ifm-color-blue-jupyter) 88%, var(--ifm-color-blue-jupyter) 100%
186186
);
187187
}
188188

‎src/css/custom.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@
99
--bg-snippet-op: 0.09;
1010

1111
--ifm-color-orange-jupyter: #f37726;
12-
--ifm-color-blue-jupyter: #1976d2;
12+
--ifm-color-blue-jupyter: #0052cc;
1313
--ifm-color-green-xtensor: #4ecb71;
1414
--ifm-color-grey-condaforge: #7a7865;
1515
--ifm-color-orange-light: #fef9ec;

‎src/pages/index.module.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -48,7 +48,7 @@
4848
}
4949

5050
.tech_tagline {
51-
color: var(--ifm-color-accent-red);
51+
color: var(--ifm-color-blue-jupyter);
5252
font-size: var(--ifm-font-size-secondary-title);
5353
font-weight: 700;
5454
}

0 commit comments

Comments
 (0)