@kwirthmagnify/kwirth-theme-avicii 0.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/front.js +167 -0
  2. package/package.json +7 -0
package/front.js ADDED
@@ -0,0 +1,167 @@
1
+ (() => {
2
+ // src/front/index.ts
3
+ window.__kwirth_themes__ = window.__kwirth_themes__ ?? {};
4
+ window.__kwirth_themes__["avicii"] = {
5
+ displayName: "Avicii",
6
+ getThemeOptions: (mode) => ({
7
+ cssVariables: true,
8
+ palette: {
9
+ mode,
10
+ primary: { main: mode === "dark" ? "#c9a227" : "#8a6b0a" },
11
+ secondary: { main: mode === "dark" ? "#f0ede6" : "#2a2218" },
12
+ background: {
13
+ default: mode === "dark" ? "#050505" : "#f5f2ec",
14
+ paper: mode === "dark" ? "#0b0907" : "#fffdf7"
15
+ },
16
+ text: {
17
+ primary: mode === "dark" ? "#f0ede6" : "#1a1208",
18
+ secondary: mode === "dark" ? "#6a6058" : "#5a4e3a"
19
+ },
20
+ divider: mode === "dark" ? "#1f1a12" : "#d8ccb0"
21
+ },
22
+ shape: { borderRadius: 0 },
23
+ typography: {
24
+ fontFamily: "'Oswald', 'Barlow Condensed', 'Arial Narrow', sans-serif",
25
+ fontSize: 13,
26
+ fontWeightLight: 300,
27
+ fontWeightRegular: 400,
28
+ fontWeightMedium: 600,
29
+ fontWeightBold: 700,
30
+ h1: { letterSpacing: "4px", textTransform: "uppercase" },
31
+ h2: { letterSpacing: "3px", textTransform: "uppercase" },
32
+ h3: { letterSpacing: "2px", textTransform: "uppercase" },
33
+ h4: { letterSpacing: "2px", textTransform: "uppercase" },
34
+ h5: { letterSpacing: "1.5px", textTransform: "uppercase" },
35
+ h6: { letterSpacing: "1px", textTransform: "uppercase" },
36
+ button: { letterSpacing: "2px", textTransform: "uppercase" }
37
+ },
38
+ components: {
39
+ MuiButton: {
40
+ styleOverrides: {
41
+ root: ({ theme }) => ({
42
+ borderRadius: 0,
43
+ letterSpacing: "2px",
44
+ fontWeight: 700
45
+ }),
46
+ outlinedPrimary: ({ theme }) => ({
47
+ borderColor: theme.palette.mode === "dark" ? "#5c4810" : "#8a6b0a",
48
+ "&:hover": {
49
+ borderColor: "#c9a227",
50
+ backgroundColor: "rgba(201,162,39,0.06)",
51
+ boxShadow: "0 0 12px rgba(201,162,39,0.2)"
52
+ }
53
+ })
54
+ }
55
+ },
56
+ MuiCardHeader: {
57
+ styleOverrides: {
58
+ root: ({ theme }) => ({
59
+ backgroundColor: theme.palette.mode === "dark" ? "#100d08" : "#ede8da",
60
+ borderBottom: `2px solid ${theme.palette.mode === "dark" ? "#c9a227" : "#8a6b0a"}`,
61
+ "& .MuiCardHeader-title": {
62
+ letterSpacing: "2px",
63
+ textTransform: "uppercase",
64
+ fontWeight: 700
65
+ }
66
+ })
67
+ }
68
+ },
69
+ MuiCard: {
70
+ styleOverrides: {
71
+ root: ({ theme }) => ({
72
+ borderRadius: 0,
73
+ border: `1px solid ${theme.palette.mode === "dark" ? "#1f1a12" : "#d8ccb0"}`,
74
+ borderTop: `2px solid ${theme.palette.mode === "dark" ? "#c9a227" : "#8a6b0a"}`,
75
+ backgroundImage: "none"
76
+ })
77
+ }
78
+ },
79
+ MuiPaper: {
80
+ styleOverrides: {
81
+ root: ({ theme }) => ({
82
+ backgroundImage: "none !important",
83
+ backgroundColor: theme.palette.mode === "dark" ? "#0b0907" : theme.palette.background.paper,
84
+ borderRadius: 0
85
+ })
86
+ }
87
+ },
88
+ MuiDialog: {
89
+ defaultProps: {
90
+ TransitionProps: { onExit: () => {
91
+ document.activeElement?.blur();
92
+ } }
93
+ },
94
+ styleOverrides: {
95
+ root: () => ({ border: "1px solid #1f1a12" }),
96
+ paper: ({ theme }) => ({
97
+ backgroundImage: "none !important",
98
+ backgroundColor: theme.palette.mode === "dark" ? "#080604" : "#fff",
99
+ borderRadius: 0,
100
+ border: `1px solid ${theme.palette.mode === "dark" ? "#2a2218" : "#d8ccb0"}`,
101
+ borderTop: `3px solid #c9a227`
102
+ })
103
+ }
104
+ },
105
+ MuiDialogTitle: {
106
+ styleOverrides: {
107
+ root: ({ theme }) => ({
108
+ "&.MuiDialogTitle-root": {
109
+ backgroundColor: theme.palette.mode === "dark" ? "#100d08" : "#ede8da",
110
+ backgroundImage: "none !important",
111
+ borderBottom: `1px solid ${theme.palette.divider}`,
112
+ paddingTop: theme.spacing(1),
113
+ paddingBottom: theme.spacing(1),
114
+ color: theme.palette.text.primary,
115
+ letterSpacing: "2px",
116
+ textTransform: "uppercase",
117
+ fontWeight: 700
118
+ }
119
+ })
120
+ }
121
+ },
122
+ MuiDialogContent: {
123
+ styleOverrides: {
124
+ root: ({ theme }) => ({
125
+ "&.MuiDialogContent-dividers": { borderColor: theme.palette.divider }
126
+ })
127
+ }
128
+ },
129
+ MuiDialogActions: {
130
+ styleOverrides: {
131
+ root: ({ theme }) => ({
132
+ backgroundColor: theme.palette.mode === "dark" ? "#100d08" : "#ede8da",
133
+ borderTop: `1px solid ${theme.palette.divider}`,
134
+ padding: theme.spacing(1.5, 2)
135
+ })
136
+ }
137
+ },
138
+ MuiAppBar: {
139
+ styleOverrides: {
140
+ root: ({ theme }) => ({
141
+ backgroundImage: "none",
142
+ backgroundColor: theme.palette.mode === "dark" ? "#050505" : theme.palette.primary.main,
143
+ borderBottom: `1px solid ${theme.palette.mode === "dark" ? "#2a2218" : "transparent"}`
144
+ })
145
+ }
146
+ },
147
+ MuiTab: {
148
+ styleOverrides: {
149
+ root: () => ({
150
+ letterSpacing: "1.5px",
151
+ fontWeight: 600
152
+ })
153
+ }
154
+ },
155
+ MuiCssBaseline: {
156
+ styleOverrides: (theme) => `
157
+ @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&display=swap');
158
+ ::-webkit-scrollbar { width: 5px; height: 5px; }
159
+ ::-webkit-scrollbar-thumb { background-color: ${theme.palette.mode === "dark" ? "rgba(201,162,39,0.35)" : "rgba(0,0,0,0.2)"}; }
160
+ ::-webkit-scrollbar-track { background: transparent; }
161
+ ::-webkit-scrollbar-corner { background: transparent; }
162
+ `
163
+ }
164
+ }
165
+ })
166
+ };
167
+ })();
package/package.json ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "id": "avicii",
3
+ "name": "@kwirthmagnify/kwirth-theme-avicii",
4
+ "displayName": "Avicii",
5
+ "version": "0.1.1",
6
+ "description": "Dark geometric theme inspired by Avicii — warm gold accents, sharp edges, Oswald typography, and triangle motifs."
7
+ }