From 394a0d9769fe328ab0a91dab2d2a3d5946b0a793 Mon Sep 17 00:00:00 2001 From: Tim Bannister Date: Sun, 6 Oct 2024 19:39:11 +0100 Subject: [PATCH] Use Docsy variable name for blue As blue is our site's primary color, use the Docsy variable for that. --- assets/scss/_base.scss | 34 ++++++++++++++--------------- assets/scss/_custom.scss | 8 +++---- assets/scss/_documentation.scss | 14 ++++++------ assets/scss/_tablet.scss | 2 +- assets/scss/_variables_project.scss | 4 ++-- 5 files changed, 31 insertions(+), 31 deletions(-) diff --git a/assets/scss/_base.scss b/assets/scss/_base.scss index 5ce32fcd78..b05c6a1c8e 100644 --- a/assets/scss/_base.scss +++ b/assets/scss/_base.scss @@ -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; } diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss index 6c93361e52..cc1863b0d7 100644 --- a/assets/scss/_custom.scss +++ b/assets/scss/_custom.scss @@ -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; diff --git a/assets/scss/_documentation.scss b/assets/scss/_documentation.scss index 7fa035f9e1..5278bf0f20 100644 --- a/assets/scss/_documentation.scss +++ b/assets/scss/_documentation.scss @@ -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; diff --git a/assets/scss/_tablet.scss b/assets/scss/_tablet.scss index 03d18bd910..ca245bca2c 100644 --- a/assets/scss/_tablet.scss +++ b/assets/scss/_tablet.scss @@ -199,7 +199,7 @@ $feature-box-div-width: 45%; a { display: inline-block; - color: $blue; + color: $primary; font-weight: 400; text-decoration: none; } diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss index a026454a0f..d1d5590be4 100644 --- a/assets/scss/_variables_project.scss +++ b/assets/scss/_variables_project.scss @@ -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