Use right shade of blue

Use the shade of blue specified in k/kubenetes.
Per https://github.com/kubernetes/kubernetes/blob/1dc30bf/logo/colors.md
the RGB blue color is #326CE5.

Use that.
This commit is contained in:
Tim Bannister 2024-05-07 00:36:28 +01:00
parent 7f81867d10
commit 724698d793
7 changed files with 15 additions and 15 deletions

View File

@ -559,7 +559,7 @@ section#cncf {
#desktopKCButton:hover{ #desktopKCButton:hover{
background-color: #ffffff; background-color: #ffffff;
color: #3371e3; color: #326ce5;
transition: 150ms; transition: 150ms;
} }

View File

@ -728,7 +728,7 @@ body.cid-partners {
line-height: 40px; line-height: 40px;
color: #ffffff; color: #ffffff;
font-size: 16px; font-size: 16px;
background-color: #3371e3; background-color: #326ce5;
text-decoration: none; text-decoration: none;
} }

View File

@ -1,4 +1,4 @@
$blue: #3371e3; $blue: #326ce5;
$light-grey: #f7f7f7; $light-grey: #f7f7f7;
$dark-grey: #303030; $dark-grey: #303030;
$medium-grey: #4c4c4c; $medium-grey: #4c4c4c;

View File

@ -12,7 +12,7 @@ Add styles or override variables from the theme here. */
@import "tablet"; @import "tablet";
@import "desktop"; @import "desktop";
$primary: #3371e3; $primary: #326ce5;
// tooltip // tooltip
$tooltip-bg: #555; $tooltip-bg: #555;

View File

@ -38,7 +38,7 @@
} }
.active-tag { .active-tag {
background-color: #3371e3; background-color: #326ce5;
} }
.invisible { .invisible {

View File

@ -1,7 +1,7 @@
/* /*
Kubernetes colors (assets/scss/_skin.scss) Kubernetes colors (assets/scss/_skin.scss)
$blue: #3371e3; $blue: #326ce5;
$light-grey: #f7f7f7; $light-grey: #f7f7f7;
$dark-grey: #303030; $dark-grey: #303030;
$medium-grey: #4c4c4c; $medium-grey: #4c4c4c;
@ -18,7 +18,7 @@ body > #wrapper {
} }
a { a {
color: #3371e3; color: #326ce5;
} }
a:hover { a:hover {
@ -122,7 +122,7 @@ code {
} }
#navigation a:hover { #navigation a:hover {
color: #3371e3; color: #326ce5;
text-decoration: none; text-decoration: none;
} }
@ -247,7 +247,7 @@ pre {
} }
body.theme-auto #navigation a:hover { body.theme-auto #navigation a:hover {
color: #3371e3; color: #326ce5;
} }
body.theme-auto pre { body.theme-auto pre {
@ -256,7 +256,7 @@ pre {
} }
body.theme-auto .alert a { body.theme-auto .alert a {
color: #3371e3; color: #326ce5;
} }
} }
@ -309,7 +309,7 @@ body.theme-dark #navigation a.selected {
} }
body.theme-dark #navigation a:hover { body.theme-dark #navigation a:hover {
color: #3371e3; color: #326ce5;
} }
body.theme-dark pre { body.theme-dark pre {
@ -318,5 +318,5 @@ body.theme-dark pre {
} }
body.theme-dark .alert a { body.theme-dark .alert a {
color: #3371e3; color: #326ce5;
} }

View File

@ -12,7 +12,7 @@ body.cid-training body.cid-training .section {
body.cid-training section.call-to-action { body.cid-training section.call-to-action {
color: #ffffff; color: #ffffff;
background-color: #3371e3; background-color: #326ce5;
} }
body.cid-training section.call-to-action .main-section { body.cid-training section.call-to-action .main-section {
@ -226,7 +226,7 @@ body.cid-training .button {
line-height: 40px; line-height: 40px;
color: #ffffff; color: #ffffff;
font-size: 16px; font-size: 16px;
background-color: #3371e3; background-color: #326ce5;
text-decoration: none; text-decoration: none;
text-align: center; text-align: center;
} }
@ -254,7 +254,7 @@ body.cid-training .padded {
} }
body.cid-training .blue-bg { body.cid-training .blue-bg {
background-color: #3371e3; background-color: #326ce5;
} }
body.cid-training .lighter-gray-bg { body.cid-training .lighter-gray-bg {