Refactor color use
Use Kubernetes blue by referencing a variable.
This commit is contained in:
parent
394a0d9769
commit
065da747b2
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue