mirror of
https://github.com/sussy-code/smov.git
synced 2024-12-30 16:17:41 +01:00
Merge branch 'dev' into patch-2
This commit is contained in:
commit
e95a681b3c
6 changed files with 15 additions and 5 deletions
|
@ -104,7 +104,7 @@ function ThemePreview(props: {
|
||||||
<span className="font-medium text-white">{props.name}</span>
|
<span className="font-medium text-white">{props.name}</span>
|
||||||
<span
|
<span
|
||||||
className={classNames(
|
className={classNames(
|
||||||
"inline-block px-3 text-sm transition-opacity duration-150 rounded-full bg-[#27182F] text-white",
|
"inline-block px-3 py-1 leading-tight text-sm transition-opacity duration-150 rounded-full bg-pill-activeBackground text-white/85",
|
||||||
props.active ? "opacity-100" : "opacity-0 pointer-events-none",
|
props.active ? "opacity-100" : "opacity-0 pointer-events-none",
|
||||||
)}
|
)}
|
||||||
>
|
>
|
||||||
|
|
|
@ -97,6 +97,8 @@ export const defaultTheme = {
|
||||||
background: tokens.shade.c300,
|
background: tokens.shade.c300,
|
||||||
backgroundHover: tokens.shade.c200,
|
backgroundHover: tokens.shade.c200,
|
||||||
highlight: tokens.blue.c200,
|
highlight: tokens.blue.c200,
|
||||||
|
|
||||||
|
activeBackground: tokens.shade.c300,
|
||||||
},
|
},
|
||||||
|
|
||||||
// meta data for the theme itself
|
// meta data for the theme itself
|
||||||
|
|
|
@ -63,7 +63,9 @@ export default createTheme({
|
||||||
pill: {
|
pill: {
|
||||||
background: tokens.shade.c300,
|
background: tokens.shade.c300,
|
||||||
backgroundHover: tokens.shade.c200,
|
backgroundHover: tokens.shade.c200,
|
||||||
highlight: tokens.blue.c200
|
highlight: tokens.blue.c200,
|
||||||
|
|
||||||
|
activeBackground: tokens.shade.c300,
|
||||||
},
|
},
|
||||||
|
|
||||||
global: {
|
global: {
|
||||||
|
|
|
@ -63,7 +63,9 @@ export default createTheme({
|
||||||
pill: {
|
pill: {
|
||||||
background: tokens.shade.c300,
|
background: tokens.shade.c300,
|
||||||
backgroundHover: tokens.shade.c200,
|
backgroundHover: tokens.shade.c200,
|
||||||
highlight: tokens.blue.c200
|
highlight: tokens.blue.c200,
|
||||||
|
|
||||||
|
activeBackground: tokens.shade.c300,
|
||||||
},
|
},
|
||||||
|
|
||||||
global: {
|
global: {
|
||||||
|
|
|
@ -63,7 +63,9 @@ export default createTheme({
|
||||||
pill: {
|
pill: {
|
||||||
background: tokens.shade.c300,
|
background: tokens.shade.c300,
|
||||||
backgroundHover: tokens.shade.c200,
|
backgroundHover: tokens.shade.c200,
|
||||||
highlight: tokens.blue.c200
|
highlight: tokens.blue.c200,
|
||||||
|
|
||||||
|
activeBackground: tokens.shade.c300,
|
||||||
},
|
},
|
||||||
|
|
||||||
global: {
|
global: {
|
||||||
|
|
|
@ -63,7 +63,9 @@ export default createTheme({
|
||||||
pill: {
|
pill: {
|
||||||
background: tokens.shade.c300,
|
background: tokens.shade.c300,
|
||||||
backgroundHover: tokens.shade.c200,
|
backgroundHover: tokens.shade.c200,
|
||||||
highlight: tokens.blue.c200
|
highlight: tokens.blue.c200,
|
||||||
|
|
||||||
|
activeBackground: tokens.shade.c300,
|
||||||
},
|
},
|
||||||
|
|
||||||
global: {
|
global: {
|
||||||
|
|
Loading…
Reference in a new issue