107 lines
3.9 KiB
JavaScript
107 lines
3.9 KiB
JavaScript
// __SDEFILE__ - This file is a dependency for the stand-alone environment
|
|
import colors from 'tailwindcss/colors'
|
|
|
|
/*
|
|
* See the light theme for an example with inline comments
|
|
*/
|
|
|
|
const bg = '#002808'
|
|
|
|
export const spectrum = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11].map(() => 'lime-500')
|
|
|
|
export const rating = [0, 1, 2, 3, 4].map(() => 'lime-500')
|
|
|
|
export const theme = {
|
|
fontFamily: `ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;`,
|
|
'base-100': bg,
|
|
'base-200': colors.lime['900'],
|
|
'base-300': colors.lime['800'],
|
|
'base-content': colors.lime['400'],
|
|
primary: colors.lime['700'],
|
|
'primary-focus': colors.lime['600'],
|
|
'primary-content': colors.lime['50'],
|
|
secondary: colors.lime['600'],
|
|
'secondary-focus': colors.lime['500'],
|
|
'secondary-content': bg,
|
|
accent: colors.lime['800'],
|
|
'accent-focus': colors.lime['600'],
|
|
'accent-content': colors.lime['400'],
|
|
neutral: colors.lime['900'],
|
|
'neutral-focus': colors.lime['600'],
|
|
'neutral-content': colors.lime['200'],
|
|
info: colors.lime['500'],
|
|
success: colors.lime['400'],
|
|
warning: colors.lime['400'],
|
|
error: colors.lime['400'],
|
|
'--btn-info-content': colors.lime[900],
|
|
'--btn-success-content': colors.green[800],
|
|
'--btn-warning-content': colors.orange[700],
|
|
'--btn-error-content': colors.red[700],
|
|
'--code-background-color': '#002407',
|
|
'--code-background-highlight-color': '#191919',
|
|
'--code-border-color': colors.lime['900'],
|
|
'--code-color': colors.lime['600'],
|
|
'--code-font-family': `"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace`,
|
|
'--code-border-radius': 0,
|
|
'--code-border-style': 'solid',
|
|
'--code-border-width': 1,
|
|
'--code-outer-padding': '0 0.5rem',
|
|
'--code-inner-padding': '1rem',
|
|
'--code-color-keyword': colors.lime['400'],
|
|
'--code-font-weight-keyword': 'bold',
|
|
'--code-color-entity': colors.lime['400'],
|
|
'--code-font-weight-entity': 'bold',
|
|
'--code-color-constant': colors.lime['200'],
|
|
'--code-color-string': colors.lime['200'],
|
|
'--code-font-style-string': 'italic',
|
|
'--code-color-variable': colors.lime['400'],
|
|
'--code-color-comment': colors.lime['700'],
|
|
'--code-color-tag': colors.lime['400'],
|
|
'--code-color-property': colors.lime['200'],
|
|
'--code-font-weight-property': 'bold',
|
|
'--rounded-box': '0',
|
|
'--rounded-btn': '0',
|
|
'--rounded-badge': '0',
|
|
'--animation-btn': '0.25s',
|
|
'--animation-input': '.4s',
|
|
'--padding-card': '2rem',
|
|
'--btn-text-case': 'uppercase',
|
|
'--navbar-padding': '.5rem',
|
|
'--border-btn': '1px',
|
|
'--focus-ring': '2px',
|
|
'--focus-ring-offset': '2px',
|
|
'--pattern-bg': colors.lime['900'],
|
|
'--pattern-fabric': colors.neutral['300'],
|
|
'--pattern-lining': colors.emerald['300'],
|
|
'--pattern-interfacing': colors.neutral['400'],
|
|
'--pattern-canvas': colors.amber['300'],
|
|
'--pattern-various': colors.red['300'],
|
|
'--pattern-mark': colors.blue['300'],
|
|
'--pattern-contrast': colors.pink['300'],
|
|
'--pattern-note': colors.violet['300'],
|
|
'--pattern-dev-0': colors.red['300'],
|
|
'--pattern-dev-1': colors.green['300'],
|
|
'--pattern-dev-2': colors.blue['300'],
|
|
'--pattern-dev-3': colors.yellow['300'],
|
|
'--pattern-dev-4': colors.pink['300'],
|
|
'--pattern-dev-5': colors.violet['300'],
|
|
'--pattern-dev-6': colors.teal['300'],
|
|
'--pattern-dev-7': colors.neutral['300'],
|
|
'--pattern-text-xs': '0.2rem',
|
|
'--pattern-text-sm': '0.3rem',
|
|
'--pattern-text': '0.4rem',
|
|
'--pattern-text-lg': '0.6rem',
|
|
'--pattern-text-xl': '0.8rem',
|
|
'--pattern-text-2xl': '1.5rem',
|
|
'--pattern-text-3xl': '2rem',
|
|
'--pattern-text-4xl': '3rem',
|
|
|
|
'--pattern-stroke-xs': '0.2px',
|
|
'--pattern-stroke-sm': '0.4px',
|
|
'--pattern-stroke': '0.7px',
|
|
'--pattern-stroke-lg': '1.3px',
|
|
'--pattern-stroke-xl': '2px',
|
|
'--pattern-stroke-2xl': '4px',
|
|
'--pattern-stroke-3xl': '6px',
|
|
'--pattern-stroke-4xl': '8px',
|
|
}
|