starred/yaak-mountain-loop
1
0
Fork 0
mirror of https://github.com/mountain-loop/yaak.git synced 2026-04-19 15:21:23 +02:00
Code Issues 8 Packages Projects Releases 10 Wiki Activity

Use new theme vars (#63)

Browse Source 
This PR swaps the theme to use the new stuff from the Theme Studio
This commit is contained in:
Gregory Schier
2024-08-13 07:44:28 -07:00
committed by GitHub
parent ecc7192bde
commit c9b4e6181c
79 changed files with 1113 additions and 1004 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
tailwind.config.cjs
View File

@@ -52,49 +52,55 @@ module.exports = {
'4xs': '0.6rem',
'3xs': '0.675rem',
'2xs': '0.75rem',
'xs': '0.8rem',
'sm': '0.9rem',
'base': '1rem',
'xl': '1.25rem',
xs: '0.8rem',
sm: '0.9rem',
base: '1rem',
xl: '1.25rem',
'2xl': '1.5rem',
'3xl': '2rem',
'4xl': '2.5rem',
'5xl': '3rem',
'editor': 'var(--editor-font-size)',
'shrink': '0.8em',
editor: 'var(--editor-font-size)',
shrink: '0.8em',
},
boxShadow: {
DEFAULT: '0 1px 3px 0 var(--shadow);',
lg: '0 10px 15px -3px var(--shadow)',
},
colors: {
'transparent': 'transparent',
'placeholder': 'var(--fg-subtler)',
'selection': 'var(--background-selection)',
transparent: 'transparent',
// placeholder: 'var(--fg-subtler)', // Now a component?
shadow: 'var(--shadow)',
backdrop: 'var(--backdrop)',
selection: 'var(--selection)',
// New theme values
'border-focus': 'var(--border-focus)',
'fg': 'var(--fg)',
'fg-danger': 'var(--fg-danger)',
'fg-subtle': 'var(--fg-subtle)',
'fg-subtler': 'var(--fg-subtler)',
'fg-primary': 'var(--fg-primary)',
'fg-secondary': 'var(--fg-secondary)',
'fg-success': 'var(--fg-success)',
'fg-info': 'var(--fg-info)',
'fg-notice': 'var(--fg-notice)',
'fg-warning': 'var(--fg-warning)',
'background': 'var(--background)',
'background-active': 'var(--background-active)',
'background-highlight': 'var(--background-highlight)',
'background-highlight-secondary': 'var(--background-highlight-secondary)',
'background-backdrop': 'var(--background-backdrop)',
surface: 'var(--surface)',
'surface-highlight': 'var(--surfaceHighlight)',
'surface-active': 'var(--surfaceActive)',
text: 'var(--text)',
'text-subtle': 'var(--textSubtle)',
'text-subtlest': 'var(--textSubtlest)',
border: 'var(--border)',
'border-subtle': 'var(--borderSubtle)',
'border-focus': 'var(--borderFocus)',
primary: 'var(--primary)',
danger: 'var(--danger)',
secondary: 'var(--secondary)',
success: 'var(--success)',
info: 'var(--info)',
notice: 'var(--notice)',
warning: 'var(--warning)',
},
},
plugins: [
require('@tailwindcss/container-queries'),
plugin(function ({addVariant}) {
plugin(function ({ addVariant }) {
addVariant('hocus', ['&:hover', '&:focus-visible', '&.focus:focus']);
addVariant('focus-visible-or-class', ['&:focus-visible', '&.focus:focus']);
}),