Introduce $secondary-color ('blue' theme)

This commit is contained in:
0x1eef 2024-02-25 11:13:24 -03:00
parent 0317773fe4
commit 81335ebeb2
5 changed files with 12 additions and 12 deletions

View file

@ -1,4 +1,4 @@
$primary-color: #569bd3; $primary-color: #569bd3;
$primary-dark-color: #3383C3; $secondary-color: #3383C3;
$accent-color: lighten($primary-color, 38%); $accent-color: lighten($primary-color, 38%);
$white: #FFF; $white: #FFF;

View file

@ -5,13 +5,13 @@
header { header {
h1 , h1 a { color: $primary-color; } h1 , h1 a { color: $primary-color; }
nav .react-select { nav .react-select {
color: $primary-dark-color; color: $secondary-color;
} }
nav .react-select.language { nav .react-select.language {
ul li { ul li {
background: $primary-color; background: $primary-color;
color: $white; color: $white;
border: 3px solid lighten($primary-dark-color, 5%); border: 3px solid $secondary-color;
} }
} }
} }

View file

@ -4,14 +4,14 @@
ul.body.stream li, footer { ul.body.stream li, footer {
.play.icon { .play.icon {
fill: $primary-color; fill: $primary-color;
stroke: $primary-dark-color; stroke: $secondary-color;
stroke-width: 2px; stroke-width: 2px;
} }
.pause.icon { .pause.icon {
rect { rect {
fill: $primary-color; fill: $primary-color;
stroke: $primary-dark-color; stroke: $secondary-color;
stroke-width: 1px; stroke-width: 1px;
} }
} }
@ -28,12 +28,12 @@
} }
.right-arrow.icon { .right-arrow.icon {
g { g {
fill: $primary-dark-color; fill: $secondary-color;
} }
} }
} }
.stalled.icon { .stalled.icon {
div { background: $primary-dark-color; } div { background: $secondary-color; }
} }
} }

View file

@ -15,7 +15,7 @@
} }
span.id { span.id {
color: $primary-dark-color; color: $secondary-color;
} }
} }
} }
@ -46,7 +46,7 @@
@import "themes/blue/colors"; @import "themes/blue/colors";
header { header {
div { div {
color: $primary-dark-color; color: $secondary-color;
} }
} }
} }
@ -56,7 +56,7 @@
ul.body.index { ul.body.index {
li.surah a { li.surah a {
span.id { span.id {
color: $primary-dark-color; color: $secondary-color;
} }
span.name { span.name {
color: $primary-color; color: $primary-color;

View file

@ -3,14 +3,14 @@
header { header {
div { div {
.localized-name, .transliterated-name { color: $primary-dark-color; } .localized-name, .transliterated-name { color: $secondary-color; }
} }
} }
ul.body.stream { ul.body.stream {
li.ayah { li.ayah {
span.title span { span.title span {
color: $primary-dark-color; color: $secondary-color;
} }
p { } p { }
} }