combobulate the stylesheets (and some other minor changes)

1 files changed, 49 insertions, 0 deletions

diff --git a/static/theme.css b/static/theme.css
new file mode 100644
index 0000000..a01dd3a
--- /dev/null
+++ b/static/theme.css
@@ -0,0 +1,49 @@
+:root {
+  /* colours */
+  --clr-primary: #3b005e;
+  --clr-secondary: #dfd4e7;
+  --clr-lighter-primary: #62337e;
+  --clr-positive: #21a821;
+  --clr-negative: #c02e2e;
+  --clr-neutral: #0761b6;
+  --clr-background: #fdf5ff;
+  --clr-note-background: #fef4fb;
+  --clr-note-selected-background: #feeef5;
+  --clr-profile-background: #f7f3ff;
+  --clr-panel-background: #fcf1ff;
+  --clr-info-background: #d1d2ff;
+  --clr-warning-background: #ffedd2;
+  --clr-error-background: #f4a9b1;
+  --clr-field-background: var(--clr-background);
+  --clr-foreground: #0f070f;
+  --clr-lesser-foreground: #555555;
+  --clr-foreground-on-primary: var(--clr-background);
+  --clr-foreground-on-secondary: var(--clr-foreground);
+  /*--clr-border: #bdb6be;*/
+  --clr-border: #3b005e44;
+  --clr-action-default: #cab3d1;
+  --clr-action-like: var(--clr-lighter-primary);
+  --clr-action-dislike: var(--clr-negative);
+  --clr-action-reshare: var(--clr-positive);
+  --clr-action-reply: var(--clr-neutral);
+
+  /* margins and padding */
+  --spacing-half: 4px;
+  --spacing-single: 8px;
+  --spacing-double: 16px;
+  --spacing-triple: 24px;
+  --spacing-quadruple: 32px;
+
+  /* type */
+  --font-family: "DM Sans", sans-serif;
+  --font-normal-size: 12pt;
+  --font-small-size: 10pt;
+  --font-big-size: 16pt;
+
+  /* misc */
+  --border: 1px solid var(--clr-border);
+  --border-radius: 8px;
+  --icon-size: 24px;
+  --avatar-size: 64px;
+  --avatar-big-size: 96px;
+}