mirrors/smov
mirrors/smov
1
0
Fork 0
mirror of https://github.com/sussy-code/smov.git synced 2024-12-20 14:37:43 +01:00
Code Issues Wiki Activity

rename to BLCK & fix styling

Browse source
This commit is contained in:
kirbo 2024-06-09 17:40:28 -07:00
parent 8b6e7d3643
commit d370e7b850
No known key found for this signature in database
4 changed files with 19 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/assets/locales/en.json
View file

@ -546,7 +546,7 @@
"gray": "Gray", "gray": "Gray",
"red": "Red", "red": "Red",
"teal": "Teal", "teal": "Teal",
"black": "Black" "blck": "BLCK"
}, },
"title": "Appearance" "title": "Appearance"
}, },

6
src/pages/parts/settings/ThemePart.tsx
View file

@ -31,9 +31,9 @@ const availableThemes = [
key: "settings.appearance.themes.gray", key: "settings.appearance.themes.gray",
}, },
{ {
id: "black", id: "blck",
selector: "theme-black", selector: "theme-blck",
key: "settings.appearance.themes.black", key: "settings.appearance.themes.blck",
}, },
]; ];

4
themes/all.ts
View file

@ -2,12 +2,12 @@ import teal from "./list/teal";
import blue from "./list/blue"; import blue from "./list/blue";
import red from "./list/red"; import red from "./list/red";
import gray from "./list/gray"; import gray from "./list/gray";
import black from "./list/black"; import blck from "./list/blck";
export const allThemes = [ export const allThemes = [
teal, teal,
blue, blue,
gray, gray,
red, red,
black blck
] ]

23
themes/list/black.ts → themes/list/blck.ts
View file

@ -4,10 +4,13 @@ const tokens = {
white: "#FFFFFF", white: "#FFFFFF",
black: { black: {
c50: "#000000", c50: "#000000",
c75: "#030303",
c80: "#080808",
c100: "#0d0d0d", c100: "#0d0d0d",
c125: "#141414", c125: "#141414",
c150: "#1a1a1a", c150: "#1a1a1a",
c200: "#262626" c200: "#262626",
c250: "#333333"
}, },
semantic: { semantic: {
silver: { silver: {
@ -68,7 +71,7 @@ const tokens = {
} }
export default createTheme({ export default createTheme({
name: "black", name: "blck",
extend: { extend: {
colors: { colors: {
themePreview: { themePreview: {
@ -104,11 +107,11 @@ export default createTheme({
}, },
background: { background: {
main: tokens.black.c50, main: tokens.black.c75,
secondary: tokens.black.c50, secondary: tokens.black.c75,
secondaryHover: tokens.black.c50, secondaryHover: tokens.black.c75,
accentA: tokens.black.c50, accentA: tokens.black.c75,
accentB: tokens.black.c50 accentB: tokens.black.c75
}, },
modal: { modal: {
@ -135,7 +138,7 @@ export default createTheme({
mediaCard: { mediaCard: {
hoverBackground: tokens.shade.c900, hoverBackground: tokens.shade.c900,
hoverAccent: tokens.shade.c100, hoverAccent: tokens.black.c250,
hoverShadow: tokens.black.c50, hoverShadow: tokens.black.c50,
shadow: tokens.shade.c800, shadow: tokens.shade.c800,
barColor: tokens.ash.c200, barColor: tokens.ash.c200,
@ -151,7 +154,7 @@ export default createTheme({
dropdown: { dropdown: {
background: tokens.black.c100, background: tokens.black.c100,
altBackground: tokens.black.c50, altBackground: tokens.black.c80,
hoverBackground: tokens.black.c150, hoverBackground: tokens.black.c150,
text: tokens.shade.c50, text: tokens.shade.c50,
secondary: tokens.shade.c100, secondary: tokens.shade.c100,
@ -198,7 +201,7 @@ export default createTheme({
}, },
errors: { errors: {
card: tokens.black.c50, card: tokens.black.c75,
border: tokens.ash.c500, border: tokens.ash.c500,
type: { type: {