52 lines
1.4 KiB
JavaScript
52 lines
1.4 KiB
JavaScript
|
|
import tw, {styled} from "twin.macro"
|
|
import "styled-components/macro"
|
|
|
|
|
|
export let colors = {
|
|
error: tw`bg-red-600`,
|
|
accent: tw`bg-accent`,
|
|
submit: tw`bg-accent`,
|
|
accent2: tw`bg-accent2`,
|
|
accent3: tw`bg-accent3`,
|
|
accent4: tw`bg-accent4`,
|
|
accent5: tw`bg-accent5`,
|
|
}
|
|
|
|
export let colorsHover = {
|
|
error: tw`hover:bg-red-700`,
|
|
accent: tw`hover:bg-accent-dark`,
|
|
submit: tw`hover:bg-accent-dark`,
|
|
accent2: tw`hover:bg-accent2-dark`,
|
|
accent3: tw`hover:bg-accent3-dark`,
|
|
accent4: tw`hover:bg-accent4-dark`,
|
|
accent5: tw`hover:bg-accent5-dark`,
|
|
}
|
|
export let colorsDisabled = {
|
|
error: tw`disabled:bg-red-700`,
|
|
accent: tw`disabled:bg-accent-dark`,
|
|
submit: tw`disabled:bg-accent-dark`,
|
|
accent2: tw`disabled:bg-accent2-dark`,
|
|
accent3: tw`disabled:bg-accent3-dark`,
|
|
accent4: tw`disabled:bg-accent4-dark`,
|
|
accent5: tw`disabled:bg-accent5-dark`,
|
|
}
|
|
|
|
export let textColors = {
|
|
error: tw`text-red-600`,
|
|
accent: tw`text-accent`,
|
|
submit: tw`text-accent`,
|
|
accent2: tw`text-accent2`,
|
|
accent3: tw`text-accent3`,
|
|
accent4: tw`text-accent4`,
|
|
accent5: tw`text-accent5`,
|
|
}
|
|
export let textColorsHover = {
|
|
error: tw`hover:text-red-700`,
|
|
accent: tw`hover:text-accent-dark`,
|
|
submit: tw`hover:text-accent-dark`,
|
|
accent2: tw`hover:text-accent2-dark`,
|
|
accent3: tw`hover:text-accent3-dark`,
|
|
accent4: tw`hover:text-accent4-dark`,
|
|
accent5: tw`hover:text-accent5-dark`,
|
|
} |