git.iko.soy/rowtype-yoga/purescript-next-website
on main help sign in
rowtype-yoga/purescript-next-website/src/Themes.purs
86 lines 2.9 kB history raw
1module Themes where
3import Prelude
5import Effect (Effect)
6import NextUI.NextUI (Theme, createTheme)
8foreign import data ThemeValue :: Type
10foreign import getColorValue :: Theme -> String -> ThemeValue
12mkDark :: Effect Theme
13mkDark = createTheme
14 { "type": "dark"
15 , theme:
16 { colors:
17 { theme1: "#6F04D9"
18 , theme2: "#1B0273"
19 , theme2a: "#1B0273AA"
20 , theme3: "#3866F2"
21 , theme4: "#0597F2"
22 , theme5: "#05C7F2"
23 , primaryLight: "$blue200"
24 , primaryLightHover: "$white"
25 , primaryLightActive: "$blue400"
26 , primaryLightContrast: "$blue600"
27 , primary: "$theme3"
28 , primaryBorder: "$white"
29 , primaryBorderHover: "$blue600"
30 , primarySolidHover: "$theme5"
31 , primarySolidContrast: "rgba(0,0,0,0)"
32 , primaryShadow: "$theme2"
33 , secondary: "$theme1"
34 , selection: "$white"
35 , gradient: "linear-gradient(135deg, $theme1 20%, #1B027300 80%)"
36 , link: "$gray900"
37 , neutral: "$white"
38 , accents6: "$white"
39 , background: "$white"
40 , codeLight: "rgba(0,0,0,0.2)"
41 , code: "$white"
42 , overlay: "rgba(0,0,0,0.2)"
43 }
44 , space: {}
45 , fonts:
46 { sans: "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;"
47 , mono: "Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono'"
48 }
49 }
50 }
52mkLight :: Effect Theme
53mkLight = createTheme
54 { "type": "light"
55 , theme:
56 { colors:
57 { theme1: "#6F04D9"
58 , theme2: "#1B0273"
59 , theme2a: "#1B0273AA"
60 , theme3: "#3866F2"
61 , theme4: "#0597F2"
62 , theme5: "#05C7F2"
63 , primaryLight: "$blue200"
64 , primaryLightHover: "$purple300"
65 , primaryLightActive: "$blue400"
66 , primaryLightContrast: "$blue600"
67 , primary: "$theme1"
68 , primaryBorder: "$blue300"
69 , primaryBorderHover: "$blue600"
70 , primarySolidHover: "$blue400"
71 , primarySolidContrast: "$black100"
72 , primaryShadow: "$blue500"
73 , gradient: "linear-gradient(112deg, $blue100 -25%, $pink500 -10%, $purple500 80%)"
74 , link: "$black100"
75 , neutral: "$blue900"
76 , codeLight: "rgba(255,255,255,0.8)"
77 , code: "$black"
78 , overlay: "rgba(255,255,255,0.4)"
79 }
80 , space: {}
81 , fonts:
82 { sans: "Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;"
83 , mono: "Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono'"
84 }
85 }
86 }