2022-12-14 18:35:27 +00:00
|
|
|
// Probably a good idea to spread this out into multiple files under a folder once it gets bigger
|
|
|
|
import { createGlobalStyle, DefaultTheme } from 'styled-components'
|
|
|
|
|
2022-12-15 23:11:30 +00:00
|
|
|
export const GlobalStyle = createGlobalStyle`
|
2022-12-14 18:35:27 +00:00
|
|
|
html,
|
|
|
|
body {
|
|
|
|
padding: 0;
|
|
|
|
margin: 0;
|
|
|
|
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
|
|
|
|
Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
|
|
|
|
}
|
|
|
|
|
|
|
|
a {
|
|
|
|
color: inherit;
|
|
|
|
text-decoration: none;
|
|
|
|
}
|
|
|
|
* {
|
|
|
|
box-sizing: border-box;
|
|
|
|
}
|
|
|
|
`
|
|
|
|
|
|
|
|
export const lightTheme: DefaultTheme = {
|
2022-12-15 20:23:45 +00:00
|
|
|
themeName: "Light Theme",
|
|
|
|
themeId: 0,
|
2022-12-14 18:35:27 +00:00
|
|
|
colors: {
|
|
|
|
background: '#ffffff',
|
|
|
|
primary: '#00aaff',
|
2022-12-15 22:41:48 +00:00
|
|
|
secondary:'#ff5300',
|
2022-12-15 22:20:26 +00:00
|
|
|
online: '#00ff00',
|
|
|
|
loading: '#ff5300',
|
|
|
|
offline: '#ff0000',
|
2022-12-14 18:35:27 +00:00
|
|
|
},
|
|
|
|
}
|
|
|
|
|
|
|
|
export const darkTheme: DefaultTheme = {
|
2022-12-15 20:23:45 +00:00
|
|
|
themeName: "Dark Theme",
|
|
|
|
themeId: 1,
|
2022-12-14 18:35:27 +00:00
|
|
|
colors: {
|
|
|
|
background: '#1f1f1f',
|
|
|
|
primary: '#00aaff',
|
2022-12-15 22:41:48 +00:00
|
|
|
secondary:'#ff5300',
|
2022-12-15 22:20:26 +00:00
|
|
|
online: '#00ff00',
|
|
|
|
loading: '#ff5300',
|
|
|
|
offline: '#ff0000',
|
|
|
|
},
|
2022-12-14 18:35:27 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
export const amoledTheme: DefaultTheme = {
|
2022-12-15 20:23:45 +00:00
|
|
|
themeName: "AMOLED Theme",
|
|
|
|
themeId: 2,
|
2022-12-14 18:35:27 +00:00
|
|
|
colors: {
|
|
|
|
background: '#000000',
|
|
|
|
primary: '#00aaff',
|
2022-12-15 22:41:48 +00:00
|
|
|
secondary:'#ff5300',
|
2022-12-15 22:20:26 +00:00
|
|
|
online: '#00ff00',
|
|
|
|
loading: '#ff5300',
|
|
|
|
offline: '#ff0000',
|
2022-12-14 18:35:27 +00:00
|
|
|
},
|
2022-12-15 20:23:45 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
export const amoled2Theme: DefaultTheme = {
|
|
|
|
themeName: "AMOLED Theme 2",
|
|
|
|
themeId: 3,
|
|
|
|
colors: {
|
|
|
|
background: '#000000',
|
|
|
|
primary: '#00ffaa',
|
|
|
|
secondary:'#aa00ff',
|
2022-12-15 22:20:26 +00:00
|
|
|
online: '#00ff00',
|
|
|
|
loading: '#ff5300',
|
|
|
|
offline: '#ff0000',
|
2022-12-15 20:23:45 +00:00
|
|
|
},
|
2022-12-14 18:35:27 +00:00
|
|
|
}
|