From e864b4d1f0dc8669ac9c322a182765f083c819a5 Mon Sep 17 00:00:00 2001 From: Alexander Cherednichenko Date: Sun, 11 Jul 2021 03:14:38 +0300 Subject: [PATCH 1/2] low contrast dark theme for coders --- src/app/app.module.ts | 5 +++-- src/app/theme/coder-theme.ts | 28 ++++++++++++++++++++++++++++ 2 files changed, 31 insertions(+), 2 deletions(-) create mode 100644 src/app/theme/coder-theme.ts 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..5a3e1769d --- /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": "#1e1e1e", + "--text": "#b3b3b3", + "--grey": "#8e9297", + "--secondary": "#252526", + "--secalt": "#1f1f20", + "--textalt": "#e2c08d", + "--norm": "#b5d1e1", + "--formbg": "#1e1e1e", + "--link": "#26afe8", + "--hover": "#44c2f7", + "--border": "#424141", + "--mborder": "#36393f", + "--filter": "invert(98%) sepia(1%) saturate(264%) hue-rotate(181deg) brightness(116%) contrast(100%)", + "--unread": "#333333", + "--topbar": "#2b2a2a", + "--cblue": "#67cdfe", + "--cred": "#ed4245", + "--cgreen": "#3ac9b0", + "--button": "#005376", + "--loading": "#545454", + }, +}; \ No newline at end of file From d3a12f057318a0b7666cab8a054078dc32596d0a Mon Sep 17 00:00:00 2001 From: Alexander Cherednichenko Date: Sun, 11 Jul 2021 13:49:18 +0300 Subject: [PATCH 2/2] corrected colors a little --- src/app/theme/coder-theme.ts | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/app/theme/coder-theme.ts b/src/app/theme/coder-theme.ts index 5a3e1769d..8507488b2 100644 --- a/src/app/theme/coder-theme.ts +++ b/src/app/theme/coder-theme.ts @@ -4,20 +4,20 @@ export const coderTheme: Theme = { key: "coder", name: "Coder Theme", properties: { - "--background": "#1e1e1e", - "--text": "#b3b3b3", + "--background": "#191919", + "--text": "#bebcbc", "--grey": "#8e9297", "--secondary": "#252526", "--secalt": "#1f1f20", "--textalt": "#e2c08d", "--norm": "#b5d1e1", "--formbg": "#1e1e1e", - "--link": "#26afe8", - "--hover": "#44c2f7", + "--link": "#1f99cc", + "--hover": "#1c7ca3", "--border": "#424141", "--mborder": "#36393f", "--filter": "invert(98%) sepia(1%) saturate(264%) hue-rotate(181deg) brightness(116%) contrast(100%)", - "--unread": "#333333", + "--unread": "#302f2f", "--topbar": "#2b2a2a", "--cblue": "#67cdfe", "--cred": "#ed4245",