@centroculturadigital-mx/svelte-themer
Version:
Styling your Svelte apps with CSS Variables, persisted.
81 lines • 2.58 kB
JavaScript
export const presets = [{
name: 'light',
properties: {
colors: {
text: '#282230',
background: '#f1f1f1',
primary: '#01796f',
primary_dark: '#016159',
secondary: '#562931',
},
fonts: {
families: {
primary: "https://fonts.googleapis.com/css2?family=Open+Sans&display=swap",
secondary: "https://fonts.googleapis.com/css2?family=Oswald&display=swap"
},
primary: "Oswald",
secondary: "Open Sans"
},
},
},
{
name: 'dark',
properties: {
colors: {
text: '#f1f1f1',
background: '#27323a',
primary: '#01978b',
primary_dark: '#00887c',
secondary: '#fe8690',
},
fonts: {
families: {
primary: "https://fonts.googleapis.com/css2?family=Open+Sans&display=swap",
secondary: "https://fonts.googleapis.com/css2?family=Oswald&display=swap"
},
primary: "Oswald",
secondary: "Open Sans"
},
},
},
{
name: 'forest',
properties: {
colors: {
background: '#3b6c4c',
text: '#f9f2cf',
primary: '#efdc7e',
primary_dark: '#e4d589',
secondary: '#4a875f',
},
fonts: {
families: {
primary: "https://fonts.googleapis.com/css2?family=Open+Sans&display=swap",
secondary: "https://fonts.googleapis.com/css2?family=Oswald&display=swap"
},
primary: "Oswald",
secondary: "Open Sans"
},
},
},
{
name: 'discord',
properties: {
colors: {
background: '#2C2F33',
text: '#FFFFFF',
primary: '#7289DA',
primary_dark: '#7289DA',
secondary: '#99AAB5',
},
fonts: {
families: {
primary: "https://fonts.googleapis.com/css2?family=Open+Sans&display=swap",
secondary: "https://fonts.googleapis.com/css2?family=Oswald&display=swap"
},
primary: "Oswald",
secondary: "Open Sans"
},
},
},
]