mirrors/movie-web
1
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2025-01-27 16:18:25 +00: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 = {
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,
}
}
},
},