koloml/furbooru-tagging-assistant
1
0
Fork 0
mirror of https://github.com/koloml/furbooru-tagging-assistant.git synced 2025-12-23 23:02:58 +00:00
Code Issues Activity

Merge pull request #88 from koloml/feature/update-colors-for-content-styles

Browse Source 
Updated maintenance popup styling to respect active site theme
This commit is contained in:
KoloMl
2025-02-15 18:25:17 -05:00
committed by GitHub
parent a99e4d286a b6a96abadf
commit 805bb7543a
2 changed files with 19 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/styles/booru-colors.scss → src/styles/booru-vars.scss
View File

@@ -1,3 +1,7 @@
$background-color: var(--background-color);
$media-border: var(--media-border);
$media-box-color: var(--media-box-color);
// These variables are defined dynamically based on the category of the tag
$resolved-tag-background: var(--tag-background);
$resolved-tag-border: var(--tag-border);

27
src/styles/content/listing.scss
View File

@@ -1,5 +1,5 @@
@use '$styles/colors';
@use '$styles/booru-colors';
@use '$styles/booru-vars';
// This will fix wierd misplacing of the modified media boxes in the listing.
.js-resizable-media-container {
@@ -19,22 +19,22 @@
top: -1px;
bottom: 0;
z-index: 8;
background: colors.$footer;
border-top: 23px solid colors.$media-box-border;
background: booru-vars.$background-color;
border-top: 23px solid booru-vars.$media-box-color;
}
&:before {
right: calc(100% - 1px);
left: -50%;
border-left: 1px solid colors.$media-box-border;
box-shadow: colors.$footer -10px 0 10px;
border-left: booru-vars.$media-border;
box-shadow: booru-vars.$background-color -10px 0 10px;
}
&:after {
left: calc(100% - 1px);
right: -50%;
border-right: 1px solid colors.$media-box-border;
box-shadow: colors.$footer 10px 0 10px;
border-right: booru-vars.$media-border;
box-shadow: booru-vars.$background-color 10px 0 10px;
}
}
@@ -46,9 +46,12 @@
left: -50%;
right: -50%;
z-index: 8;
background: colors.$footer;
border: 1px solid colors.$media-box-border;
border-top: 0;
background: booru-vars.$background-color;
border: {
left: booru-vars.$media-border;
right: booru-vars.$media-border;
bottom: booru-vars.$media-border;
};
.tags-list {
display: flex;
@@ -67,8 +70,8 @@
user-select: none;
&:hover {
background: booru-colors.$resolved-tag-color;
color: booru-colors.$resolved-tag-background;
background: booru-vars.$resolved-tag-color;
color: booru-vars.$resolved-tag-background;
}
&.is-missing:not(.is-added),