diff --git a/app/assets/css/global.css b/app/assets/css/global.css index 97ff168..17d2f81 100644 --- a/app/assets/css/global.css +++ b/app/assets/css/global.css @@ -1,78 +1,77 @@ * { - font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif; - color: var(--white); + font-family: + Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Oxygen, Ubuntu, Roboto, Cantarell, Fira Sans, Droid, Helvetica Neue, sans-serif; + color: var(--white); } html { - --white: #ecf9fb; - - /** generated via https://colorffy.com/dark-theme-generator */ - /** CSS DARK THEME PRIMARY COLORS */ - --primary-100: #0ebbcf; - --primary-200: #49c3d4; - --primary-300: #68cada; - --primary-400: #82d2df; - --primary-500: #99dae4; - --primary-600: #afe1ea; - - - /** CSS DARK THEME SURFACE COLORS */ - --surface-100: #100f14; - --surface-200: #262629; - --surface-300: #3d3d40; - --surface-400: #565558; - --surface-500: #706f72; - --surface-600: #8a8a8c; - - - /** CSS DARK THEME MIXED SURFACE COLORS */ - --surface-mixed-100: #171f24; - --surface-mixed-200: #2c3438; - --surface-mixed-300: #434a4e; - --surface-mixed-400: #5b6165; - --surface-mixed-500: #74797d; - --surface-mixed-600: #8e9395; + --white: #ecf9fb; + + /** generated via https://colorffy.com/dark-theme-generator */ + /** CSS DARK THEME PRIMARY COLORS */ + --primary-100: #0ebbcf; + --primary-200: #49c3d4; + --primary-300: #68cada; + --primary-400: #82d2df; + --primary-500: #99dae4; + --primary-600: #afe1ea; + + /** CSS DARK THEME SURFACE COLORS */ + --surface-100: #100f14; + --surface-200: #262629; + --surface-300: #3d3d40; + --surface-400: #565558; + --surface-500: #706f72; + --surface-600: #8a8a8c; + + /** CSS DARK THEME MIXED SURFACE COLORS */ + --surface-mixed-100: #171f24; + --surface-mixed-200: #2c3438; + --surface-mixed-300: #434a4e; + --surface-mixed-400: #5b6165; + --surface-mixed-500: #74797d; + --surface-mixed-600: #8e9395; } body { - background-color: var(--surface-100); - box-sizing: border-box; + background-color: var(--surface-100); + box-sizing: border-box; - min-height: 100dvh; + min-height: 100dvh; - margin: 0; + margin: 0; } select { - background: transparent; - border: none; + background: transparent; + border: none; - padding: 0; - position: relative; + padding: 0; + position: relative; - width: min-content; + width: min-content; - option { - color: unset; - background-color: var(--surface-100); - } + option { + color: unset; + background-color: var(--surface-100); + } } /* improve scrollbar on chrome... */ ::-webkit-scrollbar { - width: 4px; - height: 4px; + width: 4px; + height: 4px; } ::-webkit-scrollbar-track { - background: transparent; + background: transparent; } ::-webkit-scrollbar-thumb { - background: #888; - border-radius: 6px; + background: #888; + border-radius: 6px; } ::-webkit-scrollbar-thumb:hover { - background: #555; -} \ No newline at end of file + background: #555; +} diff --git a/app/components/navigation/ButtonLinks.vue b/app/components/navigation/ButtonLinks.vue index 16d697d..9fe6f61 100644 --- a/app/components/navigation/ButtonLinks.vue +++ b/app/components/navigation/ButtonLinks.vue @@ -1,6 +1,6 @@