mirror of
https://github.com/geoffsee/open-gsio.git
synced 2025-09-08 22:56:46 +00:00
adds eslint
This commit is contained in:

committed by
Geoff Seemueller

parent
9698fc6f3b
commit
02c3253343
@@ -1,25 +1,25 @@
|
||||
import { extendTheme } from "@chakra-ui/react";
|
||||
import { extendTheme } from '@chakra-ui/react';
|
||||
|
||||
const fonts = {
|
||||
body: "monospace",
|
||||
heading: "monospace",
|
||||
body: 'monospace',
|
||||
heading: 'monospace',
|
||||
};
|
||||
|
||||
const styles = {
|
||||
global: {
|
||||
body: {
|
||||
fontFamily: fonts.body,
|
||||
bg: "background.primary",
|
||||
color: "text.primary",
|
||||
bg: 'background.primary',
|
||||
color: 'text.primary',
|
||||
margin: 0,
|
||||
overflow: "hidden",
|
||||
overflow: 'hidden',
|
||||
},
|
||||
html: {
|
||||
overflow: "hidden",
|
||||
overflow: 'hidden',
|
||||
},
|
||||
"::selection": {
|
||||
backgroundColor: "accent.secondary",
|
||||
color: "background.primary",
|
||||
'::selection': {
|
||||
backgroundColor: 'accent.secondary',
|
||||
color: 'background.primary',
|
||||
},
|
||||
},
|
||||
};
|
||||
@@ -27,69 +27,69 @@ const styles = {
|
||||
const components = {
|
||||
Button: {
|
||||
baseStyle: {
|
||||
fontWeight: "bold",
|
||||
borderRadius: "md", // Slightly rounded corners
|
||||
fontWeight: 'bold',
|
||||
borderRadius: 'md', // Slightly rounded corners
|
||||
},
|
||||
variants: {
|
||||
solid: {
|
||||
bg: "accent.primary",
|
||||
color: "background.primary",
|
||||
bg: 'accent.primary',
|
||||
color: 'background.primary',
|
||||
_hover: {
|
||||
bg: "accent.primary",
|
||||
color: "background.primary",
|
||||
bg: 'accent.primary',
|
||||
color: 'background.primary',
|
||||
},
|
||||
},
|
||||
outline: {
|
||||
borderColor: "accent.primary",
|
||||
color: "text.primary",
|
||||
borderColor: 'accent.primary',
|
||||
color: 'text.primary',
|
||||
_hover: {
|
||||
bg: "accent.primary",
|
||||
color: "background.primary",
|
||||
bg: 'accent.primary',
|
||||
color: 'background.primary',
|
||||
},
|
||||
},
|
||||
ghost: {
|
||||
color: "text.primary",
|
||||
color: 'text.primary',
|
||||
_hover: {
|
||||
bg: "background.secondary",
|
||||
bg: 'background.secondary',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
Link: {
|
||||
baseStyle: {
|
||||
color: "accent.secondary",
|
||||
color: 'accent.secondary',
|
||||
_hover: {
|
||||
color: "accent.primary",
|
||||
textDecoration: "none",
|
||||
color: 'accent.primary',
|
||||
textDecoration: 'none',
|
||||
},
|
||||
},
|
||||
},
|
||||
Heading: {
|
||||
baseStyle: {
|
||||
color: "text.primary",
|
||||
letterSpacing: "tight",
|
||||
color: 'text.primary',
|
||||
letterSpacing: 'tight',
|
||||
},
|
||||
sizes: {
|
||||
"4xl": { fontSize: ["6xl", null, "7xl"], lineHeight: 1 },
|
||||
"3xl": { fontSize: ["5xl", null, "6xl"], lineHeight: 1.2 },
|
||||
"2xl": { fontSize: ["4xl", null, "5xl"] },
|
||||
xl: { fontSize: ["3xl", null, "4xl"] },
|
||||
lg: { fontSize: ["2xl", null, "3xl"] },
|
||||
md: { fontSize: "xl" },
|
||||
sm: { fontSize: "md" },
|
||||
xs: { fontSize: "sm" },
|
||||
'4xl': { fontSize: ['6xl', null, '7xl'], lineHeight: 1 },
|
||||
'3xl': { fontSize: ['5xl', null, '6xl'], lineHeight: 1.2 },
|
||||
'2xl': { fontSize: ['4xl', null, '5xl'] },
|
||||
xl: { fontSize: ['3xl', null, '4xl'] },
|
||||
lg: { fontSize: ['2xl', null, '3xl'] },
|
||||
md: { fontSize: 'xl' },
|
||||
sm: { fontSize: 'md' },
|
||||
xs: { fontSize: 'sm' },
|
||||
},
|
||||
},
|
||||
Text: {
|
||||
baseStyle: {
|
||||
color: "text.primary",
|
||||
color: 'text.primary',
|
||||
},
|
||||
variants: {
|
||||
secondary: {
|
||||
color: "text.secondary",
|
||||
color: 'text.secondary',
|
||||
},
|
||||
accent: {
|
||||
color: "text.accent",
|
||||
color: 'text.accent',
|
||||
},
|
||||
},
|
||||
},
|
||||
@@ -97,21 +97,21 @@ const components = {
|
||||
variants: {
|
||||
filled: {
|
||||
field: {
|
||||
bg: "background.secondary",
|
||||
bg: 'background.secondary',
|
||||
_hover: {
|
||||
bg: "background.tertiary",
|
||||
bg: 'background.tertiary',
|
||||
},
|
||||
_focus: {
|
||||
bg: "background.tertiary",
|
||||
borderColor: "accent.primary",
|
||||
bg: 'background.tertiary',
|
||||
borderColor: 'accent.primary',
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
},
|
||||
CodeBlocks: {
|
||||
baseStyle: (props) => ({
|
||||
bg: "background.primary",
|
||||
baseStyle: props => ({
|
||||
bg: 'background.primary',
|
||||
// color: 'text.primary',
|
||||
}),
|
||||
},
|
||||
@@ -119,59 +119,59 @@ const components = {
|
||||
|
||||
const Base_theme = extendTheme({
|
||||
config: {
|
||||
cssVarPrefix: "wgs",
|
||||
initialColorMode: "dark",
|
||||
cssVarPrefix: 'wgs',
|
||||
initialColorMode: 'dark',
|
||||
useSystemColorMode: false,
|
||||
},
|
||||
fonts,
|
||||
styles,
|
||||
components,
|
||||
letterSpacings: {
|
||||
tighter: "-0.05em",
|
||||
tight: "-0.025em",
|
||||
normal: "0",
|
||||
wide: "0.025em",
|
||||
wider: "0.05em",
|
||||
widest: "0.1em",
|
||||
tighter: '-0.05em',
|
||||
tight: '-0.025em',
|
||||
normal: '0',
|
||||
wide: '0.025em',
|
||||
wider: '0.05em',
|
||||
widest: '0.1em',
|
||||
},
|
||||
space: {
|
||||
px: "1px",
|
||||
0.5: "0.125rem",
|
||||
1: "0.25rem",
|
||||
1.5: "0.375rem",
|
||||
2: "0.5rem",
|
||||
2.5: "0.625rem",
|
||||
3: "0.75rem",
|
||||
3.5: "0.875rem",
|
||||
4: "1rem",
|
||||
5: "1.25rem",
|
||||
6: "1.5rem",
|
||||
7: "1.75rem",
|
||||
8: "2rem",
|
||||
9: "2.25rem",
|
||||
10: "2.5rem",
|
||||
12: "3rem",
|
||||
14: "3.5rem",
|
||||
16: "4rem",
|
||||
18: "4.5rem",
|
||||
20: "5rem",
|
||||
22: "5.5rem",
|
||||
24: "6rem",
|
||||
28: "7rem",
|
||||
32: "8rem",
|
||||
34: "8.5rem",
|
||||
36: "9rem",
|
||||
38: "9.5rem",
|
||||
40: "10rem",
|
||||
44: "11rem",
|
||||
48: "12rem",
|
||||
52: "13rem",
|
||||
56: "14rem",
|
||||
60: "15rem",
|
||||
64: "16rem",
|
||||
72: "18rem",
|
||||
80: "20rem",
|
||||
96: "24rem",
|
||||
px: '1px',
|
||||
0.5: '0.125rem',
|
||||
1: '0.25rem',
|
||||
1.5: '0.375rem',
|
||||
2: '0.5rem',
|
||||
2.5: '0.625rem',
|
||||
3: '0.75rem',
|
||||
3.5: '0.875rem',
|
||||
4: '1rem',
|
||||
5: '1.25rem',
|
||||
6: '1.5rem',
|
||||
7: '1.75rem',
|
||||
8: '2rem',
|
||||
9: '2.25rem',
|
||||
10: '2.5rem',
|
||||
12: '3rem',
|
||||
14: '3.5rem',
|
||||
16: '4rem',
|
||||
18: '4.5rem',
|
||||
20: '5rem',
|
||||
22: '5.5rem',
|
||||
24: '6rem',
|
||||
28: '7rem',
|
||||
32: '8rem',
|
||||
34: '8.5rem',
|
||||
36: '9rem',
|
||||
38: '9.5rem',
|
||||
40: '10rem',
|
||||
44: '11rem',
|
||||
48: '12rem',
|
||||
52: '13rem',
|
||||
56: '14rem',
|
||||
60: '15rem',
|
||||
64: '16rem',
|
||||
72: '18rem',
|
||||
80: '20rem',
|
||||
96: '24rem',
|
||||
},
|
||||
});
|
||||
|
||||
|
Reference in New Issue
Block a user