From f41f50bf6928e8845747c30c9a8a06200a3b0603 Mon Sep 17 00:00:00 2001
From: hippoz <paperplanelive@gmail.com>
Date: Thu, 6 May 2021 00:18:06 +0300
Subject: [PATCH] change colors

---
 templates/custom/header.tmpl | 120 ++++++++++++++++++++++++++++++++++-
 1 file changed, 119 insertions(+), 1 deletion(-)

diff --git a/templates/custom/header.tmpl b/templates/custom/header.tmpl
index a3b1e35..139c508 100644
--- a/templates/custom/header.tmpl
+++ b/templates/custom/header.tmpl
@@ -1,4 +1,122 @@
 <style>
+    :root {
+        --fonts-proportional: -apple-system,"Segoe UI",system-ui,"Roboto","Helvetica Neue","Arial";
+        --fonts-monospace: "SFMono-Regular","Menlo","Monaco","Consolas","Liberation Mono","Courier New",monospace,var(--fonts-emoji);
+        --fonts-emoji: "Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji","Twemoji Mozilla";
+        --border-radius: 0.28571429rem;
+        --opacity-disabled: 0.55;
+        --color-primary: #4183c4;
+        --color-primary-dark-1: #3f3f3f;
+        --color-primary-dark-2: #2E2E2E;
+        --color-primary-dark-3: #202020;
+        --color-primary-dark-4: #131313;
+        --color-primary-dark-5: #0e0e0e;
+        --color-primary-dark-6: #0c1a28;
+        --color-primary-dark-7: #04080c;
+        --body-bg-color: #2E2E2E;
+        --accent-bg-color: #d4d3d3;
+        --button-accent-color: #3d3d3d;
+        --selected-bg-color: #2E2E2E;
+        --hover-bg-color: #555555;
+        --color-primary-light-1: #548fca;
+        --color-primary-light-2: #679cd0;
+        --color-primary-light-3: #7aa8d6;
+        --color-primary-light-4: #8db5dc;
+        --color-primary-light-5: #b3cde7;
+        --color-primary-light-6: #d9e6f3;
+        --color-primary-light-7: #f4f8fb;
+        --color-primary-alpha-10: #4183c419;
+        --color-primary-alpha-20: #4183c433;
+        --color-primary-alpha-30: #4183c44b;
+        --color-primary-alpha-40: #4183c466;
+        --color-primary-alpha-50: #4183c480;
+        --color-primary-alpha-60: #4183c499;
+        --color-primary-alpha-70: #4183c4b3;
+        --color-primary-alpha-80: #4183c4cc;
+        --color-primary-alpha-90: #4183c4e1;
+        --color-secondary: #d4d3d3;
+        --color-secondary-dark-1: #cecece;
+        --color-secondary-dark-2: #bfbfbf;
+        --color-secondary-dark-3: #a0a0a0;
+        --color-secondary-dark-4: #909090;
+        --color-secondary-dark-5: #818181;
+        --color-secondary-dark-6: #717171;
+        --color-secondary-dark-7: #626262;
+        --color-secondary-dark-7: #525252;
+        --color-secondary-dark-8: #434343;
+        --color-secondary-dark-8: #333333;
+        --color-secondary-dark-9: #242424;
+        --color-secondary-dark-10: #141414;
+        --color-secondary-dark-11: #040404;
+        --color-secondary-light-1: #e5e5e5;
+        --color-secondary-light-2: #ebebeb;
+        --color-secondary-light-3: #f2f2f2;
+        --color-secondary-light-4: #f8f8f8;
+        --color-secondary-alpha-10: #dedede19;
+        --color-secondary-alpha-20: #dedede33;
+        --color-secondary-alpha-30: #dedede4b;
+        --color-secondary-alpha-40: #dedede66;
+        --color-secondary-alpha-50: #dedede80;
+        --color-secondary-alpha-60: #dedede99;
+        --color-secondary-alpha-70: #dededeb3;
+        --color-secondary-alpha-80: #dededecc;
+        --color-secondary-alpha-90: #dededee1;
+        --color-red: #db2828;
+        --color-orange: #f2711c;
+        --color-yellow: #fbbd08;
+        --color-olive: #b5cc18;
+        --color-green: #21ba45;
+        --color-teal: #00b5ad;
+        --color-blue: #2185d0;
+        --color-violet: #6435c9;
+        --color-purple: #a333c8;
+        --color-pink: #e03997;
+        --color-brown: #a5673f;
+        --color-grey: #888888;
+        --color-black: #1b1c1d;
+        --color-gold: #a1882b;
+        --color-white: #ffffff;
+        --color-diff-removed-word-bg: #fdb8c0;
+        --color-diff-added-word-bg: #acf2bd;
+        --color-diff-removed-row-bg: #ffeef0;
+        --color-diff-added-row-bg: #e6ffed;
+        --color-diff-removed-row-border: #f1c0c0;
+        --color-diff-added-row-border: #e6ffed;
+        --color-diff-inactive: #f2f2f2;
+        --color-body: #ffffff;
+        --color-text-dark: #080808;
+        --color-text: #212121;
+        --color-text-light: #555555;
+        --color-text-light-2: #808080;
+        --color-text-light-3: #a0a0a0;
+        --color-box-header: #f7f7f7;
+        --color-box-body: #ffffff;
+        --color-footer: #ffffff;
+        --color-timeline: #ececec;
+        --color-input-text: #212121;
+        --color-input-background: #ffffff;
+        --color-input-border: #dedede;
+        --color-input-border-hover: #cecece;
+        --color-navbar: #f8f8f8;
+        --color-light: #00000004;
+        --color-light-border: #0000001d;
+        --color-hover: #0000000f;
+        --color-active: #00000014;
+        --color-menu: #ffffff;
+        --color-card: #ffffff;
+        --color-markdown-table-row: #00000008;
+        --color-markdown-code-block: #00000010;
+        --color-button: #ffffff;
+        --color-code-bg: #ffffff;
+        --color-shadow: #00000030;
+        --color-secondary-bg: #f4f4f4;
+        --color-expand-button: #d8efff;
+        --color-placeholder-text: #aaa;
+        --color-editor-line-highlight: var(--color-primary-light-6);
+        --checkbox-mask-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-1 -1 18 18" width="16" height="16"><path fill-rule="evenodd" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>');
+        --checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" width="16" height="16"><path fill-rule="evenodd" d="M2 7.75A.75.75 0 012.75 7h10a.75.75 0 010 1.5h-10A.75.75 0 012 7.75z"></path></svg>');
+    }
+
     :root {
         --body-bg-color: #2E2E2E;
         --accent-bg-color: #d4d3d3;
@@ -30,7 +148,7 @@
     }
 
     .wave-background {
-        background-image: url(wave.svg);
+        background-image: url(https://hippoz.xyz/res/wave.svg);
         background-size: 100% auto;
         background-repeat: no-repeat;
     }