Initial commit: Re-connected to Gitea
This commit is contained in:
36
packages/ui/src/styles/theme/theme-base.css
Normal file
36
packages/ui/src/styles/theme/theme-base.css
Normal file
@@ -0,0 +1,36 @@
|
||||
@theme {
|
||||
--danger-fg: var(--base-fg);
|
||||
--danger-bg-low-hover: var(--color-red-100);
|
||||
--danger-bg-low-active: var(--color-red-200);
|
||||
--danger-bg: var(--color-red-600);
|
||||
--danger-bg-high-hover: var(--color-red-700);
|
||||
--danger-bg-high-active: var(--color-red-800);
|
||||
--danger-border-color: var(--color-transparent);
|
||||
--success-fg: var(--base-fg);
|
||||
--success-bg-low-hover: var(--color-green-100);
|
||||
--success-bg-low-active: var(--color-green-200);
|
||||
--success-bg: var(--color-green-600);
|
||||
--success-bg-high-hover: var(--color-green-700);
|
||||
--success-bg-high-active: var(--color-green-800);
|
||||
--info-fg: var(--base-fg);
|
||||
--info-bg-low-hover: var(--color-sky-100);
|
||||
--info-bg-low-active: var(--color-sky-200);
|
||||
--info-bg: var(--color-sky-600);
|
||||
--info-bg-high-hover: var(--color-sky-700);
|
||||
--info-bg-high-active: var(--color-sky-800);
|
||||
--info-border-color: var(--color-transparent);
|
||||
--warning-fg: var(--base-fg);
|
||||
--warning-bg-low-hover: var(--color-amber-100);
|
||||
--warning-bg-low-active: var(--color-amber-200);
|
||||
--warning-bg: var(--color-amber-600);
|
||||
--warning-bg-high-hover: var(--color-amber-700);
|
||||
--warning-bg-high-active: var(--color-amber-800);
|
||||
--warning-border-color: var(--color-transparent);
|
||||
--emphasis-fg: var(--base-fg);
|
||||
--emphasis-bg-low-hover: var(--color-gray-100);
|
||||
--emphasis-bg-low-active: var(--color-gray-200);
|
||||
--emphasis-bg: var(--color-gray-600);
|
||||
--emphasis-bgr-high-hover: var(--color-gray-700);
|
||||
--emphasis-bg-high-active: var(--color-gray-800);
|
||||
--emphasis-border-color: var(--color-transparent);
|
||||
}
|
||||
25
packages/ui/src/styles/theme/theme-variant.css
Normal file
25
packages/ui/src/styles/theme/theme-variant.css
Normal file
@@ -0,0 +1,25 @@
|
||||
@theme {
|
||||
--filled-fg: var(--color-white);
|
||||
--filled-fg-hover: var(--brand-fg);
|
||||
--filled-fg-active: var(--brand-fg);
|
||||
--filled-bg: var(--brand-bg);
|
||||
--filled-bg-hover: var(--brand-bg-high-hover);
|
||||
--filled-bg-active: var(--brand-bg-high-active);
|
||||
--filled-border-color: var(--brand-border-color);
|
||||
|
||||
--outline-fg: var(--brand-bg);
|
||||
--outline-fg-hover: var(--brand-bg);
|
||||
--outline-fg-active: var(--brand-bg);
|
||||
--outline-bg: var(--brand-border-color);
|
||||
--outline-bg-hover: var(--brand-bg-low-hover);
|
||||
--outline-bg-active: var(--brand-bg-low-active);
|
||||
--outline-border-color: var(--brand-bg);
|
||||
|
||||
--subtle-fg: var(--brand-bg);
|
||||
--subtle-fg-hover: var(--brand-bg);
|
||||
--subtle-fg-active: var(--brand-bg);
|
||||
--subtle-bg: var(--brand-border-color);
|
||||
--subtle-bg-hover: var(--brand-bg-low-hover);
|
||||
--subtle-bg-active: var(--brand-bg-low-active);
|
||||
--subtle-border-color: var(--brand-border-color);
|
||||
}
|
||||
Reference in New Issue
Block a user