Begin work on the updated item sheet and get the tabs initialized (Closes #141)

This commit is contained in:
Oliver-Akins 2024-03-30 22:02:39 -06:00
parent be31e98dea
commit df316c68f3
12 changed files with 131 additions and 3 deletions

View file

@ -0,0 +1,7 @@
.dotdungeon.style-v3 {
--sheet: #0a0a0a;
--on-sheet: white;
--surface: #121212;
--on-surface: white;
}

View file

@ -0,0 +1,27 @@
/*
These CSS variables are all used in order to try following Material design as
best as I can.
*/
.dotdungeon.style-v3 {
--elevation-0dp-bg: var(--surface);
--elevation-0dp-text: var(--on-surface);
--elevation-1dp-bg: color-mix(in lab, transparent, white 5%);
--elevation-1dp-text: white;
--elevation-2dp-bg: color-mix(in lab, transparent, white 7%);
--elevation-2dp-text: white;
--elevation-3dp-bg: color-mix(in lab, transparent, white 8%);
--elevation-3dp-text: white;
--elevation-4dp-bg: color-mix(in lab, transparent, white 9%);
--elevation-4dp-text: white;
--elevation-6dp-bg: color-mix(in lab, transparent, white 11%);
--elevation-6dp-text: white;
--elevation-8dp-bg: color-mix(in lab, transparent, white 12%);
--elevation-8dp-text: white;
--elevation-12dp-bg: color-mix(in lab, transparent, white 14%);
--elevation-12dp-text: white;
--elevation-16dp-bg: color-mix(in lab, transparent, white 15%);
--elevation-16dp-text: white;
--elevation-24dp-bg: color-mix(in lab, transparent, white 16%);
--elevation-24dp-text: white;
}