theme: add error color
This commit is contained in:
parent
f50ed8d907
commit
9bf957188c
2 changed files with 6 additions and 1 deletions
|
@ -153,6 +153,8 @@
|
||||||
--tutu-transition-shadow: box-shadow 175ms var(--tutu-anim-curve-std);
|
--tutu-transition-shadow: box-shadow 175ms var(--tutu-anim-curve-std);
|
||||||
|
|
||||||
--tutu-zidx-nav: 1100;
|
--tutu-zidx-nav: 1100;
|
||||||
|
|
||||||
|
accent-color: var(--tutu-color-primary);
|
||||||
}
|
}
|
||||||
|
|
||||||
* {
|
* {
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
import { Theme, createTheme } from "@suid/material/styles";
|
import { Theme, createTheme } from "@suid/material/styles";
|
||||||
import { deepPurple, amber } from "@suid/material/colors";
|
import { deepPurple, amber, red } from "@suid/material/colors";
|
||||||
import { Accessor } from "solid-js";
|
import { Accessor } from "solid-js";
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
@ -12,6 +12,9 @@ export function useRootTheme(): Accessor<Theme> {
|
||||||
primary: {
|
primary: {
|
||||||
main: deepPurple[500],
|
main: deepPurple[500],
|
||||||
},
|
},
|
||||||
|
error: {
|
||||||
|
main: red[900],
|
||||||
|
},
|
||||||
secondary: {
|
secondary: {
|
||||||
main: amber.A200,
|
main: amber.A200,
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in a new issue