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

Muted text color and some structuring

Browse Source
This commit is contained in:
Michiel Scholten
2025-06-06 15:28:06 +02:00
parent 3e917efe37
commit 4dc46ba3c7
1 changed files with 19 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,6 +1,9 @@
/** /**
* digui structure * digui structure and theming
* v0.0.1 * v0.0.1
*
* Created by: Michiel Scholten
* Source: https://github.com/aquatix/digui
*/ */
/* Main structure */ /* Main structure */
@@ -14,12 +17,13 @@
--button-text: var(--text-color); --button-text: var(--text-color);
--text-color: #121416d8; --text-color: #121416d8;
--secondary-text-color: #121416d8; --secondary-text-color: #121416d8;
--muted-text-color: #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);
--highlight-color: #fb8c00;
--border-color: #d5d9d9; --border-color: #d5d9d9;
--border-width: 1px; --border-width: 1px;
--border-radius: 8px; --border-radius: 8px;
@@ -34,21 +38,7 @@
} }
html[data-theme='nebula'] { html[data-theme='nebula'] {
--background-color: #fff; /* Default theme, see :root element */
--secondary-background-color: #ccc;
--text-color: #121416d8;
--secondary-text-color: #121416d8;
--link-color: #543fd7;
--highlight-color: #fb8c00;
--nav-background-color: #FFF;
--nav-color: var(--text-color);
--border-color: #d5d9d9;
--border-width: 1px;
--border-radius: 8px;
--shadow-color: rgba(213, 217, 217, .5);
--global-theme-toggle-content: ' 🌞';
} }
html[data-theme='nebula-dark'] { html[data-theme='nebula-dark'] {
@@ -58,6 +48,7 @@ html[data-theme='nebula-dark'] {
--button-text: var(--text-color); --button-text: var(--text-color);
--text-color: #F7F8F8; --text-color: #F7F8F8;
--secondary-text-color: #ddd; --secondary-text-color: #ddd;
--muted-text-color: #F7F8F8;
--link-color: #ffe7a3; --link-color: #ffe7a3;
--highlight-color: #e03131; --highlight-color: #e03131;
@@ -79,6 +70,7 @@ html[data-theme='bbs'] {
--button-text: var(--text-color); --button-text: var(--text-color);
--text-color: #000; --text-color: #000;
--secondary-text-color: #000; --secondary-text-color: #000;
--muted-text-color: #000;
--link-color: #543fd7; --link-color: #543fd7;
--highlight-color: #e03131; --highlight-color: #e03131;
@@ -100,6 +92,7 @@ html[data-theme='silo'] {
--button-text: var(--text-color); --button-text: var(--text-color);
--text-color: #FFF; --text-color: #FFF;
--secondary-text-color: #29292c; --secondary-text-color: #29292c;
--muted-text-color: #FFF;
--link-color: #FF9800; --link-color: #FF9800;
--highlight-color: #23B0FF; --highlight-color: #23B0FF;
@@ -134,6 +127,9 @@ main {
padding-top: .5em; padding-top: .5em;
} }
/* Navigation */
header { header {
background-color: var(--nav-background-color); background-color: var(--nav-background-color);
position: fixed; position: fixed;
@@ -180,6 +176,8 @@ header li h1 {
border-bottom: 3px dotted #23B0FF; border-bottom: 3px dotted #23B0FF;
} }
/* Generic elements */
a, a:hover, a:visited, a:active { a, a:hover, a:visited, a:active {
text-decoration: none; text-decoration: none;
} }
@@ -193,6 +191,10 @@ a:hover {
filter: brightness(80%); filter: brightness(80%);
} }
ol li::marker, ul li::marker {
color: var(--muted-text-color);
}
/* Active element, e.g. a button */ /* Active element, e.g. a button */
.active { .active {
background-color: var(--highlight-color); background-color: var(--highlight-color);