kubernetes
/
website
mirror of https://github.com/kubernetes/website.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Use Docsy variable name for blue 

As blue is our site's primary color, use the Docsy variable for that.
pull/48229/head
Tim Bannister 2024-10-06 19:39:11 +01:00
parent c29a0b93bc
commit 394a0d9769
No known key found for this signature in database
GPG Key ID: 31BA93F2DB289EFE
5 changed files with 31 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
assets/scss/_base.scss
View File

@ -46,7 +46,7 @@ body {
background-color: white; background-color: white;
a { a {
color: $blue; color: $primary;
} }
} }
@ -74,13 +74,13 @@ footer {
padding: 6px 20px; padding: 6px 20px;
line-height: 1.3rem; line-height: 1.3rem;
color: white; color: white;
background-color: $blue; background-color: $primary;
text-decoration: none; text-decoration: none;
font-size: 1rem; font-size: 1rem;
border: 0px; border: 0px;
&:hover { &:hover {
background-color: darken($blue, 10%); background-color: darken($primary, 10%);
color: white; color: white;
} }
} }
@ -102,13 +102,13 @@ main {
padding: 6px 20px; padding: 6px 20px;
line-height: 1.3rem; line-height: 1.3rem;
color: white; color: white;
background-color: $blue; background-color: $primary;
text-decoration: none; text-decoration: none;
font-size: 1rem; font-size: 1rem;
border: 0px; border: 0px;
&:hover { &:hover {
background-color: darken($blue, 10%); background-color: darken($primary, 10%);
color: white; color: white;
} }
} }
@ -142,7 +142,7 @@ main {
left: 15%; left: 15%;
width: 70%; width: 70%;
height: 2px; height: 2px;
background-color: $blue; background-color: $primary;
transition: 0.3s; transition: 0.3s;
content: ""; content: "";
} }
@ -259,7 +259,7 @@ main {
transition: 0.3s; transition: 0.3s;
&:hover { &:hover {
color: $blue; color: $primary;
} }
} }
@ -267,7 +267,7 @@ main {
color: black; color: black;
&:hover { &:hover {
color: $blue; color: $primary;
} }
} }
@ -279,7 +279,7 @@ main {
left: 2px; left: 2px;
border-style: solid; border-style: solid;
border-width: 5px 0 5px 8px; border-width: 5px 0 5px 8px;
border-color: transparent transparent transparent $blue; border-color: transparent transparent transparent $primary;
transform: rotate(0deg); transform: rotate(0deg);
transition: 0.3s; transition: 0.3s;
} }
@ -378,7 +378,7 @@ dd {
height: 45px; height: 45px;
line-height: 45px; line-height: 45px;
font-size: 20px; font-size: 20px;
color: $blue; color: $primary;
} }
.button { .button {
@ -485,7 +485,7 @@ section#cncf {
padding-bottom: $ocean-nodes-padding-Y; padding-bottom: $ocean-nodes-padding-Y;
a { a {
color: $blue; color: $primary;
} }
.main-section { .main-section {
@ -571,7 +571,7 @@ section#cncf {
font-size: 24px; font-size: 24px;
background-color: white; background-color: white;
border-radius: 8px; border-radius: 8px;
color: $blue; color: $primary;
padding: 15px 30px 15px 80px; padding: 15px 30px 15px 80px;
margin-bottom: 15px; margin-bottom: 15px;
@ -583,7 +583,7 @@ section#cncf {
height: 0; height: 0;
border-style: solid; border-style: solid;
border-width: 10px 0 10px 20px; border-width: 10px 0 10px 20px;
border-color: transparent transparent transparent $blue; border-color: transparent transparent transparent $primary;
} }
&:hover::before { &:hover::before {
@ -681,7 +681,7 @@ section#cncf {
padding: 0 20px; padding: 0 20px;
line-height: 31px; line-height: 31px;
color: white; color: white;
background-color: blue; background-color: $primary;
text-decoration: none; text-decoration: none;
font-size: 14px; font-size: 14px;
} }
@ -788,7 +788,7 @@ section#cncf {
a { a {
display: inline-block; display: inline-block;
color: $blue; color: $primary;
font-size: 24px; font-size: 24px;
font-weight: 400; font-weight: 400;
text-decoration: none; text-decoration: none;
@ -843,7 +843,7 @@ section#cncf {
bottom: -30px; bottom: -30px;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);
color: $blue; color: $primary;
font-weight: 400; font-weight: 400;
} }
} }
@ -868,7 +868,7 @@ section#cncf {
white-space: nowrap; white-space: nowrap;
text-indent: 50px; text-indent: 50px;
overflow: hidden; overflow: hidden;
background: $blue url(/images/icon-pencil.svg) no-repeat; background: $primary url(/images/icon-pencil.svg) no-repeat;
background-position: 12px 10px; background-position: 12px 10px;
background-size: 29px 29px; background-size: 29px 29px;
} }

8
assets/scss/_custom.scss
View File

@ -27,7 +27,7 @@ $announcement-size-adjustment: 8px;
} }
.ui-widget-content a { .ui-widget-content a {
color: $blue; color: $primary;
} }
} }
@ -735,7 +735,7 @@ body.cid-code-of-conduct main {
color: #000000; color: #000000;
} }
color: $blue; color: $primary;
margin: 1rem; margin: 1rem;
} }
} }
@ -1158,7 +1158,7 @@ div.alert > em.javascript-required {
#search .pagefind-ui.pagefind-ui__result-nested::before { #search .pagefind-ui.pagefind-ui__result-nested::before {
content: "\2937 "; content: "\2937 ";
color: $blue; color: $primary;
} }
#search .pagefind-ui ol > li { #search .pagefind-ui ol > li {
@ -1169,7 +1169,7 @@ div.alert > em.javascript-required {
#search .pagefind-ui button { #search .pagefind-ui button {
color: #fff; color: #fff;
background-color: $blue; background-color: $primary;
border-radius: 0.2em; border-radius: 0.2em;
border: 0.1rem solid $medium-grey; border: 0.1rem solid $medium-grey;
padding: 0.3em; padding: 0.3em;

14
assets/scss/_documentation.scss
View File

@ -214,7 +214,7 @@ body {
} }
.deprecation-warning.outdated-blog, .pageinfo.deprecation-warning.outdated-blog { .deprecation-warning.outdated-blog, .pageinfo.deprecation-warning.outdated-blog {
background-color: $blue; background-color: $primary;
color: $white; color: $white;
} }
@ -251,7 +251,7 @@ body.glossary {
display: none; display: none;
} }
ul.glossary-terms > li:has(.term-anchor:target) { ul.glossary-terms > li:has(.term-anchor:target) {
border-left: 0.3em solid $blue; border-left: 0.3em solid $primary;
background: rgba(#999999, 0.2); background: rgba(#999999, 0.2);
} }
#tag-container { #tag-container {
@ -280,7 +280,7 @@ body.glossary {
font-size: 0.925em; font-size: 0.925em;
} }
.tag-option:not(.canonical-tag):hover { .tag-option:not(.canonical-tag):hover {
outline: 1.5px solid $blue; outline: 1.5px solid $primary;
} }
.tag-description { .tag-description {
margin-left: auto; margin-left: auto;
@ -300,18 +300,18 @@ body.glossary {
} }
.active-tag { .active-tag {
color: $white; color: $white;
background-color: $blue; background-color: $primary;
} }
// darken on hover // darken on hover
.canonical-tag:hover { .canonical-tag:hover {
background: darken(#999999, 15%) background: darken(#999999, 15%)
} }
.canonical-tag.active-tag:hover { .canonical-tag.active-tag:hover {
background: darken($blue, 15%) background: darken($primary, 10%);
} }
} }
.term-anchor:target + .term-name > span { .term-anchor:target + .term-name > span {
color: $blue; color: $primary;
} }
.term-anchor:target { .term-anchor:target {
visibility: initial; visibility: initial;
@ -362,7 +362,7 @@ body.glossary {
padding-left: 0.1em; padding-left: 0.1em;
} }
.term-name:hover { .term-name:hover {
color: $blue; color: $primary;
} }
.term-name:not(:hover) > .permalink { .term-name:not(:hover) > .permalink {
visibility: hidden; visibility: hidden;

2
assets/scss/_tablet.scss
View File

@ -199,7 +199,7 @@ $feature-box-div-width: 45%;
a { a {
display: inline-block; display: inline-block;
color: $blue; color: $primary;
font-weight: 400; font-weight: 400;
text-decoration: none; text-decoration: none;
} }

4
assets/scss/_variables_project.scss
View File

@ -2,11 +2,11 @@
Override variables from the theme here. */ Override variables from the theme here. */
$primary: #326ce5; $primary: #326ce5;
$secondary: #495057;
$blue: #326ce5;
$light-grey: #f7f7f7; $light-grey: #f7f7f7;
$dark-grey: #303030;
$medium-grey: #4c4c4c; $medium-grey: #4c4c4c;
$dark-grey: #303030;
$white: #ffffff; $white: #ffffff;
// tooltip // tooltip