diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 67fde026e..4b57b8b0e 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -129,7 +129,8 @@ import { legendsTheme } from "./theme/legends-theme"; import { cakeTheme } from "./theme/cake-theme"; //Theme for BitClout by @mrpreet import { greenishTheme } from "./theme/greenish-theme"; - +//Theme for BitClout by @brootle +import { coderTheme } from "./theme/coder-theme"; @NgModule({ declarations: [ @@ -251,7 +252,7 @@ import { greenishTheme } from "./theme/greenish-theme"; RatingModule.forRoot(), CollapseModule.forRoot(), ThemeModule.forRoot({ - themes: [lightTheme, darkTheme, icydarkTheme, legendsTheme, cakeTheme, greenishTheme], + themes: [lightTheme, darkTheme, icydarkTheme, legendsTheme, cakeTheme, greenishTheme, coderTheme], active: localStorage.getItem("theme") || (window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark"), diff --git a/src/app/theme/coder-theme.ts b/src/app/theme/coder-theme.ts new file mode 100644 index 000000000..8507488b2 --- /dev/null +++ b/src/app/theme/coder-theme.ts @@ -0,0 +1,28 @@ +import { Theme } from "./symbols"; + +export const coderTheme: Theme = { + key: "coder", + name: "Coder Theme", + properties: { + "--background": "#191919", + "--text": "#bebcbc", + "--grey": "#8e9297", + "--secondary": "#252526", + "--secalt": "#1f1f20", + "--textalt": "#e2c08d", + "--norm": "#b5d1e1", + "--formbg": "#1e1e1e", + "--link": "#1f99cc", + "--hover": "#1c7ca3", + "--border": "#424141", + "--mborder": "#36393f", + "--filter": "invert(98%) sepia(1%) saturate(264%) hue-rotate(181deg) brightness(116%) contrast(100%)", + "--unread": "#302f2f", + "--topbar": "#2b2a2a", + "--cblue": "#67cdfe", + "--cred": "#ed4245", + "--cgreen": "#3ac9b0", + "--button": "#005376", + "--loading": "#545454", + }, +}; \ No newline at end of file