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

8
assets/scss/_custom.scss
View File

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

14
assets/scss/_documentation.scss
View File

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

2
assets/scss/_tablet.scss
View File

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

4
assets/scss/_variables_project.scss
View File

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