You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
126 lines
3.5 KiB
126 lines
3.5 KiB
import { ThemeCollection, ColorScheme } from 'src/types'
|
|
|
|
const themes: ThemeCollection = {
|
|
'blueish': {
|
|
[ColorScheme.Light]: {
|
|
primary: '#3b42f4',
|
|
primaryAlternate: '#fff',
|
|
secondary: '#6165e0',
|
|
backgroundPrimary: '#fff',
|
|
backgroundSecondary: '#e6eeff',
|
|
text: '#555',
|
|
red: '#ff1a1a',
|
|
green: '#00802b',
|
|
blue: '#005ce6',
|
|
},
|
|
[ColorScheme.Dark]: {
|
|
primary: '#e5e6fe',
|
|
primaryAlternate: '#3b42f4',
|
|
secondary: '#6165e0',
|
|
text: '#ddd',
|
|
backgroundPrimary: '#000',
|
|
backgroundSecondary: '#333',
|
|
red: '#ff1a1a',
|
|
green: '#00802b',
|
|
blue: '#005ce6',
|
|
},
|
|
},
|
|
'orangeish': {
|
|
[ColorScheme.Light]: {
|
|
primary: '#ff8000',
|
|
primaryAlternate: '#fff',
|
|
secondary: '#ffb84d',
|
|
backgroundPrimary: '#fff',
|
|
backgroundSecondary: '#ffe6cc',
|
|
text: '#555',
|
|
red: '#ff1a1a',
|
|
green: '#00802b',
|
|
blue: '#005ce6',
|
|
},
|
|
[ColorScheme.Dark]: {
|
|
primary: '#ffe6cc',
|
|
primaryAlternate: '#ff8000',
|
|
secondary: '#ffb84d',
|
|
text: '#ddd',
|
|
backgroundPrimary: '#000',
|
|
backgroundSecondary: '#333',
|
|
red: '#ff1a1a',
|
|
green: '#00802b',
|
|
blue: '#005ce6',
|
|
},
|
|
},
|
|
'greenish': {
|
|
[ColorScheme.Light]: {
|
|
primary: '#004d00',
|
|
primaryAlternate: '#fff',
|
|
secondary: '#336600',
|
|
backgroundPrimary: '#fff',
|
|
backgroundSecondary: '#e6ffe6',
|
|
text: '#555',
|
|
red: '#ff1a1a',
|
|
green: '#00802b',
|
|
blue: '#005ce6',
|
|
},
|
|
[ColorScheme.Dark]: {
|
|
primary: '#e6ffe6',
|
|
primaryAlternate: '#39ac39',
|
|
secondary: '#336600',
|
|
text: '#ddd',
|
|
backgroundPrimary: '#000',
|
|
backgroundSecondary: '#333',
|
|
red: '#ff1a1a',
|
|
green: '#00802b',
|
|
blue: '#005ce6',
|
|
},
|
|
},
|
|
'redish': {
|
|
[ColorScheme.Light]: {
|
|
primary: '#cc2900',
|
|
primaryAlternate: '#fff',
|
|
secondary: '#ff3333',
|
|
backgroundPrimary: '#fff',
|
|
backgroundSecondary: '#ffe6e6',
|
|
text: '#555',
|
|
red: '#ff1a1a',
|
|
green: '#00802b',
|
|
blue: '#005ce6',
|
|
},
|
|
[ColorScheme.Dark]: {
|
|
primary: '#ff8080',
|
|
primaryAlternate: '#fff',
|
|
secondary: '#ff3333',
|
|
text: '#ddd',
|
|
backgroundPrimary: '#000',
|
|
backgroundSecondary: '#333',
|
|
red: '#ff1a1a',
|
|
green: '#00802b',
|
|
blue: '#005ce6',
|
|
},
|
|
},
|
|
'black': {
|
|
[ColorScheme.Light]: {
|
|
primary: '#000',
|
|
primaryAlternate: '#ddd',
|
|
secondary: '#333',
|
|
backgroundPrimary: '#fff',
|
|
backgroundSecondary: '#eee',
|
|
text: '#555',
|
|
red: '#ff1a1a',
|
|
green: '#00802b',
|
|
blue: '#005ce6',
|
|
},
|
|
[ColorScheme.Dark]: {
|
|
primary: '#ccc',
|
|
primaryAlternate: '#333',
|
|
secondary: '#ddd',
|
|
text: '#ddd',
|
|
backgroundPrimary: '#000',
|
|
backgroundSecondary: '#333',
|
|
red: '#ff1a1a',
|
|
green: '#00802b',
|
|
blue: '#005ce6',
|
|
},
|
|
},
|
|
}
|
|
|
|
export default themes
|