Introduce $secondary-color
('blue' theme)
This commit is contained in:
parent
0317773fe4
commit
81335ebeb2
5 changed files with 12 additions and 12 deletions
|
@ -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;
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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; }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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 { }
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue