diff --git a/src/ui/TrackUnitBox/TrackUnitBox.vue b/src/ui/TrackUnitBox/TrackUnitBox.vue index 8ab30f2..7638ea9 100644 --- a/src/ui/TrackUnitBox/TrackUnitBox.vue +++ b/src/ui/TrackUnitBox/TrackUnitBox.vue @@ -39,8 +39,8 @@ width: 2em; height: 2em; margin-right: 4px; - background-color: #464646; - border-color: #464646; + background-color: #e0e0e0; + border-color: #e0e0e0; border-width: 0.1em 0.1em 0.1em 0.1em; border-style: solid; display: inline-block; @@ -49,8 +49,8 @@ &.highlightable { &:hover { - border-color: #5f5f5f; - background-color: #5f5f5f; + border-color: #f1f1f1; + background-color: #f1f1f1; transition: none; } diff --git a/src/ui/global.css b/src/ui/global.css index ee4ae05..b993937 100644 --- a/src/ui/global.css +++ b/src/ui/global.css @@ -1,23 +1,23 @@ :root { - --color-ui-accent: #FF0000; - --color-ui-accent-hover: #FF0000; - --color-ui-accent-active: #930000; + --color-ui-accent: #00b3ba; + --color-ui-accent-hover: #00c1c9; + --color-ui-accent-active: #008e93; --color-ui-neutral-light: #fdfdfe; --color-ui-neutral-light-hover: #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-active: #c1c1c1; - --color-bg-light: #464646; - --color-bg-medium: #323232; - --color-bg-dark: #282828; - --color-p-light: #fafafa; + --color-bg-light: #e0e0e0; + --color-bg-medium: #fff; + --color-bg-dark: #fff; + --color-p-light: #282828; --color-p-light-hover: #fafafa; --color-p-light-active: #fafafa; --color-p-dark: #282828; --color-p-dark-hover: #464646; --color-p-dark-active: #464646; - --color-title-light: #fafafa; + --color-title-light: #282828; --color-title-dark: #282828; }