Mirrors/movie-web
2
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2024-06-02 19:38:46 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update AMOLED

Browse Source
This commit is contained in:
TSVRN9 2024-04-22 20:06:56 -04:00
parent 21d58c601c
commit 48736fbf3a
1 changed files with 22 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
themes/list/amoled.ts
View File

@ -3,6 +3,15 @@ import { createTheme } from "../types";
const tokens = { const tokens = {
black: "#000000", black: "#000000",
white: "#FFFFFF",
semantic: {
silver: {
c100: "#DEDEDE",
c200: "#B6CAD7",
c300: "#8EA3B0",
c400: "#617A8A",
},
},
purple: { purple: {
c50: "#aaafff", c50: "#aaafff",
c100: "#8288fe", c100: "#8288fe",
@ -57,16 +66,18 @@ export default createTheme({
name: "amoled", name: "amoled",
extend: { extend: {
colors: { colors: {
...gray.extend.colors,
pill: { pill: {
...gray.extend.colors.pill,
background: tokens.black, background: tokens.black,
backgroundHover: tokens.shade.c500, backgroundHover: tokens.shade.c500,
highlight: tokens.blue.c200, highlight: tokens.blue.c200,
}, },
global: {
accentA: tokens.blue.c200,
accentB: tokens.blue.c300
},
background: { background: {
...gray.extend.colors.background,
main: tokens.black, main: tokens.black,
secondary: tokens.black, secondary: tokens.black,
secondaryHover: tokens.black, secondaryHover: tokens.black,
@ -75,11 +86,10 @@ export default createTheme({
}, },
lightBar: { lightBar: {
light: tokens.shade.c700, light: tokens.shade.c900,
}, },
search: { search: {
...gray.extend.colors.search,
background: tokens.shade.c800, background: tokens.shade.c800,
hoverBackground: tokens.shade.c900, hoverBackground: tokens.shade.c900,
focused: tokens.shade.c700, focused: tokens.shade.c700,
@ -88,14 +98,12 @@ export default createTheme({
}, },
mediaCard: { mediaCard: {
...gray.extend.colors.mediaCard,
hoverBackground: tokens.shade.c900, hoverBackground: tokens.shade.c900,
hoverShadow: tokens.black, hoverShadow: tokens.black,
shadow: tokens.shade.c800, shadow: tokens.shade.c800,
}, },
dropdown: { dropdown: {
...gray.extend.colors.dropdown,
background: tokens.shade.c800, background: tokens.shade.c800,
altBackground: tokens.black, altBackground: tokens.black,
hoverBackground: tokens.shade.c700, hoverBackground: tokens.shade.c700,
@ -103,17 +111,14 @@ export default createTheme({
}, },
settings: { settings: {
...gray.extend.colors.settings,
sidebar: { sidebar: {
...gray.extend.colors.settings.sidebar,
activeLink: tokens.shade.c800 activeLink: tokens.shade.c800
}, },
card: { card: {
border: tokens.shade.c500, border: tokens.shade.c700,
background: tokens.shade.c500, background: tokens.shade.c700,
altBackground: tokens.shade.c500, altBackground: tokens.shade.c700,
}, },
saveBar: { saveBar: {
@ -122,13 +127,10 @@ export default createTheme({
}, },
errors: { errors: {
...gray.extend.colors.errors,
card: tokens.black, card: tokens.black,
}, },
video: { video: {
...gray.extend.colors.video,
scraping: { scraping: {
card: tokens.black, card: tokens.black,
loading: tokens.purple.c200, loading: tokens.purple.c200,
@ -136,8 +138,11 @@ export default createTheme({
}, },
context: { context: {
...gray.extend.colors.video.context,
background: tokens.black, background: tokens.black,
type: {
main: tokens.semantic.silver.c300,
}
} }
}, },
}, },