0x1eef/al-quran.reflectslight.io
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Fix stalled icon within green theme

Browse source
This commit is contained in:
0x1eef 2023-10-23 13:38:34 -03:00
parent b1a8c053c5
commit 16352bd37c
6 changed files with 61 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/css/themes/blue.scss
View file

@ -2,6 +2,7 @@
@import "blue/pages/SurahIndex";
@import "blue/pages/SurahStream";
@import "blue/components/Select";
@import "blue/components/Icon";
.root .content.theme.blue.ar {
direction: rtl;

59
src/css/themes/blue/components/_Icon.scss
View file

@ -1,31 +1,36 @@
.content.theme.blue {
@import "themes/blue/colors";
.play.icon {
fill: $blue1;
stroke: darken($blue1, 40%);
stroke-width: 2px;
}
.footer {
.play.icon {
fill: $blue1;
stroke: darken($blue1, 40%);
stroke-width: 2px;
}
.pause.icon {
background: unset;
rect {
fill: $blue1;
stroke: darken($blue1, 40%);
stroke-width: 1px;
}
}
.refresh.icon {
background: unset;
fill: $blue1;
}
.stalled.icon {
div { background: $gold2; }
}
.sound-on.icon, .sound-off.icon {
polygon {
fill: $blue1;
stroke-width: 2;
.pause.icon {
background: unset;
rect {
fill: $blue1;
stroke: darken($blue1, 40%);
stroke-width: 1px;
}
}
.refresh.icon {
background: unset;
fill: $blue1;
}
.stalled.icon {
div { background: $gold2; }
}
.sound-on.icon, .sound-off.icon {
polygon {
fill: $blue1;
stroke-width: 2;
}
}
}
}

1
src/css/themes/blue/pages/_SurahStream.scss
View file

@ -1,6 +1,5 @@
.root .content.theme.blue {
@import "themes/blue/colors";
@import "themes/blue/components/Icon";
.row.details {
color: $gold1;

1
src/css/themes/green.scss
View file

@ -2,6 +2,7 @@
@import "green/pages/SurahIndex";
@import "green/pages/SurahStream";
@import "green/components/Select";
@import "themes/green/components/Icon";
.root .content.theme.green.ar {
direction: rtl;

46
src/css/themes/green/components/_Icon.scss
View file

@ -1,24 +1,32 @@
.footer {
.play.icon {
background: unset;
g path {
fill: $green1;
stroke: $green1;
stroke-width: 3px;
}
}
.content.theme.green {
@import "themes/green/colors";
.pause.icon {
background: unset;
g rect {
fill: $green1;
stroke: $green1;
stroke-width: 1px;
.footer {
.play.icon {
background: unset;
g path {
fill: $green1;
stroke: $green1;
stroke-width: 3px;
}
}
}
.refresh.icon {
background: unset;
fill: $green1;
.pause.icon {
background: unset;
g rect {
fill: $green1;
stroke: $green1;
stroke-width: 1px;
}
}
.refresh.icon {
background: unset;
fill: $green1;
}
.stalled.icon {
div { background: $green1; }
}
}
}

1
src/css/themes/green/pages/_SurahStream.scss
View file

@ -1,6 +1,5 @@
.root .content.theme.green {
@import "themes/green/colors";
@import "themes/green/components/Icon";
.row.details {
color: $green1;