Modified themes

This commit is contained in:
Neshura 2022-12-15 21:23:45 +01:00
parent c51136b934
commit d64801d386
No known key found for this signature in database
GPG key ID: ACDF5B6EBECF6B0A
2 changed files with 20 additions and 6 deletions

View file

@ -1,7 +1,7 @@
// Probably a good idea to spread this out into multiple files under a folder once it gets bigger // Probably a good idea to spread this out into multiple files under a folder once it gets bigger
import { createGlobalStyle, DefaultTheme } from 'styled-components' import { createGlobalStyle, DefaultTheme } from 'styled-components'
// unsure whether needed // TODO: unsure whether needed
/* const GlobalStyle = createGlobalStyle` /* const GlobalStyle = createGlobalStyle`
html, html,
body { body {
@ -24,7 +24,8 @@ import { createGlobalStyle, DefaultTheme } from 'styled-components'
export default GlobalStyle; */ export default GlobalStyle; */
export const lightTheme: DefaultTheme = { export const lightTheme: DefaultTheme = {
themeId: 1, themeName: "Light Theme",
themeId: 0,
colors: { colors: {
background: '#ffffff', background: '#ffffff',
primary: '#00aaff', primary: '#00aaff',
@ -33,7 +34,8 @@ export const lightTheme: DefaultTheme = {
} }
export const darkTheme: DefaultTheme = { export const darkTheme: DefaultTheme = {
themeId: 2, themeName: "Dark Theme",
themeId: 1,
colors: { colors: {
background: '#1f1f1f', background: '#1f1f1f',
primary: '#00aaff', primary: '#00aaff',
@ -42,10 +44,21 @@ export const darkTheme: DefaultTheme = {
} }
export const amoledTheme: DefaultTheme = { export const amoledTheme: DefaultTheme = {
themeId: 3, themeName: "AMOLED Theme",
themeId: 2,
colors: { colors: {
background: '#000000', background: '#000000',
primary: '#00aaff', primary: '#00aaff',
secondary:'#ffaa00', secondary:'#ffaa00',
}, },
}
export const amoled2Theme: DefaultTheme = {
themeName: "AMOLED Theme 2",
themeId: 3,
colors: {
background: '#000000',
primary: '#00ffaa',
secondary:'#aa00ff',
},
} }

5
styled.d.ts vendored
View file

@ -2,11 +2,12 @@ import 'styled-components'
declare module 'styled-components' { declare module 'styled-components' {
export interface DefaultTheme { export interface DefaultTheme {
themeName: string,
themeId: number, themeId: number,
colors: { colors: {
background: string, background: string,
primary: string primary: string,
secondary: string secondary: string,
} }
} }
} }