diff --git a/_sass/components/_about.scss b/_sass/components/_about.scss index 1085dcab23..5184e3e1f1 100644 --- a/_sass/components/_about.scss +++ b/_sass/components/_about.scss @@ -363,12 +363,12 @@ a.anchor { } .color-teal { - color: #01548a; + color: $color-darkroyalblue; font-weight: 700; } .color-midnightblue { - color: #173567; + color: $color-midnightblue; font-weight: 700; } diff --git a/_sass/components/guide-pages/2FA.scss b/_sass/components/guide-pages/2FA.scss index 6f891b07b1..0617b58a53 100644 --- a/_sass/components/guide-pages/2FA.scss +++ b/_sass/components/guide-pages/2FA.scss @@ -23,11 +23,11 @@ } .used { - background-color: #89cff0; + background-color: $color-skyblue; } .never-used { - background-color: #0000ff; + background-color: $color-brightblue; } .indent { diff --git a/_sass/components/guide-pages/github-issue-guide.scss b/_sass/components/guide-pages/github-issue-guide.scss index 731c619aed..b303bd4238 100644 --- a/_sass/components/guide-pages/github-issue-guide.scss +++ b/_sass/components/guide-pages/github-issue-guide.scss @@ -61,7 +61,7 @@ } .blue-text { - color: #407BFF; + color: $color-azure; } // diff --git a/_sass/elements/_color-styles.scss b/_sass/elements/_color-styles.scss index 1bbda376c2..4b7112a35d 100644 --- a/_sass/elements/_color-styles.scss +++ b/_sass/elements/_color-styles.scss @@ -32,11 +32,9 @@ .color-midnightblue { color: $color-midnightblue; } .color-darkroyalblue { color: $color-darkroyalblue; } .color-blue { color: $color-blue; } -.color-royalblue { color: $color-royalblue; } .color-brightblue { color: $color-brightblue; } .color-azure { color: $color-azure; } .color-dodgerblue { color: $color-dodgerblue; } -.color-babyblue { color: $color-babyblue; } .color-skyblue { color: $color-skyblue; } // Violets diff --git a/_sass/variables/_colors.scss b/_sass/variables/_colors.scss index f87b32f4c8..4d91193380 100644 --- a/_sass/variables/_colors.scss +++ b/_sass/variables/_colors.scss @@ -32,11 +32,9 @@ $color-lightgreen: #bbffbb; $color-midnightblue: #173567; $color-darkroyalblue: #01548a; $color-blue: #046afa; -$color-royalblue: #4169e1; $color-brightblue: #0000ff; $color-azure: #407BFF; $color-dodgerblue: #1587FF; -$color-babyblue: #a4d5ff; $color-skyblue: #89cff0; // Violets diff --git a/assets/js/2FA.js b/assets/js/2FA.js index 267a087635..9d2a20cb0d 100644 --- a/assets/js/2FA.js +++ b/assets/js/2FA.js @@ -102,7 +102,7 @@ let myPiechart = new Piechart( { canvas:myCanvas, data:userData, - colors:["#89cff0", "#0000ff"], + colors:["$color-skyblue", "$color-brightblue"], doughnutHoleSize:0.4 } );