Refactor color use

Use Kubernetes blue by referencing a variable.
This commit is contained in:
Tim Bannister 2024-10-12 13:42:30 +01:00
parent 394a0d9769
commit 065da747b2
No known key found for this signature in database
GPG Key ID: 31BA93F2DB289EFE
2 changed files with 5 additions and 5 deletions

View File

@ -113,7 +113,7 @@ body.td-404 main .error-details {
// mermaid diagram - sequence diagram // mermaid diagram - sequence diagram
.actor { .actor {
fill: #326ce5 !important; fill: $primary !important;
} }
text.actor { text.actor {
font-size: 18px !important; font-size: 18px !important;
@ -413,7 +413,7 @@ body.cid-community {
display: inline-block; display: inline-block;
vertical-align: top; vertical-align: top;
position: relative; position: relative;
background-color: #326ce5; // Kubernetes blue background-color: $primary;
color: #fff; color: #fff;
padding: 0; padding: 0;
margin: 0; margin: 0;
@ -527,9 +527,9 @@ body.cid-partners {
border-radius: 6px; border-radius: 6px;
padding: 0 20px; padding: 0 20px;
line-height: 40px; line-height: 40px;
color: #ffffff;
font-size: 16px; font-size: 16px;
background-color: #326ce5; background-color: $primary;
color: $white;
text-decoration: none; text-decoration: none;
} }

View File

@ -162,7 +162,7 @@ body {
> .feature-state-name::before { > .feature-state-name::before {
content: ''; content: '';
color: #326ce5; // Kubernetes blue color: $primary;
} }
> .feature-state-name { > .feature-state-name {
display: inline-block; display: inline-block;