+ tenkuma's git +
+This is a Forgejo instance operated by Adrian Victor, you can report any problem to adrianvictor+webmaster@disroot.org.
+diff --git a/README.md b/README.md new file mode 100644 index 0000000..9d97223 --- /dev/null +++ b/README.md @@ -0,0 +1,2 @@ +# Tenkuma's git custom files +This repository contains files used for customizing my Forgejo instance, including my theme "tenkuma". diff --git a/home.tmpl b/home.tmpl deleted file mode 100644 index 79cf10e..0000000 --- a/home.tmpl +++ /dev/null @@ -1,2 +0,0 @@ -{{template "base/head" .}} -{{template "base/footer" .}} \ No newline at end of file diff --git a/public/assets/css/theme-tenkuma.css b/public/assets/css/theme-tenkuma.css new file mode 100644 index 0000000..eb4b9f7 --- /dev/null +++ b/public/assets/css/theme-tenkuma.css @@ -0,0 +1,426 @@ +@import "../chroma/dark.css"; +@import "../codemirror/dark.css"; +@import "../markup/dark.css"; + +:root { + --steel-900: #101010; + --steel-850: #141414; + --steel-800: #181818; + --steel-750: #1d1d1d; + --steel-700: #242424; + --steel-650: #2c2c2c; + --steel-600: #353535; + --steel-550: #3f3f3f; + --steel-500: #4a4a4a; + --steel-450: #565656; + --steel-400: #636363; + --steel-350: #717171; + --steel-300: #808080; + --steel-250: #919191; + --steel-200: #a3a3a3; + --steel-150: #b8b8b8; + --steel-100: #d0d0d0; + --is-dark-theme: true; + --color-primary: #22e6ed; + --color-primary-contrast: #000; + --color-primary-dark-1: #60e1e6; + --color-primary-dark-2: #49b4b8; + --color-primary-dark-3: #60b6b9; + --color-primary-dark-4: #84b9bb; + --color-primary-dark-5: #95b9ba; + --color-primary-dark-6: #a7b9b9; + --color-primary-dark-7: #b1b7b7; + --color-primary-light-1: #4cbec2; + --color-primary-light-2: #4aa8ac; + --color-primary-light-3: #489a9d; + --color-primary-light-4: #4a8d8f; + --color-primary-light-5: #468587; + --color-primary-light-6: #4a7b7d; + --color-primary-light-7: #4c6d6e; + --color-primary-alpha-10: #22e6ed19; + --color-primary-alpha-20: #22e6ed33; + --color-primary-alpha-30: #22e6ed4b; + --color-primary-alpha-40: #22e6ed66; + --color-primary-alpha-50: #22e6ed80; + --color-primary-alpha-60: #22e6ed99; + --color-primary-alpha-70: #22e6edb3; + --color-primary-alpha-80: #22e6edcc; + --color-primary-alpha-90: #22e6ede1; + --color-primary-hover: var(--color-primary-light-1); + --color-primary-active: var(--color-primary-light-2); + --color-secondary: var(--steel-700); + --color-secondary-dark-1: var(--steel-550); + --color-secondary-dark-2: var(--steel-500); + --color-secondary-dark-3: var(--steel-450); + --color-secondary-dark-4: var(--steel-400); + --color-secondary-dark-5: var(--steel-350); + --color-secondary-dark-6: var(--steel-300); + --color-secondary-dark-7: var(--steel-250); + --color-secondary-dark-8: var(--steel-200); + --color-secondary-dark-9: var(--steel-150); + --color-secondary-dark-10: var(--steel-100); + --color-secondary-dark-11: var(--steel-100); + --color-secondary-dark-12: var(--steel-100); + --color-secondary-dark-13: var(--steel-100); + --color-secondary-light-1: var(--steel-650); + --color-secondary-light-2: var(--steel-700); + --color-secondary-light-3: var(--steel-750); + --color-secondary-light-4: var(--steel-800); + --color-secondary-alpha-10: #2b364219; + --color-secondary-alpha-20: #2b364233; + --color-secondary-alpha-30: #2b36424b; + --color-secondary-alpha-40: #2b364266; + --color-secondary-alpha-50: #2b364280; + --color-secondary-alpha-60: #2b364299; + --color-secondary-alpha-70: #2b3642b3; + --color-secondary-alpha-80: #2b3642cc; + --color-secondary-alpha-90: #2b3642e1; + --color-secondary-hover: var(--color-secondary-light-1); + --color-secondary-active: var(--color-secondary-light-2); + /* console colors - used for actions console and console files */ + --color-console-fg: #eeeff2; + --color-console-fg-subtle: #959cab; + --color-console-bg: #1f212b; + --color-console-border: #383c47; + --color-console-hover-bg: #ffffff16; + --color-console-active-bg: #454a57; + --color-console-menu-bg: #383c47; + --color-console-menu-border: #5c6374; + /* colors */ + --color-red: #b91c1c; + --color-orange: #ea580c; + --color-yellow: #ca8a04; + --color-olive: #91a313; + --color-green: #15803d; + --color-teal: #0d9488; + --color-blue: #2563eb; + --color-violet: #7c3aed; + --color-purple: #9333ea; + --color-pink: #db2777; + --color-brown: #a47252; + --color-grey: var(--steel-500); + --color-black: #111827; + /* light variants */ + --color-red-light: #dc2626; + --color-orange-light: #f97316; + --color-yellow-light: #eab308; + --color-olive-light: #839311; + --color-green-light: #16a34a; + --color-teal-light: #14b8a6; + --color-blue-light: #3b82f6; + --color-violet-light: #8b5cf6; + --color-purple-light: #a855f7; + --color-pink-light: #ec4899; + --color-brown-light: #94674a; + --color-grey-light: var(--steel-300); + --color-black-light: #1f2937; + /* dark 1 variants produced via Sass scale-color(color, $lightness: -10%) */ + --color-red-dark-1: #a71919; + --color-orange-dark-1: #d34f0b; + --color-yellow-dark-1: #b67c04; + --color-olive-dark-1: #839311; + --color-green-dark-1: #137337; + --color-teal-dark-1: #0c857a; + --color-blue-dark-1: #1554e0; + --color-violet-dark-1: #6a1feb; + --color-purple-dark-1: #8519e7; + --color-pink-dark-1: #c7216b; + --color-brown-dark-1: #94674a; + --color-black-dark-1: #0f1623; + /* dark 2 variants produced via Sass scale-color(color, $lightness: -20%) */ + --color-red-dark-2: #941616; + --color-orange-dark-2: #bb460a; + --color-yellow-dark-2: #ca8a04; + --color-olive-dark-2: #91a313; + --color-green-dark-2: #15803d; + --color-teal-dark-2: #0a766d; + --color-blue-dark-2: #2563eb; + --color-violet-dark-2: #5c14d8; + --color-purple-dark-2: #7c3aed; + --color-pink-dark-2: #b11d5f; + --color-brown-dark-2: #a47252; + --color-black-dark-2: #111827; + /* ansi colors used for actions console and console files */ + --color-ansi-black: #1d2328; + --color-ansi-red: #cc4848; + --color-ansi-green: #87ab63; + --color-ansi-yellow: #cc9903; + --color-ansi-blue: #3a8ac6; + --color-ansi-magenta: #d22e8b; + --color-ansi-cyan: #00918a; + --color-ansi-white: var(--color-console-fg-subtle); + --color-ansi-bright-black: #424851; + --color-ansi-bright-red: #d15a5a; + --color-ansi-bright-green: #93b373; + --color-ansi-bright-yellow: #eaaf03; + --color-ansi-bright-blue: #4e96cc; + --color-ansi-bright-magenta: #d74397; + --color-ansi-bright-cyan: #00b6ad; + --color-ansi-bright-white: var(--color-console-fg); + /* other colors */ + --color-gold: #b1983b; + --color-white: #ffffff; + --color-pure-black: #000000; + --color-diff-removed-word-bg: #783030; + --color-diff-added-word-bg: #255c39; + --color-diff-removed-row-bg: #432121; + --color-diff-moved-row-bg: #825718; + --color-diff-added-row-bg: #1b3625; + --color-diff-removed-row-border: #783030; + --color-diff-moved-row-border: #a67a1d; + --color-diff-added-row-border: #255c39; + --color-diff-inactive: var(--steel-650); + --color-error-border: #783030; + --color-error-bg: #5f2525; + --color-error-bg-active: #783030; + --color-error-bg-hover: #783030; + --color-error-text: #fef2f2; + --color-success-border: #1f6e3c; + --color-success-bg: #1d462c; + --color-success-text: #aef0c2; + --color-warning-border: #a67a1d; + --color-warning-bg: #644821; + --color-warning-text: #fff388; + --color-info-border: #2e50b0; + --color-info-bg: #2a396b; + --color-info-text: var(--steel-100); + --color-red-badge: #b91c1c; + --color-red-badge-bg: #b91c1c22; + --color-red-badge-hover-bg: #b91c1c44; + --color-green-badge: #16a34a; + --color-green-badge-bg: #16a34a22; + --color-green-badge-hover-bg: #16a34a44; + --color-yellow-badge: #ca8a04; + --color-yellow-badge-bg: #ca8a0422; + --color-yellow-badge-hover-bg: #ca8a0444; + --color-orange-badge: #ea580c; + --color-orange-badge-bg: #ea580c22; + --color-orange-badge-hover-bg: #ea580c44; + /* Colors for thin elements: octicons, text, borders */ + --thin-lightness: 0.68; + --regular-chroma: 0.19; + --color-thin-green: oklch(var(--thin-lightness) var(--regular-chroma) 145deg); + --color-thin-red: oklch(var(--thin-lightness) var(--regular-chroma) 27deg); + --color-thin-purple: oklch(var(--thin-lightness) var(--regular-chroma) 298deg); + --color-thin-orange: oklch(var(--thin-lightness) var(--regular-chroma) 41deg); + + /* Ditto but when additional highlight is needed, e.g. on user interaction */ + --thin-lightness-highlight: 0.75; + --color-thin-red-highlight: oklch(var(--thin-lightness-highlight) var(--regular-chroma) 27deg); + + /* Background colors. WIP, currently only covers danger buttons */ + --bg-lightness: 0.26; + --bg-chroma: 0.05; + --color-danger-bg: oklch(var(--bg-lightness) var(--bg-chroma) 27deg); + + /* target-based colors */ + --color-body: var(--color-primary-contrast); + --color-box-header: var(--steel-900); + --color-box-body: var(--color-primary-contrast); + --color-box-body-highlight: var(--steel-650); + --color-text-dark: #fff; + --color-text: var(--steel-100); + --color-text-light: var(--steel-150); + --color-text-light-1: var(--steel-150); + --color-text-light-2: var(--steel-200); + --color-text-light-3: var(--steel-200); + --color-footer: var(--steel-900); + --color-timeline: var(--steel-650); + --color-input-text: var(--steel-100); + --color-input-background: var(--steel-800); + --color-input-toggle-background: var(--steel-800); + --color-input-border: transparent; + --color-input-border-hover: transparent; + --color-header-wrapper: var(--steel-850); + --color-header-wrapper-transparent: #242d3800; + --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: var(--steel-800); + --color-active: var(--steel-900); + --color-menu: var(--steel-900); + --color-card: var(--steel-800); + --fancy-card-bg: var(--steel-650); + --fancy-card-border: var(--steel-600); + --color-markup-table-row: #ffffff06; + --color-markup-code-block: var(--steel-800); + --color-markup-code-inline: var(--steel-850); + --color-button: var(--steel-600); + --color-code-bg: var(--steel-750); + --color-shadow: #00000060; + --color-secondary-bg: var(--steel-700); + --color-text-focus: #fff; + --color-expand-button: #3c404d; + --color-placeholder-text: var(--color-text-light-3); + --color-editor-line-highlight: var(--steel-700); + --color-project-board-bg: var(--color-secondary-light-3); + --color-project-board-dark-label: var(--color-text-light-3); + --color-caret: var(--color-text); + /* should ideally be --color-text-dark, see #15651 */ + --color-reaction-bg: #ffffff12; + --color-reaction-active-bg: var(--color-primary-alpha-30); + --color-reaction-hover-bg: var(--color-primary-alpha-40); + --color-tooltip-text: #ffffff; + --color-tooltip-bg: #000000f0; + --color-nav-bg: var(--steel-900); + --color-nav-hover-bg: var(--steel-600); + --color-secondary-nav-bg: var(--color-body); + --color-label-text: #fff; + --color-label-bg: var(--steel-600); + --color-label-hover-bg: var(--steel-550); + --color-label-active-bg: var(--steel-500); + --color-label-bg-alt: var(--steel-550); + --color-accent: var(--color-primary-light-1); + --color-small-accent: var(--color-primary-light-5); + --color-highlight-fg: var(--color-primary-light-4); + --color-highlight-bg: var(--color-primary-alpha-20); + --color-overlay-backdrop: #080808c0; + --color-selection-bg: var(--steel-100); + --color-selection-fg: var(--color-pure-black); + /* pattern colors for image diff */ + --checkerboard-color-1: #474747; + --checkerboard-color-2: #313131; + --color-indicator-offline: #a1a1aa; + --color-indicator-offline-20: #a1a1aa1a; + --color-indicator-idle: #16a34a; + --color-indicator-idle-20: #16a34a1a; + --color-indicator-active: #2185d0; + --color-indicator-active-20: #2185d033; + --border-radius: 0px; + --border-radius-medium: 0px; + --border-radius-large: 0px; + 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); +} +i.grey.icon.icon.icon.icon { + color: var(--steel-350) !important; +} +.ui.secondary.vertical.menu { + border-radius: 0.28571429rem !important; + overflow: hidden; +} +.ui.basic.primary.button.item { + background-color: var(--color-active) !important; + color: var(--color-text) !important; + box-shadow: none !important; +} +.ui.red.label.notification_count, +.ui.primary.label, +.ui.primary.labels .label { + background-color: var(--color-primary-light-3) !important; +} +.ui.labeled.icon.buttons > .button > .icon, +.ui.labeled.icon.button > .icon { + background-color: var(--color-light) !important; +} +#review-box .review-comments-counter { + background-color: var(--color-shadow) !important; + color: var(--color-white) !important; + margin-inline-start: 0.5em; +} +.ui.basic.labels .primary.label, +.ui.ui.ui.basic.primary.label { + color: var(--color-text-dark) !important; +} +.ui.yellow.label.pending-label { + color: var(--color-warning-text) !important; +} +strong.attention-important, svg.attention-important { + color: var(--color-violet-light); +} +strong.attention-note, svg.attention-note { + color: var(--color-blue-light); +} +strong.attention-caution, svg.attention-caution { + color: var(--color-red-light); +} +.ui.basic.red.button { + background-color: var(--color-red); + color: var(--color-white); +} +.ui.basic.red.button:hover, +.ui.basic.red.button:focus { + background-color: var(--color-red-dark-1); + color: var(--color-white); +} +.ui.basic.red.button:active { + background-color: var(--color-red-dark-2); + color: var(--color-white); +} + +.card, #profile-avatar-card, #navbar { + border-style: solid; + border-color: var(--color-light-border); +} + +.card { + border-width: medium; +} + +#profile-avatar-card { + border-width: thin; +} + +#navbar { + border-bottom-width: medium; +} + +.ui.secondary.pointing.menu { + margin: 2em 0; + border-bottom: none!important; +} + +.tw-border-b-secondary { + border-bottom: none; +} + +.ui.basic.button, +.ui.table, +.ui.label, +.ui.menu, +.ui.action.input, +.ui.button, +.ui.action.input, +.ui.top.attached.header, +.ui.floating.dropdown > .menu, +.item, +input { + border-radius: var(--border-radius)!important; +} + +.ui.action.input input { + transition: .4s; + border: none; +} + +.ui.action.input input:focus { + border-color: transparent; + background-color: var(--steel-500); +} + +#navbar-logo:hover { + background-color: transparent!important; +} diff --git a/public/assets/img/logo.svg b/public/assets/img/logo.svg new file mode 100644 index 0000000..dcf8528 --- /dev/null +++ b/public/assets/img/logo.svg @@ -0,0 +1,88 @@ + + diff --git a/templates/base/footer_content.tmpl b/templates/base/footer_content.tmpl new file mode 100644 index 0000000..d7af15e --- /dev/null +++ b/templates/base/footer_content.tmpl @@ -0,0 +1,21 @@ + diff --git a/templates/home.tmpl b/templates/home.tmpl new file mode 100644 index 0000000..80412b1 --- /dev/null +++ b/templates/home.tmpl @@ -0,0 +1,21 @@ +{{template "base/head" .}} + +
This is a Forgejo instance operated by Adrian Victor, you can report any problem to adrianvictor+webmaster@disroot.org.
+