summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--catalog.json10
-rw-r--r--themes/accord.preview.sable.css21
-rw-r--r--themes/accord.sable.css102
3 files changed, 133 insertions, 0 deletions
diff --git a/catalog.json b/catalog.json
new file mode 100644
index 0000000..32e524d
--- /dev/null
+++ b/catalog.json
@@ -0,0 +1,10 @@
+{
+ "version": 1,
+ "themes": [
+ {
+ "basename": "accord",
+ "previewUrl": "https://git.twoexem.com/darkuss/sable-themes/plain/themes/accord.preview.sable.css",
+ "fullUrl": "https://git.twoexem.com/darkuss/sable-themes/plain/themes/accord.sable.css"
+ }
+ ]
+}
diff --git a/themes/accord.preview.sable.css b/themes/accord.preview.sable.css
new file mode 100644
index 0000000..9b9a0ee
--- /dev/null
+++ b/themes/accord.preview.sable.css
@@ -0,0 +1,21 @@
+/*
+@sable-theme
+id: accord
+name: Accord
+author: kr0nst
+kind: dark
+contrast: low
+tags: dark
+fullThemeUrl: https://raw.githubusercontent.com/SableClient/themes/main/themes/accord.sable.css
+*/
+
+.sable-theme-preview {
+ --sable-bg-container: #2c2d32;
+ --sable-bg-on-container: #f2f2f2;
+ --sable-surface-container: #323339;
+ --sable-surface-container-line: #484a50;
+ --sable-surface-on-container: #fff;
+ --sable-primary-main: #5865f2;
+ --sable-primary-on-main: #fff;
+}
+
diff --git a/themes/accord.sable.css b/themes/accord.sable.css
new file mode 100644
index 0000000..3189a6e
--- /dev/null
+++ b/themes/accord.sable.css
@@ -0,0 +1,102 @@
+/*
+@sable-theme
+id: accord
+name: Accord
+author: kr0nst
+kind: dark
+contrast: low
+tags: dark
+fullThemeUrl: https://raw.githubusercontent.com/SableClient/themes/main/themes/accord.sable.css
+*/
+
+body.sable-remote-theme {
+ /* Background */
+ --sable-bg-container: #2c2d32;
+ --sable-bg-container-hover: #35353a;
+ --sable-bg-container-active: #414248;
+ --sable-bg-container-line: #38393e;
+ --sable-bg-on-container: #f2f2f2;
+ /* Surface */
+ --sable-surface-container: #323339;
+ --sable-surface-container-hover: #3a3b41;
+ --sable-surface-container-active: #404040;
+ --sable-surface-container-line: #484a50;
+ --sable-surface-on-container: #fff;
+ /* Surface Variant */
+ --sable-surface-var-container: #393a41;
+ --sable-surface-var-container-hover: #404040;
+ --sable-surface-var-container-active: #4d4d4d;
+ --sable-surface-var-container-line: #3d3e44;
+ --sable-surface-var-on-container: #f2f2f2;
+ /* Primary */
+ --sable-primary-main: #5865f2;
+ --sable-primary-main-hover: #b2aae9;
+ --sable-primary-main-active: #ada3e8;
+ --sable-primary-main-line: #a79de6;
+ --sable-primary-on-main: #fff;
+ --sable-primary-container: #413c65;
+ --sable-primary-container-hover: #494370;
+ --sable-primary-container-active: #50497b;
+ --sable-primary-container-line: #575086;
+ --sable-primary-on-container: #e3e1f7;
+ /* Secondary */
+ --sable-sec-main: #ffffff;
+ --sable-sec-main-hover: #e5e5e5;
+ --sable-sec-main-active: #d9d9d9;
+ --sable-sec-main-line: #cccccc;
+ --sable-sec-on-main: #1a1a1a;
+ --sable-sec-container: #323339;
+ --sable-sec-container-hover: #4d4d4d;
+ --sable-sec-container-active: #595959;
+ --sable-sec-container-line: #46474e;
+ --sable-sec-on-container: #f2f2f2;
+ /* Success */
+ --sable-success-main: #85e0ba;
+ --sable-success-main-hover: #70dbaf;
+ --sable-success-main-active: #66d9a9;
+ --sable-success-main-line: #5cd6a3;
+ --sable-success-on-main: #0f3d2a;
+ --sable-success-container: #175c3f;
+ --sable-success-container-hover: #1a6646;
+ --sable-success-container-active: #1c704d;
+ --sable-success-container-line: #1f7a54;
+ --sable-success-on-container: #ccf2e2;
+ /* Warning */
+ --sable-warn-main: #e3ba91;
+ --sable-warn-main-hover: #dfaf7e;
+ --sable-warn-main-active: #dda975;
+ --sable-warn-main-line: #daa36c;
+ --sable-warn-on-main: #3f2a15;
+ --sable-warn-container: #5e3f20;
+ --sable-warn-container-hover: #694624;
+ --sable-warn-container-active: #734d27;
+ --sable-warn-container-line: #7d542b;
+ --sable-warn-on-container: #f3e2d1;
+ /* Crtical */
+ --sable-crit-main: #f7908b;
+ --sable-crit-main-hover: #e28d8d;
+ --sable-crit-main-active: #e08585;
+ --sable-crit-main-line: #de7d7d;
+ --sable-crit-on-main: #401c1c;
+ --sable-crit-container: #602929;
+ --sable-crit-container-hover: #6b2e2e;
+ --sable-crit-container-active: #763333;
+ --sable-crit-container-line: #803737;
+ --sable-crit-on-container: #f5d6d6;
+ /* Other */
+ --sable-focus-ring: rgba(255, 255, 255, 0.5);
+ --sable-shadow: rgba(0, 0, 0, 1);
+ --sable-overlay: rgba(0, 0, 0, 0.8);
+
+ --tc-link: #76aff6;
+
+ --mx-uc-1: hsl(260, 100%, 75%);
+ --mx-uc-2: hsl(320, 100%, 75%);
+ --mx-uc-3: hsl(180, 100%, 65%);
+ --mx-uc-4: hsl(150, 100%, 70%);
+ --mx-uc-5: hsl(200, 100%, 75%);
+ --mx-uc-6: hsl(280, 80%, 70%);
+ --mx-uc-7: hsl(40, 100%, 75%);
+ --mx-uc-8: hsl(0, 100%, 75%);
+}
+