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:
parent
9bd5f30f40
commit
ec38409665
|
@ -476,7 +476,8 @@
|
|||
"default": "Default",
|
||||
"gray": "Gray",
|
||||
"red": "Red",
|
||||
"teal": "Teal"
|
||||
"teal": "Teal",
|
||||
"amoled": "AMOLED"
|
||||
},
|
||||
"title": "Appearance"
|
||||
},
|
||||
|
|
|
@ -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: {
|
||||
|
|
|
@ -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
42
themes/list/amoled.ts
Normal 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,
|
||||
},
|
||||
},
|
||||
},
|
||||
}
|
||||
});
|
Loading…
Reference in a new issue