1
0
Fork 0
mirror of https://github.com/movie-web/movie-web.git synced 2025-02-13 23:40:04 +00:00

Add AMOLED Theme

This commit is contained in:
TSVRN9 2024-04-20 13:12:56 -04:00
parent 9bd5f30f40
commit ec38409665
4 changed files with 52 additions and 2 deletions
src
assets/locales
pages/parts/settings
themes

View file

@ -476,7 +476,8 @@
"default": "Default",
"gray": "Gray",
"red": "Red",
"teal": "Teal"
"teal": "Teal",
"amoled": "AMOLED"
},
"title": "Appearance"
},

View file

@ -30,6 +30,11 @@ const availableThemes = [
selector: "theme-gray",
key: "settings.appearance.themes.gray",
},
{
id: "amoled",
selector: "theme-amoled",
key: "settings.appearance.themes.amoled",
},
];
function ThemePreview(props: {

View file

@ -2,10 +2,12 @@ import teal from "./list/teal";
import blue from "./list/blue";
import red from "./list/red";
import gray from "./list/gray";
import amoled from "./list/amoled";
export const allThemes = [
teal,
blue,
gray,
red
red,
amoled
]

42
themes/list/amoled.ts Normal file
View file

@ -0,0 +1,42 @@
import { defaultTheme } from "../default";
import { createTheme } from "../types";
const tokens = {
black: "#000000",
blue: {
c50: "#ADADF5",
c100: "#7979CC",
c200: "#5D5DAE",
c300: "#3B3B8C",
c400: "#2A2A71",
c500: "#1F1F50",
c600: "#1B1B41",
c700: "#171736",
c800: "#101020",
c900: "#0B0B13",
},
}
export default createTheme({
name: "amoled",
extend: {
colors: {
...defaultTheme.extend.colors,
background: {
...defaultTheme.extend.colors.background,
main: tokens.black,
secondary: tokens.black,
secondaryHover: tokens.black,
},
lightBar: {
light: tokens.blue.c800,
},
settings: {
...defaultTheme.extend.colors.settings,
saveBar: {
background: tokens.black,
},
},
},
}
});