Skip to content

Commit

Permalink
feat: add more themes to choose from!!
Browse files Browse the repository at this point in the history
  • Loading branch information
prplwtf committed Dec 25, 2024
1 parent 8642ae5 commit e4099b9
Show file tree
Hide file tree
Showing 7 changed files with 306 additions and 31 deletions.
3 changes: 2 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
@@ -1,3 +1,4 @@
.vscode
.DS_Store
MACOSX
MACOSX
wak.toml
4 changes: 2 additions & 2 deletions configuration/Configuration.example.yml
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ Connections:
GitLab: prplwtf
Bluesky: prpl.wtf
Twitter:
Mastodon: [email protected]
Medium: prplwtf
Mastodon:
Medium:
Twitch:
YouTube:
4 changes: 2 additions & 2 deletions configuration/Posts.example.yml
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
- Title: say hello to writea
Description: the comfy and open-source markdown blog alternative
Topic: product release
Topic: project release
Thumbnail: meet-writea.jpg
Content: meet-writea.md
Discoverable: true
Discoverable: true
18 changes: 8 additions & 10 deletions themes/CatppuccinMocha.css
Original file line number Diff line number Diff line change
@@ -1,29 +1,27 @@
/*
* Catppuccin Mocha writea theme
*
* Colors from https://catppuccin.com
* Ported by https://github.com/prplwtf
*/

writea-theme-config {
writea-theme-config {
--theme-color: #cba6f7;
}

:root {
color-scheme: dark;

--bs-body-color: #ced4da;
--bs-body-color-rgb: 206,212,218;
--bs-body-color-rgb: 206, 212, 218;
--bs-body-bg: #11111b;
--bs-body-bg-rgb: 22,25,29;
--bs-body-bg-rgb: 22, 25, 29;
--bs-surface-color: #dee2e6;
--bs-surface-color-rgb: 222,226,230;
--bs-surface-color-rgb: 222, 226, 230;
--bs-surface-bg: #212529;
--bs-surface-bg-rgb: 33,37,41;
--bs-surface-bg-rgb: 33, 37, 41;
--bs-surface-bg-hover: #25292d;

--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255,255,255;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-muted-color: #868e96;
--bs-heading-color: inherit;

Expand All @@ -40,7 +38,7 @@
--bs-text-on-primary: #000000;

--bs-dark: #45475a;
--bs-dark-rgb: 111,113,116;
--bs-dark-rgb: 111, 113, 116;
--bs-dark-hover: #585b70;
--bs-dark-active: #6c7086;
--bs-dark-subtle: #1e1e2e;
Expand All @@ -55,4 +53,4 @@
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-border-radius: 1rem;
--bs-border-width: 1px;
}
}
30 changes: 14 additions & 16 deletions themes/Default.css
Original file line number Diff line number Diff line change
@@ -1,8 +1,6 @@
/*
* Default writea theme
*
* Original from https://github.com/materialstyle/materialstyle
* Modified by https://github.com/prplwtf
*/

writea-theme-config {
Expand All @@ -13,17 +11,17 @@ writea-theme-config {
color-scheme: dark;

--bs-body-color: #ced4da;
--bs-body-color-rgb: 206,212,218;
--bs-body-color-rgb: 206, 212, 218;
--bs-body-bg: #16191d;
--bs-body-bg-rgb: 22,25,29;
--bs-body-bg-rgb: 22, 25, 29;
--bs-surface-color: #dee2e6;
--bs-surface-color-rgb: 222,226,230;
--bs-surface-color-rgb: 222, 226, 230;
--bs-surface-bg: #212529;
--bs-surface-bg-rgb: 33,37,41;
--bs-surface-bg-rgb: 33, 37, 41;
--bs-surface-bg-hover: #25292d;

--bs-emphasis-color: #fff;
--bs-emphasis-color-rgb: 255,255,255;
--bs-emphasis-color-rgb: 255, 255, 255;
--bs-muted-color: #868e96;
--bs-heading-color: inherit;

Expand All @@ -40,7 +38,7 @@ writea-theme-config {
--bs-text-on-primary: #000000;

--bs-secondary: #a3a6a9;
--bs-secondary-rgb: 163,166,169;
--bs-secondary-rgb: 163, 166, 169;
--bs-secondary-hover: #b5b8ba;
--bs-secondary-active: #bfc1c3;
--bs-secondary-subtle: #2d2f31;
Expand All @@ -52,7 +50,7 @@ writea-theme-config {
--bs-secondary-border-subtle: #44474a;

--bs-tertiary: #e47aaf;
--bs-tertiary-rgb: 228,122,175;
--bs-tertiary-rgb: 228, 122, 175;
--bs-tertiary-hover: #e995bf;
--bs-tertiary-active: #eca2c7;
--bs-tertiary-subtle: #561435;
Expand All @@ -64,7 +62,7 @@ writea-theme-config {
--bs-tertiary-border-subtle: #801f4f;

--bs-success: #6ab190;
--bs-success-rgb: 106,177,144;
--bs-success-rgb: 106, 177, 144;
--bs-success-hover: #88c1a6;
--bs-success-active: #97c8b1;
--bs-success-subtle: #0a3622;
Expand All @@ -76,7 +74,7 @@ writea-theme-config {
--bs-success-border-subtle: #0f5132;

--bs-info: #62ddf5;
--bs-info-rgb: 98,221,245;
--bs-info-rgb: 98, 221, 245;
--bs-info-hover: #81e4f7;
--bs-info-active: #91e7f8;
--bs-info-subtle: #055160;
Expand All @@ -88,7 +86,7 @@ writea-theme-config {
--bs-info-border-subtle: #087990;

--bs-warning: #ffd75e;
--bs-warning-rgb: 255,215,94;
--bs-warning-rgb: 255, 215, 94;
--bs-warning-hover: #ffdf7e;
--bs-warning-active: #ffe38e;
--bs-warning-subtle: #664d03;
Expand All @@ -100,7 +98,7 @@ writea-theme-config {
--bs-warning-border-subtle: #997404;

--bs-danger: #e87c86;
--bs-danger-rgb: 232,124,134;
--bs-danger-rgb: 232, 124, 134;
--bs-danger-hover: #ed969e;
--bs-danger-active: #efa3aa;
--bs-danger-subtle: #58151c;
Expand All @@ -112,7 +110,7 @@ writea-theme-config {
--bs-danger-border-subtle: #842029;

--bs-light: #fafbfc;
--bs-light-rgb: 250,251,252;
--bs-light-rgb: 250, 251, 252;
--bs-light-hover: #fbfcfd;
--bs-light-active: #fcfcfd;
--bs-light-subtle: #636464;
Expand All @@ -124,7 +122,7 @@ writea-theme-config {
--bs-light-border-subtle: #959596;

--bs-dark: #6f7174;
--bs-dark-rgb: 111,113,116;
--bs-dark-rgb: 111, 113, 116;
--bs-dark-hover: #595a5d;
--bs-dark-active: #4e4f51;
--bs-dark-subtle: #0d0f10;
Expand All @@ -139,4 +137,4 @@ writea-theme-config {
--bs-border-color-translucent: rgba(255, 255, 255, 0.15);
--bs-border-radius: 1rem;
--bs-border-width: 1px;
}
}
139 changes: 139 additions & 0 deletions themes/SerifLight.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,139 @@
/*
* Serif Light writea theme
*/

writea-theme-config {
--theme-color: #242424;
}

:root {
color-scheme: light;

--bs-body-color: #242424;
--bs-body-color-rgb: 36, 36, 36;
--bs-body-bg: #ffffff;
--bs-body-bg-rgb: 255, 255, 255;
--bs-surface-color: #242424;
--bs-surface-color-rgb: 36, 36, 36;
--bs-surface-bg: #fafafa;
--bs-surface-bg-rgb: 250, 250, 250;
--bs-surface-bg-hover: #f2f2f2;

--bs-emphasis-color: #000000;
--bs-emphasis-color-rgb: 0, 0, 0;
--bs-muted-color: #6b6b6b;
--bs-heading-color: inherit;

--bs-primary: #242424;
--bs-primary-hover: #1a1a1a;
--bs-primary-active: #000000;
--bs-primary-subtle: #f2f2f2;
--bs-primary-subtle-hover: #e6e6e6;
--bs-primary-subtle-active: #d9d9d9;
--bs-primary-emphasis: #000000;
--bs-primary-emphasis-hover: #1a1a1a;
--bs-primary-border-subtle: #d9d9d9;
--bs-primary-rgb: 36, 36, 36;
--bs-text-on-primary: #ffffff;

--bs-secondary: #6b6b6b;
--bs-secondary-rgb: 107, 107, 107;
--bs-secondary-hover: #565656;
--bs-secondary-active: #404040;
--bs-secondary-subtle: #f0f0f0;
--bs-secondary-subtle-hover: #e6e6e6;
--bs-secondary-subtle-active: #cccccc;
--bs-secondary-emphasis: #333333;
--bs-secondary-emphasis-hover: #292929;
--bs-text-on-secondary: #ffffff;
--bs-secondary-border-subtle: #cccccc;

--bs-tertiary: #404040;
--bs-tertiary-rgb: 64, 64, 64;
--bs-tertiary-hover: #333333;
--bs-tertiary-active: #262626;
--bs-tertiary-subtle: #f5f5f5;
--bs-tertiary-subtle-hover: #ebebeb;
--bs-tertiary-subtle-active: #d6d6d6;
--bs-tertiary-emphasis: #1a1a1a;
--bs-tertiary-emphasis-hover: #141414;
--bs-text-on-tertiary: #ffffff;
--bs-tertiary-border-subtle: #d6d6d6;

--bs-success: #1a8917;
--bs-success-rgb: 26, 137, 23;
--bs-success-hover: #156912;
--bs-success-active: #115a0f;
--bs-success-subtle: #e6f3e6;
--bs-success-subtle-hover: #d1e9d1;
--bs-success-subtle-active: #a3d4a2;
--bs-success-emphasis: #0f4c0d;
--bs-success-emphasis-hover: #0d400b;
--bs-text-on-success: #ffffff;
--bs-success-border-subtle: #a3d4a2;

--bs-info: #3b49df;
--bs-info-rgb: 59, 73, 223;
--bs-info-hover: #2f3ab2;
--bs-info-active: #232b85;
--bs-info-subtle: #e8eaf6;
--bs-info-subtle-hover: #d4d7ed;
--bs-info-subtle-active: #a9afdb;
--bs-info-emphasis: #1d246f;
--bs-info-emphasis-hover: #181d5c;
--bs-text-on-info: #ffffff;
--bs-info-border-subtle: #a9afdb;

--bs-warning: #ffc017;
--bs-warning-rgb: 255, 192, 23;
--bs-warning-hover: #cc9a12;
--bs-warning-active: #99730e;
--bs-warning-subtle: #fff8e6;
--bs-warning-subtle-hover: #fff1cc;
--bs-warning-subtle-active: #ffe499;
--bs-warning-emphasis: #806008;
--bs-warning-emphasis-hover: #664d06;
--bs-text-on-warning: #000000;
--bs-warning-border-subtle: #ffe499;

--bs-danger: #dc2626;
--bs-danger-rgb: 220, 38, 38;
--bs-danger-hover: #b01e1e;
--bs-danger-active: #841717;
--bs-danger-subtle: #fde7e7;
--bs-danger-subtle-hover: #fbd0d0;
--bs-danger-subtle-active: #f7a1a1;
--bs-danger-emphasis: #6d1313;
--bs-danger-emphasis-hover: #570f0f;
--bs-text-on-danger: #ffffff;
--bs-danger-border-subtle: #f7a1a1;

--bs-light: #fafafa;
--bs-light-rgb: 250, 250, 250;
--bs-light-hover: #f5f5f5;
--bs-light-active: #f0f0f0;
--bs-light-subtle: #737373;
--bs-light-subtle-hover: #808080;
--bs-light-subtle-active: #999999;
--bs-light-emphasis: #f0f0f0;
--bs-light-emphasis-hover: #ebebeb;
--bs-text-on-light: #000000;
--bs-light-border-subtle: #999999;

--bs-dark: #242424;
--bs-dark-rgb: 36, 36, 36;
--bs-dark-hover: #1a1a1a;
--bs-dark-active: #0f0f0f;
--bs-dark-subtle: #e6e6e6;
--bs-dark-subtle-hover: #d1d1d1;
--bs-dark-subtle-active: #a3a3a3;
--bs-dark-emphasis: #0a0a0a;
--bs-dark-emphasis-hover: #050505;
--bs-text-on-dark: #ffffff;
--bs-dark-border-subtle: #a3a3a3;

--bs-border-color: #e6e6e6;
--bs-border-color-translucent: rgba(0, 0, 0, 0.175);
--bs-border-radius: 0.25rem;
--bs-border-width: 1px;
}
Loading

0 comments on commit e4099b9

Please sign in to comment.