jens/sheetmusictrainer
1
0
Fork 0
mirror of https://github.com/9x/sheetmusictrainer.git synced 2026-09-02 09:34:33 +02:00
Code Issues Packages Projects Releases Wiki Activity

Keyboard Shortcuts

Browse Source
This commit is contained in:
Jens Mohrmann
2025-12-25 21:23:31 +01:00
parent 894321f0dc
commit 0c2a84464a
5 changed files with 312 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/styles/variables.css
View File

@@ -11,9 +11,10 @@
--color-primary-dark: hsl(var(--hue-primary), 60%, 40%);
--color-text-main: hsl(var(--hue-text), 20%, 20%);
--color-text-muted: hsl(var(--hue-text), 10%, 60%);
--color-success: hsl(var(--hue-success), 60%, 45%);
--color-error: hsl(var(--hue-error), 70%, 55%);
--color-warning: hsl(35, 90%, 50%);
/* Spacing */
--spacing-xs: 4px;
@@ -29,11 +30,11 @@
--font-size-lg: 1.25rem;
--font-size-xl: 1.5rem;
--font-size-2xl: 2rem;
/* Shadows */
--shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
--shadow-md: 0 4px 6px rgba(0,0,0,0.05), 0 1px 3px rgba(0,0,0,0.1);
--shadow-lg: 0 10px 15px rgba(0,0,0,0.05), 0 4px 6px rgba(0,0,0,0.02);
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.1);
--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.05), 0 4px 6px rgba(0, 0, 0, 0.02);
/* Radius */
--radius-sm: 6px;
@@ -51,16 +52,16 @@
}
body {
margin: 0;
font-family: var(--font-family);
background-color: var(--color-bg);
color: var(--color-text-main);
transition: background-color 0.3s ease, color 0.3s ease;
line-height: 1.5;
margin: 0;
font-family: var(--font-family);
background-color: var(--color-bg);
color: var(--color-text-main);
transition: background-color 0.3s ease, color 0.3s ease;
line-height: 1.5;
}
#root {
height: 100vh;
display: flex;
flex-direction: column;
}
height: 100vh;
display: flex;
flex-direction: column;
}