Skip to content

Commit a0020d3

Browse files
k8s-ci-robotk8s-ci-robot
authored
Merge pull request #48229 from sftim/20241006_simplify_styles
Use Docsy variable name for blue
2 parents 75cd44a + 065da74 commit a0020d3

File tree

5 files changed

+36
-36
lines changed

5 files changed

+36
-36
lines changed

‎assets/scss/_base.scss

Lines changed: 17 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ body {
4646
background-color: white;
4747

4848
a {
49-
color: $blue;
49+
color: $primary;
5050
}
5151
}
5252

@@ -74,13 +74,13 @@ footer {
7474
padding: 6px 20px;
7575
line-height: 1.3rem;
7676
color: white;
77-
background-color: $blue;
77+
background-color: $primary;
7878
text-decoration: none;
7979
font-size: 1rem;
8080
border: 0px;
8181

8282
&:hover {
83-
background-color: darken($blue, 10%);
83+
background-color: darken($primary, 10%);
8484
color: white;
8585
}
8686
}
@@ -102,13 +102,13 @@ main {
102102
padding: 6px 20px;
103103
line-height: 1.3rem;
104104
color: white;
105-
background-color: $blue;
105+
background-color: $primary;
106106
text-decoration: none;
107107
font-size: 1rem;
108108
border: 0px;
109109

110110
&:hover {
111-
background-color: darken($blue, 10%);
111+
background-color: darken($primary, 10%);
112112
color: white;
113113
}
114114
}
@@ -142,7 +142,7 @@ main {
142142
left: 15%;
143143
width: 70%;
144144
height: 2px;
145-
background-color: $blue;
145+
background-color: $primary;
146146
transition: 0.3s;
147147
content: "";
148148
}
@@ -259,15 +259,15 @@ main {
259259
transition: 0.3s;
260260

261261
&:hover {
262-
color: $blue;
262+
color: $primary;
263263
}
264264
}
265265

266266
a.item > .title {
267267
color: black;
268268

269269
&:hover {
270-
color: $blue;
270+
color: $primary;
271271
}
272272
}
273273

@@ -279,7 +279,7 @@ main {
279279
left: 2px;
280280
border-style: solid;
281281
border-width: 5px 0 5px 8px;
282-
border-color: transparent transparent transparent $blue;
282+
border-color: transparent transparent transparent $primary;
283283
transform: rotate(0deg);
284284
transition: 0.3s;
285285
}
@@ -378,7 +378,7 @@ dd {
378378
height: 45px;
379379
line-height: 45px;
380380
font-size: 20px;
381-
color: $blue;
381+
color: $primary;
382382
}
383383

384384
.button {
@@ -485,7 +485,7 @@ section#cncf {
485485
padding-bottom: $ocean-nodes-padding-Y;
486486

487487
a {
488-
color: $blue;
488+
color: $primary;
489489
}
490490

491491
.main-section {
@@ -571,7 +571,7 @@ section#cncf {
571571
font-size: 24px;
572572
background-color: white;
573573
border-radius: 8px;
574-
color: $blue;
574+
color: $primary;
575575
padding: 15px 30px 15px 80px;
576576
margin-bottom: 15px;
577577

@@ -583,7 +583,7 @@ section#cncf {
583583
height: 0;
584584
border-style: solid;
585585
border-width: 10px 0 10px 20px;
586-
border-color: transparent transparent transparent $blue;
586+
border-color: transparent transparent transparent $primary;
587587
}
588588

589589
&:hover::before {
@@ -681,7 +681,7 @@ section#cncf {
681681
padding: 0 20px;
682682
line-height: 31px;
683683
color: white;
684-
background-color: blue;
684+
background-color: $primary;
685685
text-decoration: none;
686686
font-size: 14px;
687687
}
@@ -788,7 +788,7 @@ section#cncf {
788788

789789
a {
790790
display: inline-block;
791-
color: $blue;
791+
color: $primary;
792792
font-size: 24px;
793793
font-weight: 400;
794794
text-decoration: none;
@@ -843,7 +843,7 @@ section#cncf {
843843
bottom: -30px;
844844
left: 50%;
845845
transform: translateX(-50%);
846-
color: $blue;
846+
color: $primary;
847847
font-weight: 400;
848848
}
849849
}
@@ -868,7 +868,7 @@ section#cncf {
868868
white-space: nowrap;
869869
text-indent: 50px;
870870
overflow: hidden;
871-
background: $blue url(/images/icon-pencil.svg) no-repeat;
871+
background: $primary url(/images/icon-pencil.svg) no-repeat;
872872
background-position: 12px 10px;
873873
background-size: 29px 29px;
874874
}

‎assets/scss/_custom.scss

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,7 @@ $announcement-size-adjustment: 8px;
2727
}
2828

2929
.ui-widget-content a {
30-
color: $blue;
30+
color: $primary;
3131
}
3232
}
3333

@@ -113,7 +113,7 @@ body.td-404 main .error-details {
113113

114114
// mermaid diagram - sequence diagram
115115
.actor {
116-
fill: #326ce5 !important;
116+
fill: $primary !important;
117117
}
118118
text.actor {
119119
font-size: 18px !important;
@@ -413,7 +413,7 @@ body.cid-community {
413413
display: inline-block;
414414
vertical-align: top;
415415
position: relative;
416-
background-color: #326ce5; // Kubernetes blue
416+
background-color: $primary;
417417
color: #fff;
418418
padding: 0;
419419
margin: 0;
@@ -527,9 +527,9 @@ body.cid-partners {
527527
border-radius: 6px;
528528
padding: 0 20px;
529529
line-height: 40px;
530-
color: #ffffff;
531530
font-size: 16px;
532-
background-color: #326ce5;
531+
background-color: $primary;
532+
color: $white;
533533
text-decoration: none;
534534
}
535535

@@ -735,7 +735,7 @@ body.cid-code-of-conduct main {
735735
color: #000000;
736736
}
737737

738-
color: $blue;
738+
color: $primary;
739739
margin: 1rem;
740740
}
741741
}
@@ -1158,7 +1158,7 @@ div.alert > em.javascript-required {
11581158

11591159
#search .pagefind-ui.pagefind-ui__result-nested::before {
11601160
content: "\2937 ";
1161-
color: $blue;
1161+
color: $primary;
11621162
}
11631163

11641164
#search .pagefind-ui ol > li {
@@ -1169,7 +1169,7 @@ div.alert > em.javascript-required {
11691169

11701170
#search .pagefind-ui button {
11711171
color: #fff;
1172-
background-color: $blue;
1172+
background-color: $primary;
11731173
border-radius: 0.2em;
11741174
border: 0.1rem solid $medium-grey;
11751175
padding: 0.3em;

‎assets/scss/_documentation.scss

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -162,7 +162,7 @@ body {
162162

163163
> .feature-state-name::before {
164164
content: 'ⓘ ';
165-
color: #326ce5; // Kubernetes blue
165+
color: $primary;
166166
}
167167
> .feature-state-name {
168168
display: inline-block;
@@ -214,7 +214,7 @@ body {
214214
}
215215

216216
.deprecation-warning.outdated-blog, .pageinfo.deprecation-warning.outdated-blog {
217-
background-color: $blue;
217+
background-color: $primary;
218218
color: $white;
219219
}
220220

@@ -251,7 +251,7 @@ body.glossary {
251251
display: none;
252252
}
253253
ul.glossary-terms > li:has(.term-anchor:target) {
254-
border-left: 0.3em solid $blue;
254+
border-left: 0.3em solid $primary;
255255
background: rgba(#999999, 0.2);
256256
}
257257
#tag-container {
@@ -280,7 +280,7 @@ body.glossary {
280280
font-size: 0.925em;
281281
}
282282
.tag-option:not(.canonical-tag):hover {
283-
outline: 1.5px solid $blue;
283+
outline: 1.5px solid $primary;
284284
}
285285
.tag-description {
286286
margin-left: auto;
@@ -300,18 +300,18 @@ body.glossary {
300300
}
301301
.active-tag {
302302
color: $white;
303-
background-color: $blue;
303+
background-color: $primary;
304304
}
305305
// darken on hover
306306
.canonical-tag:hover {
307307
background: darken(#999999, 15%)
308308
}
309309
.canonical-tag.active-tag:hover {
310-
background: darken($blue, 15%)
310+
background: darken($primary, 10%);
311311
}
312312
}
313313
.term-anchor:target + .term-name > span {
314-
color: $blue;
314+
color: $primary;
315315
}
316316
.term-anchor:target {
317317
visibility: initial;
@@ -362,7 +362,7 @@ body.glossary {
362362
padding-left: 0.1em;
363363
}
364364
.term-name:hover {
365-
color: $blue;
365+
color: $primary;
366366
}
367367
.term-name:not(:hover) > .permalink {
368368
visibility: hidden;

‎assets/scss/_tablet.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -199,7 +199,7 @@ $feature-box-div-width: 45%;
199199

200200
a {
201201
display: inline-block;
202-
color: $blue;
202+
color: $primary;
203203
font-weight: 400;
204204
text-decoration: none;
205205
}

‎assets/scss/_variables_project.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,11 @@
22
Override variables from the theme here. */
33

44
$primary: #326ce5;
5+
$secondary: #495057;
56

6-
$blue: #326ce5;
77
$light-grey: #f7f7f7;
8-
$dark-grey: #303030;
98
$medium-grey: #4c4c4c;
9+
$dark-grey: #303030;
1010
$white: #ffffff;
1111

1212
// tooltip

0 commit comments

Comments
 (0)