From 1e94c8f4861d82b7bda1566803836a7914e21b9a Mon Sep 17 00:00:00 2001
From: xenia <xenia@awoo.systems>
Date: Sun, 26 May 2024 01:37:58 -0400
Subject: [PATCH] oops

---
 theme-agatha.css  | 591 ----------------------------------------------
 theme-agatha.scss | 276 ++++++++++++++++++++++
 2 files changed, 276 insertions(+), 591 deletions(-)
 delete mode 100644 theme-agatha.css
 create mode 100644 theme-agatha.scss

diff --git a/theme-agatha.css b/theme-agatha.css
deleted file mode 100644
index 7f7c2fe..0000000
--- a/theme-agatha.css
+++ /dev/null
@@ -1,591 +0,0 @@
-@import "../chroma/dark.css";
-@import "../codemirror/dark.css";
-
-:root {
-  --is-dark-theme: true;
-  --color-primary: #9c7ca5;
-  --color-primary-contrast: #ffffff;
-  --color-primary-dark-1: #95739f;
-  --color-primary-dark-2: #a588ad;
-  --color-primary-dark-3: #b69ebc;
-  --color-primary-dark-4: #c6b3cb;
-  --color-primary-dark-5: #d6c9da;
-  --color-primary-dark-6: #e7dfe9;
-  --color-primary-dark-7: #f7f4f8;
-  --color-primary-light-1: #83608c;
-  --color-primary-light-2: #6f5277;
-  --color-primary-light-3: #5a4361;
-  --color-primary-light-4: #46344c;
-  --color-primary-light-5: #322536;
-  --color-primary-light-6: #1e1620;
-  --color-primary-light-7: #0a070b;
-  --color-primary-alpha-10: #9c7ca519;
-  --color-primary-alpha-20: #9c7ca533;
-  --color-primary-alpha-30: #9c7ca54b;
-  --color-primary-alpha-40: #9c7ca566;
-  --color-primary-alpha-50: #9c7ca580;
-  --color-primary-alpha-60: #9c7ca599;
-  --color-primary-alpha-70: #9c7ca5b3;
-  --color-primary-alpha-80: #9c7ca5cc;
-  --color-primary-alpha-90: #9c7ca5e1;
-  --color-primary-hover: var(--color-primary-light-1); 
-  --color-primary-active: var(--color-primary-light-2);
-  --color-secondary: #454a57;
-  --color-secondary-dark-1: #505665;
-  --color-secondary-dark-2: #5b6273;
-  --color-secondary-dark-3: #71798e;
-  --color-secondary-dark-4: #7f8699;
-  --color-secondary-dark-5: #8c93a4;
-  --color-secondary-dark-6: #9aa0af;
-  --color-secondary-dark-7: #a8adba;
-  --color-secondary-dark-8: #b6bac5;
-  --color-secondary-dark-9: #c4c7d0;
-  --color-secondary-dark-10: #d2d4db;
-  --color-secondary-dark-11: #dfe1e6;
-  --color-secondary-dark-12: #edeef1;
-  --color-secondary-dark-13: #fbfbfc;
-  --color-secondary-light-1: #373b46;
-  --color-secondary-light-2: #292c34;
-  --color-secondary-light-3: #1c1e23;
-  --color-secondary-light-4: #0e0f11;
-  --color-secondary-alpha-10: #454a5719;
-  --color-secondary-alpha-20: #454a5733;
-  --color-secondary-alpha-30: #454a574b;
-  --color-secondary-alpha-40: #454a5766;
-  --color-secondary-alpha-50: #454a5780;
-  --color-secondary-alpha-60: #454a5799;
-  --color-secondary-alpha-70: #454a57b3;
-  --color-secondary-alpha-80: #454a57cc;
-  --color-secondary-alpha-90: #454a57e1;
-  --color-secondary-button: var(--color-secondary-dark-4);
-  --color-secondary-hover: var(--color-secondary-dark-3);
-  --color-secondary-active: var(--color-secondary-dark-2);
-  /* console colors - used for actions console and console files */
-  --color-console-fg: #eeeff2;
-  --color-console-fg-subtle: #959cab;
-  --color-console-bg: #262936;
-  --color-console-border: #383c47;
-  --color-console-hover-bg: #ffffff16;
-  --color-console-active-bg: #454a57;
-  --color-console-menu-bg: #383c47;
-  --color-console-menu-border: #5c6374;
-  /* named colors */
-  --color-red: #cc4848;
-  --color-orange: #cc580c;
-  --color-yellow: #cc9903;
-  --color-olive: #91a313;
-  --color-green: #87ab63;
-  --color-teal: #00918a;
-  --color-blue: #3a8ac6;
-  --color-violet: #906ae1;
-  --color-purple: #b259d0;
-  --color-pink: #d22e8b;
-  --color-brown: #a47252;
-  --color-black: #2e323e;
-  /* light variants - produced via Sass scale-color(color, $lightness: +10%) */
-  --color-red-light: #d15a5a;
-  --color-orange-light: #f6a066;
-  --color-yellow-light: #eaaf03;
-  --color-olive-light: #abc016;
-  --color-green-light: #93b373;
-  --color-teal-light: #00b6ad;
-  --color-blue-light: #4e96cc;
-  --color-violet-light: #9b79e4;
-  --color-purple-light: #ba6ad5;
-  --color-pink-light: #d74397;
-  --color-brown-light: #b08061;
-  --color-black-light: #3f4555;
-  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
-  --color-red-dark-1: #c23636;
-  --color-orange-dark-1: #f38236;
-  --color-yellow-dark-1: #b88a03;
-  --color-olive-dark-1: #839311;
-  --color-green-dark-1: #7a9e55;
-  --color-teal-dark-1: #00837c;
-  --color-blue-dark-1: #347cb3;
-  --color-violet-dark-1: #7b4edb;
-  --color-purple-dark-1: #a742c9;
-  --color-pink-dark-1: #be297d;
-  --color-brown-dark-1: #94674a;
-  --color-black-dark-1: #292d38;
-  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
-  --color-red-dark-2: #ad3030;
-  --color-orange-dark-2: #f16e17;
-  --color-yellow-dark-2: #a37a02;
-  --color-olive-dark-2: #74820f;
-  --color-green-dark-2: #6c8c4c;
-  --color-teal-dark-2: #00746e;
-  --color-blue-dark-2: #2e6e9f;
-  --color-violet-dark-2: #6733d6;
-  --color-purple-dark-2: #9834b9;
-  --color-pink-dark-2: #a9246f;
-  --color-brown-dark-2: #835b42;
-  --color-black-dark-2: #252832;
-  /* ansi colors used for actions console and console files */
-  --color-ansi-black: var(--color-black);
-  --color-ansi-red: var(--color-red);
-  --color-ansi-green: var(--color-green);
-  --color-ansi-yellow: var(--color-yellow);
-  --color-ansi-blue: var(--color-blue);
-  --color-ansi-magenta: var(--color-pink);
-  --color-ansi-cyan: var(--color-teal);
-  --color-ansi-white: var(--color-console-fg-subtle);
-  --color-ansi-bright-black: var(--color-black-light);
-  --color-ansi-bright-red: var(--color-red-light);
-  --color-ansi-bright-green: var(--color-green-light);
-  --color-ansi-bright-yellow: var(--color-yellow-light);
-  --color-ansi-bright-blue: var(--color-blue-light);
-  --color-ansi-bright-magenta: var(--color-pink-light);
-  --color-ansi-bright-cyan: var(--color-teal-light);
-  --color-ansi-bright-white: var(--color-console-fg);
-  /* other colors */
-  --color-grey: #505665;
-  --color-grey-light: #a1a6b7;
-  --color-gold: #b1983b;
-  --color-white: #ffffff;
-  --color-diff-removed-word-bg: #6f3333;
-  --color-diff-added-word-bg: #3c653c;
-  --color-diff-removed-row-bg: #3c2626;
-  --color-diff-moved-row-bg: #818044;
-  --color-diff-added-row-bg: #283e2d;
-  --color-diff-removed-row-border: #634343;
-  --color-diff-moved-row-border: #bcca6f;
-  --color-diff-added-row-border: #314a37;
-  --color-diff-inactive: #353846;
-  --color-error-border: #a04141;
-  --color-error-bg: #522;
-  --color-error-bg-active: #744;
-  --color-error-bg-hover: #633;
-  --color-error-text: #f9cbcb;
-  --color-success-border: #458a57;
-  --color-success-bg: #284034;
-  --color-success-text: #6cc664;
-  --color-warning-border: #bb9d00;
-  --color-warning-bg: #3a3a30;
-  --color-warning-text: #fbbd08;
-  --color-info-border: #306090;
-  --color-info-bg: #26354c;
-  --color-info-text: #38a8e8;
-  --color-red-badge: #db2828;
-  --color-red-badge-bg: #db28281a;
-  --color-red-badge-hover-bg: #db28284d;
-  --color-green-badge: #21ba45;
-  --color-green-badge-bg: #21ba451a;
-  --color-green-badge-hover-bg: #21ba454d;
-  --color-yellow-badge: #fbbd08;
-  --color-yellow-badge-bg: #fbbd081a;
-  --color-yellow-badge-hover-bg: #fbbd084d;
-  --color-orange-badge: #f2711c;
-  --color-orange-badge-bg: #f2711c1a;
-  --color-orange-badge-hover-bg: #f2711c4d;
-  --color-git: #f05133;
-  /* target-based colors */
-  --color-body: #2e323e;
-  --color-box-header: #303340;
-  --color-box-body: #222733;
-  --color-box-body-highlight: #262b36;
-  --color-text-dark: #dbe0ea;
-  --color-text: #cbd0da;
-  --color-text-light: #bbbfca;
-  --color-text-light-1: #aaafb9;
-  --color-text-light-2: #9a9ea9;
-  --color-text-light-3: #8a8e99;
-  --color-footer: #232834;
-  --color-timeline: #4c525e;
-  --color-input-text: #dfe3ec;
-  --color-input-background: #1e252e;
-  --color-input-toggle-background: #454a57;
-  --color-input-border: var(--color-secondary);
-  --color-input-border-hover: var(--color-secondary-dark-1);
-  --color-header-wrapper: #202430;
-  --color-light: #00000028;
-  --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
-  --color-light-border: #ffffff28;
-  --color-hover: #ffffff19;
-  --color-active: #ffffff24;
-  --color-menu: #1e252e;
-  --color-card: #1e252e;
-  --color-markup-table-row: #ffffff06;
-  --color-markup-code-block: #ffffff16;
-  --color-button: #1e252e;
-  --color-code-bg: #222733;
-  --color-code-sidebar-bg: #232834;
-  --color-shadow: #00000058;
-  --color-secondary-bg: #2a2e3a;
-  --color-text-focus: #fff;
-  --color-expand-button: #3c404d;
-  --color-placeholder-text: #8a8e99;
-  --color-editor-line-highlight: var(--color-primary-light-5);
-  --color-project-board-bg: var(--color-secondary-light-2);
-  --color-caret: var(--color-text); /* should ideally be --color-text-dark, see #15651 */
-  --color-reaction-bg: #ffffff12;
-  --color-reaction-hover-bg: var(--color-primary-light-4);
-  --color-reaction-active-bg: var(--color-primary-light-5);
-  --color-tooltip-text: #ffffff;
-  --color-tooltip-bg: #000000f0;
-  --color-nav-bg: #232834;
-  --color-nav-hover-bg: #383c47;
-  --color-label-text: #dfe3ec;
-  --color-label-bg: #7c84974b;
-  --color-label-hover-bg: #7c8497a0;
-  --color-label-active-bg: #7c8497ff;
-  --color-accent: var(--color-primary-light-1);
-  --color-small-accent: var(--color-primary-light-5);
-  --color-active-line: #534d1b;
-  --color-overlay-backdrop: #080808c0;
-  accent-color: var(--color-accent);
-  color-scheme: dark;
-}
-
-/* invert emojis that are hard to read otherwise */
-.emoji[aria-label="check mark"],
-.emoji[aria-label="currency exchange"],
-.emoji[aria-label="TOP arrow"],
-.emoji[aria-label="END arrow"],
-.emoji[aria-label="ON! arrow"],
-.emoji[aria-label="SOON arrow"],
-.emoji[aria-label="heavy dollar sign"],
-.emoji[aria-label="copyright"],
-.emoji[aria-label="registered"],
-.emoji[aria-label="trade mark"],
-.emoji[aria-label="multiply"],
-.emoji[aria-label="plus"],
-.emoji[aria-label="minus"],
-.emoji[aria-label="divide"],
-.emoji[aria-label="curly loop"],
-.emoji[aria-label="double curly loop"],
-.emoji[aria-label="wavy dash"],
-.emoji[aria-label="paw prints"],
-.emoji[aria-label="musical note"],
-.emoji[aria-label="musical notes"] {
-  filter: invert(100%) hue-rotate(180deg);
-}
-
-/* ::-webkit-calendar-picker-indicator { */
-/*   filter: invert(.8); */
-/* } */
-/*  */
-/* .ui.horizontal.segments > .segment { */
-/*   background-color: #383c4a; */
-/* } */
-/*  */
-/* .following.bar.light { */
-/*   background: #2e323e; */
-/*   border-color: var(--color-secondary-alpha-40); */
-/* } */
-/*  */
-/* .following.bar .top.menu a.item:hover { */
-/*   color: #fff; */
-/* } */
-/*  */
-/* .feeds .list ul li.private { */
-/*   background: #353945; */
-/* } */
-/*  */
-/* .ui.red.label, */
-/* .ui.red.labels .label { */
-/*   background-color: #7d3434 !important; */
-/*   border-color: #8a2121 !important; */
-/* } */
-/*  */
-/* .ui.yellow.label, */
-/* .ui.yellow.labels .label { */
-/*   border-color: #664d02 !important; */
-/*   background-color: #936e00 !important; */
-/* } */
-/*  */
-/* .ui.accordion .title:not(.ui) { */
-/*   color: #dbdbdb; */
-/* } */
-/*  */
-/* .ui.green.label, */
-/* .ui.green.labels .label, */
-/* .ui.basic.green.label { */
-/*   background-color: #2d693b !important; */
-/*   border-color: #2d693b !important; */
-/* } */
-/*  */
-/* .ui.green.labels a.label:hover, */
-/* .ui.basic.green.labels a.label:hover, */
-/* a.ui.ui.ui.green.label:hover, */
-/* a.ui.basic.green.label:hover { */
-/*   background-color: #3d794b !important; */
-/*   border-color: #3d794b !important; */
-/*   color: #fff !important; */
-/* } */
-/*  */
-/* .ui.divider:not(.vertical):not(.horizontal) { */
-/*   border-bottom-color: var(--color-secondary); */
-/*   border-top-color: transparent; */
-/* } */
-/*  */
-/* .form .help { */
-/*   color: #7f8699; */
-/* } */
-/*  */
-/* .ui .text.light.grey { */
-/*   color: #7f8699 !important; */
-/* } */
-/*  */
-/* .ui.form .fields.error .field textarea, */
-/* .ui.form .fields.error .field select, */
-/* .ui.form .fields.error .field input:not([type]), */
-/* .ui.form .fields.error .field input[type="date"], */
-/* .ui.form .fields.error .field input[type="datetime-local"], */
-/* .ui.form .fields.error .field input[type="email"], */
-/* .ui.form .fields.error .field input[type="number"], */
-/* .ui.form .fields.error .field input[type="password"], */
-/* .ui.form .fields.error .field input[type="search"], */
-/* .ui.form .fields.error .field input[type="tel"], */
-/* .ui.form .fields.error .field input[type="time"], */
-/* .ui.form .fields.error .field input[type="text"], */
-/* .ui.form .fields.error .field input[type="file"], */
-/* .ui.form .fields.error .field input[type="url"], */
-/* .ui.form .field.error textarea, */
-/* .ui.form .field.error select, */
-/* .ui.form .field.error input:not([type]), */
-/* .ui.form .field.error input[type="date"], */
-/* .ui.form .field.error input[type="datetime-local"], */
-/* .ui.form .field.error input[type="email"], */
-/* .ui.form .field.error input[type="number"], */
-/* .ui.form .field.error input[type="password"], */
-/* .ui.form .field.error input[type="search"], */
-/* .ui.form .field.error input[type="tel"], */
-/* .ui.form .field.error input[type="time"], */
-/* .ui.form .field.error input[type="text"], */
-/* .ui.form .field.error input[type="file"], */
-/* .ui.form .field.error input[type="url"] { */
-/*   background-color: #522; */
-/*   border: 1px solid #7d3434; */
-/*   color: #f9cbcb; */
-/* } */
-/*  */
-/* .ui.form .field.error select:focus, */
-/* .ui.form .field.error input:not([type]):focus, */
-/* .ui.form .field.error input[type="date"]:focus, */
-/* .ui.form .field.error input[type="datetime-local"]:focus, */
-/* .ui.form .field.error input[type="email"]:focus, */
-/* .ui.form .field.error input[type="number"]:focus, */
-/* .ui.form .field.error input[type="password"]:focus, */
-/* .ui.form .field.error input[type="search"]:focus, */
-/* .ui.form .field.error input[type="tel"]:focus, */
-/* .ui.form .field.error input[type="time"]:focus, */
-/* .ui.form .field.error input[type="text"]:focus, */
-/* .ui.form .field.error input[type="file"]:focus, */
-/* .ui.form .field.error input[type="url"]:focus { */
-/*   background-color: #522; */
-/*   border: 1px solid #a04141; */
-/*   color: #f9cbcb; */
-/* } */
-/*  */
-/* .ui.green.button, */
-/* .ui.green.buttons .button { */
-/*   background-color: var(--color-primary-light-1); */
-/* } */
-/*  */
-/* .ui.green.button:hover, */
-/* .ui.green.buttons .button:hover { */
-/*   background-color: var(--color-primary); */
-/* } */
-/*  */
-/* .ui.green.button:focus, */
-/* .ui.green.buttons .button:focus { */
-/*   background-color: var(--color-primary-light-2); */
-/* } */
-/*  */
-/* .ui.search > .results { */
-/*   background: #383c4a; */
-/*   border-color: var(--color-secondary); */
-/* } */
-/*  */
-/* .ui.search > .results .result:hover, */
-/* .ui.category.search > .results .category .result:hover { */
-/*   background: var(--color-secondary); */
-/* } */
-/*  */
-/* .ui.search > .results .result .title { */
-/*   color: #dbdbdb; */
-/* } */
-/*  */
-/* .ui.table > thead > tr > th { */
-/*   background: var(--color-secondary); */
-/*   color: #dbdbdb !important; */
-/* } */
-/*  */
-/* .repository.file.list #repo-files-table tr { */
-/*   background: #2a2e3a; */
-/* } */
-/*  */
-/* .repository.file.list #repo-files-table tr:hover { */
-/*   background-color: #393d4a !important; */
-/* } */
-/*  */
-/* .overflow.menu .items .item { */
-/*   color: #9d9d9d; */
-/* } */
-/*  */
-/* .overflow.menu .items .item:hover { */
-/*   color: #dbdbdb; */
-/* } */
-/*  */
-/* .ui.list > .item > .content { */
-/*   color: var(--color-secondary-dark-6) !important; */
-/* } */
-/*  */
-/* .repository .navbar .active.item, */
-/* .repository .navbar .active.item:hover { */
-/*   border-color: transparent !important; */
-/* } */
-/*  */
-/* .repository .diff-stats li { */
-/*   border-color: var(--color-secondary); */
-/* } */
-/*  */
-/* .tag-code, */
-/* .tag-code td { */
-/*   background: #353945 !important; */
-/*  */
-/* } */
-/* .tag-code td.lines-num { */
-/*   background-color: #3a3e4c !important; */
-/* } */
-/*  */
-/* .tag-code td.lines-type-marker, */
-/* td.blob-hunk { */
-/*   color: #dbdbdb !important; */
-/* } */
-/*  */
-/* .ui.red.button, */
-/* .ui.red.buttons .button { */
-/*   background-color: #7d3434; */
-/* } */
-/*  */
-/* .ui.red.button:hover, */
-/* .ui.red.buttons .button:hover { */
-/*   background-color: #984646; */
-/* } */
-/*  */
-/* .ui.list .list > .item .header, */
-/* .ui.list > .item .header { */
-/*   color: #dedede; */
-/* } */
-/*  */
-/* .ui.list .list > .item .description, */
-/* .ui.list > .item .description { */
-/*   color: var(--color-secondary-dark-6); */
-/* } */
-/*  */
-/* .repository.labels .ui.basic.black.label { */
-/*   background-color: #bbbbbb !important; */
-/* } */
-/*  */
-/* .lines-num { */
-/*   color: var(--color-secondary-dark-6) !important; */
-/*   border-color: var(--color-secondary) !important; */
-/* } */
-/*  */
-/* td.blob-excerpt { */
-/*   background-color: rgba(0, 0, 0, .15); */
-/* } */
-/*  */
-/* .lines-code.active, */
-/* .lines-code .active { */
-/*   background: #534d1b !important; */
-/* } */
-/*  */
-/* .ui.ui.ui.ui.table tr.active, */
-/* .ui.ui.table td.active { */
-/*   color: #dbdbdb; */
-/* } */
-/*  */
-/* .ui.active.label { */
-/*   background: #393d4a; */
-/*   border-color: #393d4a; */
-/*   color: #dbdbdb; */
-/* } */
-/*  */
-/* .ui.header .sub.header { */
-/*   color: var(--color-secondary-dark-6); */
-/* } */
-/*  */
-/* .ui.dividing.header { */
-/*   border-bottom: 1px solid var(--color-secondary); */
-/* } */
-/*  */
-/* .ui.modal > .header { */
-/*   background: var(--color-secondary); */
-/*   color: #dbdbdb; */
-/* } */
-/*  */
-/* .ui.modal > .actions { */
-/*   background: var(--color-secondary); */
-/*   border-color: var(--color-secondary); */
-/* } */
-/*  */
-/* .ui.modal > .content { */
-/*   background: #383c4a; */
-/* } */
-/*  */
-/* .minicolors-panel { */
-/*   background: var(--color-secondary) !important; */
-/*   border-color: #6a737d !important; */
-/* } */
-/*  */
-/* /* invert emojis that are hard to read otherwise */ */
-/* .emoji[aria-label="check mark"], */
-/* .emoji[aria-label="currency exchange"], */
-/* .emoji[aria-label="TOP arrow"], */
-/* .emoji[aria-label="END arrow"], */
-/* .emoji[aria-label="ON! arrow"], */
-/* .emoji[aria-label="SOON arrow"], */
-/* .emoji[aria-label="heavy dollar sign"], */
-/* .emoji[aria-label="copyright"], */
-/* .emoji[aria-label="registered"], */
-/* .emoji[aria-label="trade mark"], */
-/* .emoji[aria-label="multiply"], */
-/* .emoji[aria-label="plus"], */
-/* .emoji[aria-label="minus"], */
-/* .emoji[aria-label="divide"], */
-/* .emoji[aria-label="curly loop"], */
-/* .emoji[aria-label="double curly loop"], */
-/* .emoji[aria-label="wavy dash"], */
-/* .emoji[aria-label="paw prints"], */
-/* .emoji[aria-label="musical note"], */
-/* .emoji[aria-label="musical notes"] { */
-/*   filter: invert(100%) hue-rotate(180deg); */
-/* } */
-/*  */
-/* .edit-diff > div > .ui.table { */
-/*   border-left-color: var(--color-secondary) !important; */
-/*   border-right-color: var(--color-secondary) !important; */
-/* } */
-/*  */
-/* footer .container .links > * { */
-/*   border-left-color: #888; */
-/* } */
-/*  */
-/* .repository.release #release-list > li .detail .dot { */
-/*   background-color: #505667; */
-/*   border-color: #383c4a; */
-/* } */
-/*  */
-/* .tribute-container { */
-/*   box-shadow: 0 .25rem .5rem rgba(0, 0, 0, .6); */
-/* } */
-/*  */
-/* .repository .repo-header .ui.huge.breadcrumb.repo-title .repo-header-icon .avatar { */
-/*   color: #2a2e3a; */
-/* } */
-/*  */
-/* img[src$="/img/matrix.svg"] { */
-/*   filter: invert(80%); */
-/* } */
-/*  */
-/* .is-loading::after { */
-/*   border-color: #4a4c58 #4a4c58 #d7d7da #d7d7da; */
-/* } */
-/*  */
-/* .markup-block-error { */
-/*   border: 1px solid rgba(121, 71, 66, .5) !important; */
-/*   border-bottom: none !important; */
-/* } */
diff --git a/theme-agatha.scss b/theme-agatha.scss
new file mode 100644
index 0000000..5d86465
--- /dev/null
+++ b/theme-agatha.scss
@@ -0,0 +1,276 @@
+@import "./forgejo/web_src/css/chroma/dark";
+@import "./forgejo/web_src/css/codemirror/dark";
+
+:root {
+  --is-dark-theme: true;
+  --color-primary: #9c7ca5;
+  --color-primary-contrast: #ffffff;
+  --color-primary-dark-1: #95739f;
+  --color-primary-dark-2: #a588ad;
+  --color-primary-dark-3: #b69ebc;
+  --color-primary-dark-4: #c6b3cb;
+  --color-primary-dark-5: #d6c9da;
+  --color-primary-dark-6: #e7dfe9;
+  --color-primary-dark-7: #f7f4f8;
+  --color-primary-light-1: #83608c;
+  --color-primary-light-2: #6f5277;
+  --color-primary-light-3: #5a4361;
+  --color-primary-light-4: #46344c;
+  --color-primary-light-5: #322536;
+  --color-primary-light-6: #1e1620;
+  --color-primary-light-7: #0a070b;
+  --color-primary-alpha-10: #9c7ca519;
+  --color-primary-alpha-20: #9c7ca533;
+  --color-primary-alpha-30: #9c7ca54b;
+  --color-primary-alpha-40: #9c7ca566;
+  --color-primary-alpha-50: #9c7ca580;
+  --color-primary-alpha-60: #9c7ca599;
+  --color-primary-alpha-70: #9c7ca5b3;
+  --color-primary-alpha-80: #9c7ca5cc;
+  --color-primary-alpha-90: #9c7ca5e1;
+  --color-primary-hover: var(--color-primary-light-1); 
+  --color-primary-active: var(--color-primary-light-2);
+  --color-secondary: #454a57;
+  --color-secondary-dark-1: #505665;
+  --color-secondary-dark-2: #5b6273;
+  --color-secondary-dark-3: #71798e;
+  --color-secondary-dark-4: #7f8699;
+  --color-secondary-dark-5: #8c93a4;
+  --color-secondary-dark-6: #9aa0af;
+  --color-secondary-dark-7: #a8adba;
+  --color-secondary-dark-8: #b6bac5;
+  --color-secondary-dark-9: #c4c7d0;
+  --color-secondary-dark-10: #d2d4db;
+  --color-secondary-dark-11: #dfe1e6;
+  --color-secondary-dark-12: #edeef1;
+  --color-secondary-dark-13: #fbfbfc;
+  --color-secondary-light-1: #373b46;
+  --color-secondary-light-2: #292c34;
+  --color-secondary-light-3: #1c1e23;
+  --color-secondary-light-4: #0e0f11;
+  --color-secondary-alpha-10: #454a5719;
+  --color-secondary-alpha-20: #454a5733;
+  --color-secondary-alpha-30: #454a574b;
+  --color-secondary-alpha-40: #454a5766;
+  --color-secondary-alpha-50: #454a5780;
+  --color-secondary-alpha-60: #454a5799;
+  --color-secondary-alpha-70: #454a57b3;
+  --color-secondary-alpha-80: #454a57cc;
+  --color-secondary-alpha-90: #454a57e1;
+  --color-secondary-button: var(--color-secondary-dark-4);
+  --color-secondary-hover: var(--color-secondary-dark-3);
+  --color-secondary-active: var(--color-secondary-dark-2);
+  /* console colors - used for actions console and console files */
+  --color-console-fg: #eeeff2;
+  --color-console-fg-subtle: #959cab;
+  --color-console-bg: #262936;
+  --color-console-border: #383c47;
+  --color-console-hover-bg: #ffffff16;
+  --color-console-active-bg: #454a57;
+  --color-console-menu-bg: #383c47;
+  --color-console-menu-border: #5c6374;
+  /* named colors */
+  --color-red: #cc4848;
+  --color-orange: #cc580c;
+  --color-yellow: #cc9903;
+  --color-olive: #91a313;
+  --color-green: #87ab63;
+  --color-teal: #00918a;
+  --color-blue: #3a8ac6;
+  --color-violet: #906ae1;
+  --color-purple: #b259d0;
+  --color-pink: #d22e8b;
+  --color-brown: #a47252;
+  --color-black: #2e323e;
+  /* light variants - produced via Sass scale-color(color, $lightness: +10%) */
+  --color-red-light: #d15a5a;
+  --color-orange-light: #f6a066;
+  --color-yellow-light: #eaaf03;
+  --color-olive-light: #abc016;
+  --color-green-light: #93b373;
+  --color-teal-light: #00b6ad;
+  --color-blue-light: #4e96cc;
+  --color-violet-light: #9b79e4;
+  --color-purple-light: #ba6ad5;
+  --color-pink-light: #d74397;
+  --color-brown-light: #b08061;
+  --color-black-light: #3f4555;
+  /* dark 1 variants - produced via Sass scale-color(color, $lightness: -10%) */
+  --color-red-dark-1: #c23636;
+  --color-orange-dark-1: #f38236;
+  --color-yellow-dark-1: #b88a03;
+  --color-olive-dark-1: #839311;
+  --color-green-dark-1: #7a9e55;
+  --color-teal-dark-1: #00837c;
+  --color-blue-dark-1: #347cb3;
+  --color-violet-dark-1: #7b4edb;
+  --color-purple-dark-1: #a742c9;
+  --color-pink-dark-1: #be297d;
+  --color-brown-dark-1: #94674a;
+  --color-black-dark-1: #292d38;
+  /* dark 2 variants - produced via Sass scale-color(color, $lightness: -20%) */
+  --color-red-dark-2: #ad3030;
+  --color-orange-dark-2: #f16e17;
+  --color-yellow-dark-2: #a37a02;
+  --color-olive-dark-2: #74820f;
+  --color-green-dark-2: #6c8c4c;
+  --color-teal-dark-2: #00746e;
+  --color-blue-dark-2: #2e6e9f;
+  --color-violet-dark-2: #6733d6;
+  --color-purple-dark-2: #9834b9;
+  --color-pink-dark-2: #a9246f;
+  --color-brown-dark-2: #835b42;
+  --color-black-dark-2: #252832;
+  /* ansi colors used for actions console and console files */
+  --color-ansi-black: var(--color-black);
+  --color-ansi-red: var(--color-red);
+  --color-ansi-green: var(--color-green);
+  --color-ansi-yellow: var(--color-yellow);
+  --color-ansi-blue: var(--color-blue);
+  --color-ansi-magenta: var(--color-pink);
+  --color-ansi-cyan: var(--color-teal);
+  --color-ansi-white: var(--color-console-fg-subtle);
+  --color-ansi-bright-black: var(--color-black-light);
+  --color-ansi-bright-red: var(--color-red-light);
+  --color-ansi-bright-green: var(--color-green-light);
+  --color-ansi-bright-yellow: var(--color-yellow-light);
+  --color-ansi-bright-blue: var(--color-blue-light);
+  --color-ansi-bright-magenta: var(--color-pink-light);
+  --color-ansi-bright-cyan: var(--color-teal-light);
+  --color-ansi-bright-white: var(--color-console-fg);
+  /* other colors */
+  --color-grey: #505665;
+  --color-grey-light: #a1a6b7;
+  --color-gold: #b1983b;
+  --color-white: #ffffff;
+  --color-diff-removed-word-bg: #6f3333;
+  --color-diff-added-word-bg: #3c653c;
+  --color-diff-removed-row-bg: #3c2626;
+  --color-diff-moved-row-bg: #818044;
+  --color-diff-added-row-bg: #283e2d;
+  --color-diff-removed-row-border: #634343;
+  --color-diff-moved-row-border: #bcca6f;
+  --color-diff-added-row-border: #314a37;
+  --color-diff-inactive: #353846;
+  --color-error-border: #a04141;
+  --color-error-bg: #522;
+  --color-error-bg-active: #744;
+  --color-error-bg-hover: #633;
+  --color-error-text: #f9cbcb;
+  --color-success-border: #458a57;
+  --color-success-bg: #284034;
+  --color-success-text: #6cc664;
+  --color-warning-border: #bb9d00;
+  --color-warning-bg: #3a3a30;
+  --color-warning-text: #fbbd08;
+  --color-info-border: #306090;
+  --color-info-bg: #26354c;
+  --color-info-text: #38a8e8;
+  --color-red-badge: #db2828;
+  --color-red-badge-bg: #db28281a;
+  --color-red-badge-hover-bg: #db28284d;
+  --color-green-badge: #21ba45;
+  --color-green-badge-bg: #21ba451a;
+  --color-green-badge-hover-bg: #21ba454d;
+  --color-yellow-badge: #fbbd08;
+  --color-yellow-badge-bg: #fbbd081a;
+  --color-yellow-badge-hover-bg: #fbbd084d;
+  --color-orange-badge: #f2711c;
+  --color-orange-badge-bg: #f2711c1a;
+  --color-orange-badge-hover-bg: #f2711c4d;
+  --color-git: #f05133;
+  /* target-based colors */
+  --color-body: #2e323e;
+  --color-box-header: #303340;
+  --color-box-body: #222733;
+  --color-box-body-highlight: #262b36;
+  --color-text-dark: #dbe0ea;
+  --color-text: #cbd0da;
+  --color-text-light: #bbbfca;
+  --color-text-light-1: #aaafb9;
+  --color-text-light-2: #9a9ea9;
+  --color-text-light-3: #8a8e99;
+  --color-footer: #232834;
+  --color-timeline: #4c525e;
+  --color-input-text: #dfe3ec;
+  --color-input-background: #1e252e;
+  --color-input-toggle-background: #454a57;
+  --color-input-border: var(--color-secondary);
+  --color-input-border-hover: var(--color-secondary-dark-1);
+  --color-header-wrapper: #202430;
+  --color-light: #00000028;
+  --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
+  --color-light-border: #ffffff28;
+  --color-hover: #ffffff19;
+  --color-active: #ffffff24;
+  --color-menu: #1e252e;
+  --color-card: #1e252e;
+  --color-markup-table-row: #ffffff06;
+  --color-markup-code-block: #ffffff16;
+  --color-button: #1e252e;
+  --color-code-bg: #222733;
+  --color-code-sidebar-bg: #232834;
+  --color-shadow: #00000058;
+  --color-secondary-bg: #2a2e3a;
+  --color-text-focus: #fff;
+  --color-expand-button: #3c404d;
+  --color-placeholder-text: #8a8e99;
+  --color-editor-line-highlight: var(--color-primary-light-5);
+  --color-project-board-bg: var(--color-secondary-light-2);
+  --color-caret: var(--color-text); /* should ideally be --color-text-dark, see #15651 */
+  --color-reaction-bg: #ffffff12;
+  --color-reaction-hover-bg: var(--color-primary-light-4);
+  --color-reaction-active-bg: var(--color-primary-light-5);
+  --color-tooltip-text: #ffffff;
+  --color-tooltip-bg: #000000f0;
+  --color-nav-bg: #232834;
+  --color-nav-hover-bg: #383c47;
+  --color-label-text: #dfe3ec;
+  --color-label-bg: #7c84974b;
+  --color-label-hover-bg: #7c8497a0;
+  --color-label-active-bg: #7c8497ff;
+  --color-accent: var(--color-primary-light-1);
+  --color-small-accent: var(--color-primary-light-5);
+  --color-active-line: #534d1b;
+  --color-overlay-backdrop: #080808c0;
+  accent-color: var(--color-accent);
+  color-scheme: dark;
+}
+
+/* invert emojis that are hard to read otherwise */
+.emoji[aria-label="check mark"],
+.emoji[aria-label="currency exchange"],
+.emoji[aria-label="TOP arrow"],
+.emoji[aria-label="END arrow"],
+.emoji[aria-label="ON! arrow"],
+.emoji[aria-label="SOON arrow"],
+.emoji[aria-label="heavy dollar sign"],
+.emoji[aria-label="copyright"],
+.emoji[aria-label="registered"],
+.emoji[aria-label="trade mark"],
+.emoji[aria-label="multiply"],
+.emoji[aria-label="plus"],
+.emoji[aria-label="minus"],
+.emoji[aria-label="divide"],
+.emoji[aria-label="curly loop"],
+.emoji[aria-label="double curly loop"],
+.emoji[aria-label="wavy dash"],
+.emoji[aria-label="paw prints"],
+.emoji[aria-label="musical note"],
+.emoji[aria-label="musical notes"] {
+  filter: invert(100%) hue-rotate(180deg);
+}
+
+.ui.green.button {
+  background-color: var(--color-primary);
+}
+
+.ui.green.button:hover,
+.ui.green.button:focus {
+  background-color: var(--color-primary-dark-2);
+}
+
+/* focus is used for focused via tab, .selected is used for dropdowns via up/down arrow */
+:focus, .selected {
+  outline: 3px solid var(--color-primary-dark-1) !important;
+}