edshot99/eBooru
1
0
Fork 0
forked from e621ng/e621ng
Code Issues 11 Releases 1 Activity

[CSS] Give active buttons their own background color

Browse Source 
Using the same color as the active links caused issues with the bloodlust theme, making the active buttons literally no different than the non-active ones.
This commit is contained in:
bitWolfy 2021-10-14 11:03:45 -07:00
parent 6e3d837829
commit 4443639cac
6 changed files with 6 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/src/styles/specific/uploads.scss
View File

@ -17,7 +17,7 @@ div#c-uploads {
.toggle-button:last-child { margin-right: 0; }
.toggle-button.active {
@include themable { background-color: themed("color-link-active"); }
@include themable { background-color: themed("color-button-active"); }
}
.rating-e.active {

1
app/javascript/src/styles/themes/_theme_bloodlust.scss
View File

@ -21,6 +21,7 @@ $theme_bloodlust: (
"color-link": $bloodlust-color-link,
"color-link-hover": $bloodlust-color-link-hover,
"color-link-active": #ffffff,
"color-button-active": #e8c446,
"color-link-last-page": $bloodlust-color-text-muted,
"color-link-last-hover": $bloodlust-color-link-hover,

1
app/javascript/src/styles/themes/_theme_hexagon.scss
View File

@ -25,6 +25,7 @@ $theme_hexagon: (
"color-link": $hexagon-color-link,
"color-link-hover": $hexagon-color-link-hover,
"color-link-active": #e8c446,
"color-button-active": #e8c446,
"color-link-last-page": $hexagon-color-text-muted,
"color-link-last-hover": $hexagon-color-link-hover,

1
app/javascript/src/styles/themes/_theme_hotdog.scss
View File

@ -12,6 +12,7 @@ $theme_hotdog: (
"color-link": #000000,
"color-link-hover": #666666,
"color-link-active": #ffe380,
"color-button-active": #ffe380,
"color-success": darkgreen,
"color-danger": maroon,

1
app/javascript/src/styles/themes/_theme_pony.scss
View File

@ -13,6 +13,7 @@ $theme_pony: (
"color-link": #b4c7d9,
"color-link-hover": #e9f2fa,
"color-link-active": #e8c446,
"color-button-active": #e8c446,
"color-success": darkgreen,
"color-danger": maroon,

1
app/javascript/src/styles/themes/_theme_serpent.scss
View File

@ -13,6 +13,7 @@ $theme_serpent: (
"color-link": #005500,
"color-link-hover": #3A8F3A,
"color-link-active": #e8c446,
"color-button-active": #e8c446,
"color-success": darkgreen,
"color-danger": maroon,