malhuda/fictioneer
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases 112 Wiki Activity

Color refactoring part 22

Browse Source
This commit is contained in:
Tetrakern 2024-02-29 02:29:21 +01:00
parent 12d0daba58
commit 6ca19ed18c
7 changed files with 27 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/chapter.css
View File

File diff suppressed because one or more lines are too long

2
css/complete.css
View File

File diff suppressed because one or more lines are too long

2
css/editor.css
View File

File diff suppressed because one or more lines are too long

2
css/properties.css
View File

File diff suppressed because one or more lines are too long

8
src/scss/_chapter.scss
View File

@ -323,7 +323,7 @@
&[data-bookmark-color=beta] {
&::before,
#button-set-bookmark {
color: var(--bookmark-button-text-active-beta);
color: var(--bookmark-button-color-active-beta);
background: var(--bookmark-color-beta);
}
}
@ -331,7 +331,7 @@
&[data-bookmark-color=gamma] {
&::before,
#button-set-bookmark {
color: var(--bookmark-button-text-active-gamma);
color: var(--bookmark-button-color-active-gamma);
background: var(--bookmark-color-gamma);
}
}
@ -339,14 +339,14 @@
&[data-bookmark-color=delta] {
&::before,
#button-set-bookmark {
color: var(--bookmark-button-text-active-delta);
color: var(--bookmark-button-color-active-delta);
background: var(--bookmark-color-delta);
}
}
#button-set-bookmark {
background: var(--button-bookmark-background-active);
color: var(--bookmark-button-text-active-alpha);
color: var(--bookmark-button-color-active-alpha);
}
}

31
src/scss/common/_lightmode.scss
View File

@ -1,7 +1,7 @@
:root[data-mode=light] {
// === UNSORTED ==============================================================
// --theme-color-base: 219 15 17; // 900
--theme-color-base: 220 13 91;
--body-bg-color: var(--bg-400);
--site-bg-color: var(--bg-200);
@ -208,17 +208,16 @@
// === COLORS - BOOKMARKS ====================================================
// --bookmark-color-alpha: var(--fg-900);
// --bookmark-color-beta: #e06552;
// --bookmark-color-gamma: #77BFA3;
// --bookmark-color-delta: #3C91E6;
// --bookmark-line: var(--primary-500);
// --bookmark-button-text-active-alpha: var(--fg-inverted);
// --bookmark-button-text-active-beta: var(--fg-inverted);
// --bookmark-button-text-active-gamma: var(--fg-inverted);
// --bookmark-button-text-active-delta: var(--fg-inverted);
// --bookmark-progress-opacity: .15;
// --bookmark-progress-mobile-opacity: .75;
--bookmark-color-alpha: var(--bg-500);
--bookmark-color-beta: #f59e0b;
--bookmark-color-gamma: #77BFA3;
--bookmark-color-delta: #dd5960;
--bookmark-button-color-active-alpha: var(--fg-inverted);
--bookmark-button-color-active-beta: var(--fg-300);
--bookmark-button-color-active-gamma: var(--fg-300);
--bookmark-button-color-active-delta: var(--fg-300);
--bookmark-progress-opacity: .25;
--bookmark-progress-mobile-opacity: 1;
// === BUTTONS - GENERAL =====================================================
@ -251,10 +250,10 @@
// === BUTTONS - QUICK =======================================================
// --button-quick-background: var(--bg-500);
// --button-quick-background-hover: var(--bg-300);
// --button-quick-color: var(--fg-600);
// --button-quick-color-hover: var(--fg-400);
--button-quick-background: var(--bg-600);
--button-quick-background-hover: var(--bg-700);
--button-quick-color: var(--fg-inverted);
--button-quick-color-hover: var(--fg-inverted);
// === BUTTONS - FILE BLOCK ==================================================

8
src/scss/common/_properties.scss
View File

@ -399,10 +399,10 @@
--bookmark-color-gamma: #77BFA3;
--bookmark-color-delta: #3C91E6;
--bookmark-line: var(--primary-500);
--bookmark-button-text-active-alpha: var(--fg-inverted);
--bookmark-button-text-active-beta: var(--fg-inverted);
--bookmark-button-text-active-gamma: var(--fg-inverted);
--bookmark-button-text-active-delta: var(--fg-inverted);
--bookmark-button-color-active-alpha: var(--fg-inverted);
--bookmark-button-color-active-beta: var(--fg-inverted);
--bookmark-button-color-active-gamma: var(--fg-inverted);
--bookmark-button-color-active-delta: var(--fg-inverted);
--bookmark-progress-opacity: .15;
--bookmark-progress-mobile-opacity: .75;