diginaut/digimarks
1
0
Fork 0
mirror of https://github.com/aquatix/digimarks.git synced 2025-12-06 23:05:10 +01:00
Code Issues Releases Wiki Activity

Namespace certain types of variables

Browse Source
This commit is contained in:
Michiel Scholten
2025-06-06 15:36:53 +02:00
parent 4dc46ba3c7
commit 1229680abe
1 changed files with 28 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/digimarks/static/css/digui.css
View File

@@ -12,14 +12,13 @@
/* Default is nebula-light */ /* Default is nebula-light */
--font-family: sans-serif; --font-family: sans-serif;
--background-color: #fff; --background-color: #fff;
--secondary-background-color: #ccc; --background-color-secondary: #ccc;
--button-color: #eee; --button-color: #eee;
--button-text: var(--text-color); --button-text: var(--text-color);
--text-color: #121416d8; --text-color: #121416d8;
--secondary-text-color: #121416d8; --text-color-secondary: #121416d8;
--muted-text-color: #121416d8; --text-color-muted: #121416d8;
--link-color: #543fd7; --link-color: #543fd7;
--highlight-color: #fb8c00;
--nav-background-color: #FFF; --nav-background-color: #FFF;
--nav-color: var(--text-color); --nav-color: var(--text-color);
@@ -30,9 +29,12 @@
--shadow-color: rgba(213, 217, 217, .5); --shadow-color: rgba(213, 217, 217, .5);
--global-theme-toggle-content: ' 🌞'; --global-theme-toggle-content: ' 🌞';
--danger-color: #e03131; /* E.g., an active button */
--warning-color: orange; --color-highlight: #fb8c00;
--error-color: var(--danger-color); /* Generic colors */
--color-danger: #e03131;
--color-warning: orange;
--color-error: var(--color-danger);
--padding: .5rem; --padding: .5rem;
} }
@@ -43,14 +45,14 @@ html[data-theme='nebula'] {
html[data-theme='nebula-dark'] { html[data-theme='nebula-dark'] {
--background-color: #29292c; --background-color: #29292c;
--secondary-background-color: #29292c; --background-color-secondary: #29292c;
--button-color: #29292c; --button-color: #29292c;
--button-text: var(--text-color); --button-text: var(--text-color);
--text-color: #F7F8F8; --text-color: #F7F8F8;
--secondary-text-color: #ddd; --text-color-secondary: #ddd;
--muted-text-color: #F7F8F8; --text-color-muted: #F7F8F8;
--link-color: #ffe7a3; --link-color: #ffe7a3;
--highlight-color: #e03131; --color-highlight: #e03131;
--nav-background-color: #FF9800; --nav-background-color: #FF9800;
--nav-color: var(--text-color); --nav-color: var(--text-color);
@@ -65,14 +67,14 @@ html[data-theme='nebula-dark'] {
html[data-theme='bbs'] { html[data-theme='bbs'] {
--font-family: monospace; --font-family: monospace;
--background-color: #FFF; --background-color: #FFF;
--secondary-background-color: #ccc; --background-color-secondary: #ccc;
--button-color: #FFFFFF; --button-color: #FFFFFF;
--button-text: var(--text-color); --button-text: var(--text-color);
--text-color: #000; --text-color: #000;
--secondary-text-color: #000; --text-color-secondary: #000;
--muted-text-color: #000; --text-color-muted: #000;
--link-color: #543fd7; --link-color: #543fd7;
--highlight-color: #e03131; --color-highlight: #e03131;
/*--nav-background-color: #ccc;*/ /*--nav-background-color: #ccc;*/
/*--nav-color: var(--text-color);*/ /*--nav-color: var(--text-color);*/
@@ -87,14 +89,14 @@ html[data-theme='silo'] {
--font-family: monospace; --font-family: monospace;
/*--background-color: #003eaa;*/ /*--background-color: #003eaa;*/
--background-color: #1d212c; --background-color: #1d212c;
--secondary-background-color: var(--highlight-color); --background-color-secondary: var(--color-highlight);
--button-color: #FFFFFF; --button-color: #FFFFFF;
--button-text: var(--text-color); --button-text: var(--text-color);
--text-color: #FFF; --text-color: #FFF;
--secondary-text-color: #29292c; --text-color-secondary: #29292c;
--muted-text-color: #FFF; --text-color-muted: #FFF;
--link-color: #FF9800; --link-color: #FF9800;
--highlight-color: #23B0FF; --color-highlight: #23B0FF;
/*--nav-background-color: #003eaa;*/ /*--nav-background-color: #003eaa;*/
/*--nav-background-color: #23B0FF;*/ /*--nav-background-color: #23B0FF;*/
@@ -192,12 +194,12 @@ a:hover {
} }
ol li::marker, ul li::marker { ol li::marker, ul li::marker {
color: var(--muted-text-color); color: var(--text-color-muted);
} }
/* Active element, e.g. a button */ /* Active element, e.g. a button */
.active { .active {
background-color: var(--highlight-color); background-color: var(--color-highlight);
color: var(--text-color); color: var(--text-color);
} }
@@ -211,7 +213,7 @@ button, input {
border: var(--border-width) solid var(--border-color); border: var(--border-width) solid var(--border-color);
border-radius: var(--border-radius); border-radius: var(--border-radius);
box-sizing: border-box; box-sizing: border-box;
color: var(--secondary-text-color); color: var(--text-color-secondary);
background-color: var(--button-color); background-color: var(--button-color);
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
@@ -230,7 +232,7 @@ button, input {
button:hover { button:hover {
/*background-color: #f7fafa;*/ /*background-color: #f7fafa;*/
/*background-color: #d57803;*/ /*background-color: #d57803;*/
background-color: var(--highlight-color); background-color: var(--color-highlight);
filter: brightness(80%); filter: brightness(80%);
} }
@@ -330,8 +332,8 @@ button:focus {
.chip { .chip {
font-size: .8rem; font-size: .8rem;
border-radius: var(--border-radius); border-radius: var(--border-radius);
background-color: var(--secondary-background-color); background-color: var(--background-color-secondary);
color: var(--secondary-text-color); color: var(--text-color-secondary);
/*color: var(--text-color);*/ /*color: var(--text-color);*/
padding: .2rem .5rem; padding: .2rem .5rem;
margin-left: .5rem; margin-left: .5rem;
@@ -343,7 +345,7 @@ button:focus {
/** Status */ /** Status */
.error { .error {
color: var(--error-color); color: var(--color-error);
} }