@kwirthmagnify/kwirth-theme-depeche-mode 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.
- package/front.js +227 -0
- package/package.json +7 -0
package/front.js
ADDED
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
(() => {
|
|
3
|
+
// src/front/index.ts
|
|
4
|
+
var MuiButton = {
|
|
5
|
+
styleOverrides: {
|
|
6
|
+
root: {
|
|
7
|
+
borderRadius: 0,
|
|
8
|
+
textTransform: "uppercase",
|
|
9
|
+
fontWeight: 900,
|
|
10
|
+
letterSpacing: 2,
|
|
11
|
+
fontFamily: '"Barlow Condensed", "Oswald", "Impact", "Franklin Gothic Medium", "Arial Narrow", sans-serif'
|
|
12
|
+
},
|
|
13
|
+
containedPrimary: ({ theme }) => ({
|
|
14
|
+
background: theme.palette.mode === "dark" ? "#C4303A" : "#8B1520",
|
|
15
|
+
color: "#FFFFFF",
|
|
16
|
+
boxShadow: "none",
|
|
17
|
+
"&:hover": {
|
|
18
|
+
background: theme.palette.mode === "dark" ? "#D94050" : "#6A0F18",
|
|
19
|
+
boxShadow: theme.palette.mode === "dark" ? "0 0 12px rgba(196,48,58,0.5)" : "0 0 10px rgba(139,21,32,0.35)"
|
|
20
|
+
}
|
|
21
|
+
}),
|
|
22
|
+
outlinedPrimary: ({ theme }) => ({
|
|
23
|
+
borderColor: theme.palette.mode === "dark" ? "#C4303A" : "#8B1520",
|
|
24
|
+
borderWidth: 2,
|
|
25
|
+
color: theme.palette.mode === "dark" ? "#C4303A" : "#8B1520",
|
|
26
|
+
"&:hover": {
|
|
27
|
+
borderWidth: 2,
|
|
28
|
+
background: theme.palette.mode === "dark" ? "rgba(196,48,58,0.10)" : "rgba(139,21,32,0.07)"
|
|
29
|
+
}
|
|
30
|
+
})
|
|
31
|
+
}
|
|
32
|
+
};
|
|
33
|
+
var MuiAppBar = {
|
|
34
|
+
styleOverrides: {
|
|
35
|
+
root: ({ theme }) => ({
|
|
36
|
+
background: theme.palette.mode === "dark" ? "#0A0808" : "#130808",
|
|
37
|
+
borderBottom: "3px solid #C4303A",
|
|
38
|
+
boxShadow: "none",
|
|
39
|
+
color: "#EDE0D0"
|
|
40
|
+
})
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
var MuiPaper = {
|
|
44
|
+
styleOverrides: {
|
|
45
|
+
root: ({ theme }) => ({
|
|
46
|
+
backgroundImage: "none",
|
|
47
|
+
border: `1px solid ${theme.palette.mode === "dark" ? "#2A1616" : "#D8C0B0"}`
|
|
48
|
+
})
|
|
49
|
+
}
|
|
50
|
+
};
|
|
51
|
+
var MuiCard = {
|
|
52
|
+
styleOverrides: {
|
|
53
|
+
root: ({ theme }) => ({
|
|
54
|
+
background: theme.palette.mode === "dark" ? "#130C0C" : "#FBF5ED",
|
|
55
|
+
border: `1px solid ${theme.palette.mode === "dark" ? "#2A1616" : "#D8C0B0"}`,
|
|
56
|
+
borderRadius: 0,
|
|
57
|
+
borderLeft: "4px solid #C4303A"
|
|
58
|
+
})
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
var MuiCardHeader = {
|
|
62
|
+
styleOverrides: {
|
|
63
|
+
root: ({ theme }) => ({
|
|
64
|
+
background: theme.palette.mode === "dark" ? "linear-gradient(135deg, #0A0808 0%, #1A0A0A 100%)" : "linear-gradient(135deg, #EDE0D0 0%, #E0D0C0 100%)",
|
|
65
|
+
borderBottom: `1px solid ${theme.palette.mode === "dark" ? "#2A1616" : "#D0B8A8"}`,
|
|
66
|
+
padding: "10px 16px"
|
|
67
|
+
}),
|
|
68
|
+
title: ({ theme }) => ({
|
|
69
|
+
color: theme.palette.mode === "dark" ? "#C4303A" : "#8B1520",
|
|
70
|
+
fontWeight: 900,
|
|
71
|
+
fontSize: "0.875rem",
|
|
72
|
+
letterSpacing: 1.5,
|
|
73
|
+
textTransform: "uppercase",
|
|
74
|
+
fontFamily: '"Barlow Condensed", "Oswald", "Impact", "Franklin Gothic Medium", "Arial Narrow", sans-serif'
|
|
75
|
+
})
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
var MuiDialog = {
|
|
79
|
+
styleOverrides: {
|
|
80
|
+
paper: ({ theme }) => ({
|
|
81
|
+
background: theme.palette.mode === "dark" ? "#0A0808" : "#FBF5ED",
|
|
82
|
+
border: `1px solid ${theme.palette.mode === "dark" ? "#2A1616" : "#D0B8A8"}`,
|
|
83
|
+
borderTop: "3px solid #C4303A",
|
|
84
|
+
borderRadius: 0,
|
|
85
|
+
backgroundImage: "none"
|
|
86
|
+
})
|
|
87
|
+
}
|
|
88
|
+
};
|
|
89
|
+
var MuiDialogTitle = {
|
|
90
|
+
styleOverrides: {
|
|
91
|
+
root: ({ theme }) => ({
|
|
92
|
+
background: theme.palette.mode === "dark" ? "linear-gradient(135deg, #080606 0%, #0A0808 100%)" : "linear-gradient(135deg, #EDE0D0 0%, #E5D5C5 100%)",
|
|
93
|
+
borderBottom: `1px solid ${theme.palette.mode === "dark" ? "#2A1616" : "#D0B8A8"}`,
|
|
94
|
+
color: theme.palette.mode === "dark" ? "#EDE0D0" : "#1A0808",
|
|
95
|
+
fontWeight: 900,
|
|
96
|
+
fontSize: "0.95rem",
|
|
97
|
+
letterSpacing: 2,
|
|
98
|
+
textTransform: "uppercase",
|
|
99
|
+
fontFamily: '"Barlow Condensed", "Oswald", "Impact", "Franklin Gothic Medium", "Arial Narrow", sans-serif',
|
|
100
|
+
padding: "12px 20px"
|
|
101
|
+
})
|
|
102
|
+
}
|
|
103
|
+
};
|
|
104
|
+
var MuiDialogContent = {
|
|
105
|
+
styleOverrides: {
|
|
106
|
+
root: { padding: "16px 20px" }
|
|
107
|
+
}
|
|
108
|
+
};
|
|
109
|
+
var MuiDialogActions = {
|
|
110
|
+
styleOverrides: {
|
|
111
|
+
root: ({ theme }) => ({
|
|
112
|
+
borderTop: `1px solid ${theme.palette.mode === "dark" ? "#2A1616" : "#D0B8A8"}`,
|
|
113
|
+
padding: "10px 16px"
|
|
114
|
+
})
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
var MuiChip = {
|
|
118
|
+
styleOverrides: {
|
|
119
|
+
root: {
|
|
120
|
+
borderRadius: 0,
|
|
121
|
+
fontWeight: 700,
|
|
122
|
+
fontSize: "0.72rem",
|
|
123
|
+
letterSpacing: 1,
|
|
124
|
+
textTransform: "uppercase"
|
|
125
|
+
},
|
|
126
|
+
colorPrimary: ({ theme }) => ({
|
|
127
|
+
background: theme.palette.mode === "dark" ? "#2A1010" : "#EDD8D0",
|
|
128
|
+
color: theme.palette.mode === "dark" ? "#C4303A" : "#8B1520",
|
|
129
|
+
borderColor: theme.palette.mode === "dark" ? "#C4303A" : "#8B1520"
|
|
130
|
+
})
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
var MuiDivider = {
|
|
134
|
+
styleOverrides: {
|
|
135
|
+
root: ({ theme }) => ({
|
|
136
|
+
borderColor: theme.palette.mode === "dark" ? "#2A1616" : "#D0B8A8"
|
|
137
|
+
})
|
|
138
|
+
}
|
|
139
|
+
};
|
|
140
|
+
var MuiTableHead = {
|
|
141
|
+
styleOverrides: {
|
|
142
|
+
root: ({ theme }) => ({
|
|
143
|
+
background: theme.palette.mode === "dark" ? "#0A0808" : "#130808",
|
|
144
|
+
"& .MuiTableCell-head": {
|
|
145
|
+
color: "#EDE0D0",
|
|
146
|
+
fontWeight: 900,
|
|
147
|
+
letterSpacing: 1.5,
|
|
148
|
+
textTransform: "uppercase",
|
|
149
|
+
fontSize: "0.78rem",
|
|
150
|
+
fontFamily: '"Barlow Condensed", "Oswald", "Impact", "Franklin Gothic Medium", "Arial Narrow", sans-serif'
|
|
151
|
+
}
|
|
152
|
+
})
|
|
153
|
+
}
|
|
154
|
+
};
|
|
155
|
+
var MuiCssBaseline = {
|
|
156
|
+
styleOverrides: (theme) => ({
|
|
157
|
+
body: {
|
|
158
|
+
background: theme.palette.mode === "dark" ? "linear-gradient(160deg, #080606 0%, #0A0808 100%)" : "#F0E8DC",
|
|
159
|
+
scrollbarColor: theme.palette.mode === "dark" ? "#2A1616 transparent" : "#D0B8A8 transparent",
|
|
160
|
+
scrollbarWidth: "thin"
|
|
161
|
+
}
|
|
162
|
+
})
|
|
163
|
+
};
|
|
164
|
+
window.__kwirth_themes__["depeche-mode"] = {
|
|
165
|
+
displayName: "Depeche Mode",
|
|
166
|
+
getThemeOptions: (mode) => ({
|
|
167
|
+
cssVariables: true,
|
|
168
|
+
palette: {
|
|
169
|
+
mode,
|
|
170
|
+
primary: {
|
|
171
|
+
main: mode === "dark" ? "#C4303A" : "#8B1520",
|
|
172
|
+
light: mode === "dark" ? "#D45060" : "#B02030",
|
|
173
|
+
dark: mode === "dark" ? "#8B1520" : "#5C0A10",
|
|
174
|
+
contrastText: "#FFFFFF"
|
|
175
|
+
},
|
|
176
|
+
secondary: {
|
|
177
|
+
main: "#9C8B7C",
|
|
178
|
+
light: "#B8A898",
|
|
179
|
+
dark: "#7A6855",
|
|
180
|
+
contrastText: "#FFFFFF"
|
|
181
|
+
},
|
|
182
|
+
error: { main: "#C4303A" },
|
|
183
|
+
warning: { main: "#C87830" },
|
|
184
|
+
info: { main: "#9C8B7C" },
|
|
185
|
+
success: { main: "#4A8050" },
|
|
186
|
+
background: {
|
|
187
|
+
default: mode === "dark" ? "#0A0808" : "#F0E8DC",
|
|
188
|
+
paper: mode === "dark" ? "#130C0C" : "#FBF5ED"
|
|
189
|
+
},
|
|
190
|
+
text: {
|
|
191
|
+
primary: mode === "dark" ? "#EDE0D0" : "#1A0808",
|
|
192
|
+
secondary: mode === "dark" ? "#A89080" : "#5C3C30",
|
|
193
|
+
disabled: mode === "dark" ? "#4A3030" : "#C0A090"
|
|
194
|
+
},
|
|
195
|
+
divider: mode === "dark" ? "#2A1616" : "#D0B8A8"
|
|
196
|
+
},
|
|
197
|
+
typography: {
|
|
198
|
+
fontFamily: '"Barlow Condensed", "Oswald", "Impact", "Franklin Gothic Medium", "Arial Narrow", sans-serif',
|
|
199
|
+
fontSize: 13,
|
|
200
|
+
h1: { fontWeight: 900, letterSpacing: 3, textTransform: "uppercase" },
|
|
201
|
+
h2: { fontWeight: 900, letterSpacing: 2.5, textTransform: "uppercase" },
|
|
202
|
+
h3: { fontWeight: 800, letterSpacing: 2 },
|
|
203
|
+
h4: { fontWeight: 800, letterSpacing: 1.5 },
|
|
204
|
+
h5: { fontWeight: 700, letterSpacing: 1 },
|
|
205
|
+
h6: { fontWeight: 700, letterSpacing: 0.8 },
|
|
206
|
+
button: { fontWeight: 900, letterSpacing: 2 },
|
|
207
|
+
overline: { fontWeight: 700, letterSpacing: 3 }
|
|
208
|
+
},
|
|
209
|
+
shape: { borderRadius: 0 },
|
|
210
|
+
components: {
|
|
211
|
+
MuiButton,
|
|
212
|
+
MuiAppBar,
|
|
213
|
+
MuiPaper,
|
|
214
|
+
MuiCard,
|
|
215
|
+
MuiCardHeader,
|
|
216
|
+
MuiDialog,
|
|
217
|
+
MuiDialogTitle,
|
|
218
|
+
MuiDialogContent,
|
|
219
|
+
MuiDialogActions,
|
|
220
|
+
MuiChip,
|
|
221
|
+
MuiDivider,
|
|
222
|
+
MuiTableHead,
|
|
223
|
+
MuiCssBaseline
|
|
224
|
+
}
|
|
225
|
+
})
|
|
226
|
+
};
|
|
227
|
+
})();
|
package/package.json
ADDED