djledda/arne-drums
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

light mode

Browse Source
This commit is contained in:
arne
2024-12-01 13:38:39 +01:00
parent 2445534be3
commit 5968449040
2 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/ui/TrackUnitBox/TrackUnitBox.vue
View File

@@ -39,8 +39,8 @@
width: 2em; width: 2em;
height: 2em; height: 2em;
margin-right: 4px; margin-right: 4px;
background-color: #464646; background-color: #e0e0e0;
border-color: #464646; border-color: #e0e0e0;
border-width: 0.1em 0.1em 0.1em 0.1em; border-width: 0.1em 0.1em 0.1em 0.1em;
border-style: solid; border-style: solid;
display: inline-block; display: inline-block;
@@ -49,8 +49,8 @@
&.highlightable { &.highlightable {
&:hover { &:hover {
border-color: #5f5f5f; border-color: #f1f1f1;
background-color: #5f5f5f; background-color: #f1f1f1;
transition: none; transition: none;
} }

18
src/ui/global.css
View File

@@ -1,23 +1,23 @@
:root { :root {
--color-ui-accent: #FF0000; --color-ui-accent: #00b3ba;
--color-ui-accent-hover: #FF0000; --color-ui-accent-hover: #00c1c9;
--color-ui-accent-active: #930000; --color-ui-accent-active: #008e93;
--color-ui-neutral-light: #fdfdfe; --color-ui-neutral-light: #fdfdfe;
--color-ui-neutral-light-hover: #fdfdfe; --color-ui-neutral-light-hover: #fdfdfe;
--color-ui-neutral-light-active: #fdfdfe; --color-ui-neutral-light-active: #fdfdfe;
--color-ui-neutral-dark: #8b8b8b; --color-ui-neutral-dark: #adadad;
--color-ui-neutral-dark-hover: #a1a1a1; --color-ui-neutral-dark-hover: #a1a1a1;
--color-ui-neutral-dark-active: #c1c1c1; --color-ui-neutral-dark-active: #c1c1c1;
--color-bg-light: #464646; --color-bg-light: #e0e0e0;
--color-bg-medium: #323232; --color-bg-medium: #fff;
--color-bg-dark: #282828; --color-bg-dark: #fff;
--color-p-light: #fafafa; --color-p-light: #282828;
--color-p-light-hover: #fafafa; --color-p-light-hover: #fafafa;
--color-p-light-active: #fafafa; --color-p-light-active: #fafafa;
--color-p-dark: #282828; --color-p-dark: #282828;
--color-p-dark-hover: #464646; --color-p-dark-hover: #464646;
--color-p-dark-active: #464646; --color-p-dark-active: #464646;
--color-title-light: #fafafa; --color-title-light: #282828;
--color-title-dark: #282828; --color-title-dark: #282828;
} }