From 48736fbf3a72d92ec296165ba33c9ef9f70f7586 Mon Sep 17 00:00:00 2001 From: TSVRN9 <66744142+TSVRN9@users.noreply.github.com> Date: Mon, 22 Apr 2024 20:06:56 -0400 Subject: [PATCH] Update AMOLED --- themes/list/amoled.ts | 39 ++++++++++++++++++++++----------------- 1 file changed, 22 insertions(+), 17 deletions(-) diff --git a/themes/list/amoled.ts b/themes/list/amoled.ts index b9da72f5..e3ffb679 100644 --- a/themes/list/amoled.ts +++ b/themes/list/amoled.ts @@ -3,6 +3,15 @@ import { createTheme } from "../types"; const tokens = { black: "#000000", + white: "#FFFFFF", + semantic: { + silver: { + c100: "#DEDEDE", + c200: "#B6CAD7", + c300: "#8EA3B0", + c400: "#617A8A", + }, + }, purple: { c50: "#aaafff", c100: "#8288fe", @@ -57,16 +66,18 @@ export default createTheme({ name: "amoled", extend: { colors: { - ...gray.extend.colors, pill: { - ...gray.extend.colors.pill, background: tokens.black, backgroundHover: tokens.shade.c500, highlight: tokens.blue.c200, }, + global: { + accentA: tokens.blue.c200, + accentB: tokens.blue.c300 + }, + background: { - ...gray.extend.colors.background, main: tokens.black, secondary: tokens.black, secondaryHover: tokens.black, @@ -75,11 +86,10 @@ export default createTheme({ }, lightBar: { - light: tokens.shade.c700, + light: tokens.shade.c900, }, search: { - ...gray.extend.colors.search, background: tokens.shade.c800, hoverBackground: tokens.shade.c900, focused: tokens.shade.c700, @@ -88,14 +98,12 @@ export default createTheme({ }, mediaCard: { - ...gray.extend.colors.mediaCard, hoverBackground: tokens.shade.c900, hoverShadow: tokens.black, shadow: tokens.shade.c800, }, dropdown: { - ...gray.extend.colors.dropdown, background: tokens.shade.c800, altBackground: tokens.black, hoverBackground: tokens.shade.c700, @@ -103,17 +111,14 @@ export default createTheme({ }, settings: { - ...gray.extend.colors.settings, - sidebar: { - ...gray.extend.colors.settings.sidebar, activeLink: tokens.shade.c800 }, card: { - border: tokens.shade.c500, - background: tokens.shade.c500, - altBackground: tokens.shade.c500, + border: tokens.shade.c700, + background: tokens.shade.c700, + altBackground: tokens.shade.c700, }, saveBar: { @@ -122,13 +127,10 @@ export default createTheme({ }, errors: { - ...gray.extend.colors.errors, card: tokens.black, }, video: { - ...gray.extend.colors.video, - scraping: { card: tokens.black, loading: tokens.purple.c200, @@ -136,8 +138,11 @@ export default createTheme({ }, context: { - ...gray.extend.colors.video.context, background: tokens.black, + + type: { + main: tokens.semantic.silver.c300, + } } }, },