I made a cool userstyle

Forums
1 

@font-face {
    font-family: "Simvoni";
    src: url("https://html.meower.org/Assets/Fonts/Simvoni.ttf");
}

@font-face {
    font-family: "Simvoni";
    src: url("https://html.meower.org/Assets/Fonts/Simvoni-Bold.ttf");
    font-weight: bold;
}

@font-face {
    font-family: "Simvoni";
    src: url("https://html.meower.org/Assets/Fonts/Simvoni-BoldItalic.ttf");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "Simvoni";
    src: url("https://html.meower.org/Assets/Fonts/Simvoni-Italic.ttf");
    font-weight: bold;
    font-style: italic;
}

:root {
    --font-family: Simvoni, sans-serif;
    --heading-font-family: Simvoni, sans-serif;
    --base-font-size: 1.1rem;

    --header_background: #f9a636;
    --header_primary: white;
    --header_primary-low: white;
    --header_primary-low-mid: white;
    --header_primary-medium: white;
    --header_primary-high: white;
    --header_primary-very-high: white;
    --primary-low: white;
    --primary-low-mid: white;
    --primary-high: black;
    --primary-very-high: black;
    --primary: black;
    --primary-50: #f7f7f7;
    --primary-100: #f0f0f0;
    --primary-200: #e6e6e6;
    --primary-300: #ccc;
    --primary-400: #b3b3b3;
    --primary-500: #999;
    --primary-600: gray;
    --primary-700: #4d4d4d;
    --primary-800: #4d4d4d;
    --primary-900: #262626;
    --secondary: white;
    --tertiary: #f9a636;
    --tertiary-very-low: #fff0db;
    --tertiary-low: #ffebcf;
    --tertiary-medium: #ffc06b;
    --tertiary-high: #f9a636;
    --tertiary-hover: #ff9a11;
    --tertiary-50: #ebf0ff;
    --tertiary-100: #ffebcf;
    --tertiary-200: #ffdeb2;
    --tertiary-300: #ffdeb0;
    --tertiary-400: #ffdcab;
    --tertiary-500: #ffcf8d;
    --tertiary-600: #ffc87e;
    --tertiary-700: #ffbf69;
    --tertiary-800: #ffb551;
    --tertiary-900: #f9a636;
    --quaternary: #f9a636;
    --highlight-low: #fff1de;
    --highlight-medium: #ffe0b6;
    --highlight-high: #f9a636;
}
.logo-big {
    filter: brightness(0) invert(1);
}
1 Like
2

Woah, that looks cool, I’m gonna add it and see how it looks on the real forum

3

This looks a bit off

image
image798×492 31.9 KB

1 Like
4

btw it’s made for light mode, it probably only works properly on it

5

These are the settings I applied for it

image
image632×698 15.7 KB

6

You may be able to actually try it if you add ?preview_theme_id=15 to the end of the URL

7

i can’t

8

Works! This theme is absolutely wonderful, thank you @CST1229 for this amazing script!