From f76b92e3b735a60540435ed7f517bbefb661a2c7 Mon Sep 17 00:00:00 2001 From: kalarina Date: Sun, 27 Sep 2026 13:52:36 +0000 Subject: [PATCH] Add files via upload --- css/theme-auto (1).css | 1 + css/theme-dark (1).css | 596 +++++++++++++++++++++++++++++ css/theme-light (1).css | 816 ++++++++++++++++++++++++++++++++++++++++ 3 files changed, 1413 insertions(+) create mode 100644 css/theme-auto (1).css create mode 100644 css/theme-dark (1).css create mode 100644 css/theme-light (1).css diff --git a/css/theme-auto (1).css b/css/theme-auto (1).css new file mode 100644 index 0000000..14c9086 --- /dev/null +++ b/css/theme-auto (1).css @@ -0,0 +1 @@ +@import "./theme-light.css"(prefers-color-scheme:light);@import "./theme-dark.css"(prefers-color-scheme:dark); diff --git a/css/theme-dark (1).css b/css/theme-dark (1).css new file mode 100644 index 0000000..ffaabab --- /dev/null +++ b/css/theme-dark (1).css @@ -0,0 +1,596 @@ +/* ===================== BASE (shared) ===================== */ +:root { + --fonts-proportional: -apple-system, "Segoe UI", system-ui, "SF Pro Text", Inter, Roboto, "Helvetica Neue", Arial, sans-serif; + --fonts-monospace: ui-monospace, SFMono-Regular, "Source Code Pro", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, var(--fonts-emoji); + --fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla"; + --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; + --line-height-default: normal; + --checkbox-mask-checked: url('data:image/svg+xml;utf8,'); + --checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,'); + --octicon-chevron-right: url('data:image/svg+xml;utf8,'); + --border-radius: 8px; --border-radius-medium: 16px; --border-radius-full: calc(infinity * 1px); + --opacity-disabled: 0.55; --height-loading: 16rem; --min-height-textarea: 132px; --checkbox-size: 16px; + --page-spacing: 24px; --page-margin-x: 32px; --tab-size: 4; +} + +@media (min-width: 768px) and (max-width: 1200px) { :root { --page-margin-x: 24px; } } + +@media (max-width: 767.98px) { :root { --page-margin-x: 16px; } } + +/* ===================== COLORS — DARK (scoped) ===================== */ +:root { + accent-color: var(--color-accent); + color-scheme: dark; + --is-dark-theme: true; + --color-primary: #a6c6f7; + --color-primary-contrast: #000000; + --color-primary-dark-1: #b4cff8; + --color-primary-dark-2: #c2d8fa; + --color-primary-dark-3: #d0e1fb; + --color-primary-dark-4: #d5e4fb; + --color-primary-dark-5: #ffffff; + --color-primary-dark-6: #ffffff; + --color-primary-dark-7: #ffffff; + --color-primary-light-1: #98bdf6; + --color-primary-light-2: #8ab4f4; + --color-primary-light-3: #77a8f3; + --color-primary-light-4: #6099f1; + --color-primary-light-5: #488aef; + --color-primary-light-6: #1a6cea; + --color-primary-light-7: #1156c0; + --color-primary-alpha-10: rgba(166, 198, 247, 0.1); + --color-primary-alpha-20: rgba(166, 198, 247, 0.2); + --color-primary-alpha-30: rgba(166, 198, 247, 0.3); + --color-primary-alpha-40: rgba(166, 198, 247, 0.4); + --color-primary-alpha-50: rgba(166, 198, 247, 0.5); + --color-primary-alpha-60: rgba(166, 198, 247, 0.6); + --color-primary-alpha-70: rgba(166, 198, 247, 0.7); + --color-primary-alpha-80: rgba(166, 198, 247, 0.8); + --color-primary-alpha-90: rgba(166, 198, 247, 0.9); + --color-primary-hover: var(--color-primary-light-1); + --color-primary-active: var(--color-primary-light-3); + --color-secondary: #1d1d2a; + --color-secondary-dark-1: #232333; + --color-secondary-dark-2: #29293c; + --color-secondary-dark-3: #303045; + --color-secondary-dark-4: #36364e; + --color-secondary-dark-5: #3c3c57; + --color-secondary-dark-6: #474766; + --color-secondary-dark-7: #515175; + --color-secondary-dark-8: #5b5b85; + --color-secondary-dark-9: #666694; + --color-secondary-dark-10: #74749f; + --color-secondary-dark-11: #8383a9; + --color-secondary-dark-12: #9292b4; + --color-secondary-dark-13: #a1a1be; + --color-secondary-light-1: #171721; + --color-secondary-light-2: #111118; + --color-secondary-light-3: #0a0a0f; + --color-secondary-light-4: #040406; + --color-secondary-alpha-10: rgba(29, 29, 42, 0.1); + --color-secondary-alpha-20: rgba(29, 29, 42, 0.2); + --color-secondary-alpha-30: rgba(29, 29, 42, 0.3); + --color-secondary-alpha-40: rgba(29, 29, 42, 0.4); + --color-secondary-alpha-50: rgba(29, 29, 42, 0.5); + --color-secondary-alpha-60: rgba(29, 29, 42, 0.6); + --color-secondary-alpha-70: rgba(29, 29, 42, 0.7); + --color-secondary-alpha-80: rgba(29, 29, 42, 0.8); + --color-secondary-alpha-90: rgba(29, 29, 42, 0.9); + --color-secondary-button: var(--color-secondary-dark-4); + --color-secondary-hover: var(--color-secondary-dark-3); + --color-secondary-active: var(--color-secondary-dark-2); + --color-console-fg: #f7f8f9; + --color-console-fg-subtle: #bdc4cc; + --color-console-bg: #171b1e; + --color-console-border: #2e353b; + --color-console-hover-bg: #272d33; + --color-console-active-bg: #2e353b; + --color-console-menu-bg: #262b31; + --color-console-menu-border: #414b55; + --color-red: #f38ba8; + --color-orange: #fab387; + --color-yellow: #f9e2af; + --color-olive: #e2f095; + --color-green: #00e676; + --color-teal: #94e2d5; + --color-blue: #89b4fa; + --color-violet: #b4befe; + --color-purple: #9b6bf5; + --color-pink: #f5c2e7; + --color-brown: #f2cdcd; + --color-black: #181825; + --color-white: #e6edf3; + --color-green-contrast: var(--color-black); + --color-red-contrast: var(--color-black); + --color-red-light: #f8b9cb; + --color-orange-light: #fcd2b8; + --color-yellow-light: #fdf3de; + --color-olive-light: #eef6c2; + --color-green-light: #1aff8f; + --color-teal-light: #bcede5; + --color-blue-light: #bad3fc; + --color-violet-light: #e6eaff; + --color-purple-light: #bb9bf8; + --color-pink-light: #fceef8; + --color-brown-light: #fdf5f5; + --color-black-light: #2c2c44; + --color-red-dark-1: #ee5d85; + --color-orange-dark-1: #f89456; + --color-yellow-dark-1: #f5d180; + --color-olive-dark-1: #d6ea68; + --color-green-dark-1: #00b35c; + --color-teal-dark-1: #6cd7c5; + --color-blue-dark-1: #5895f8; + --color-violet-dark-1: #8292fd; + --color-purple-dark-1: #7b3bf2; + --color-pink-dark-1: #ee96d6; + --color-brown-dark-1: #e7a5a5; + --color-black-dark-1: #040406; + --color-red-dark-2: #e92f63; + --color-orange-dark-2: #f67525; + --color-yellow-dark-2: #f2c050; + --color-olive-dark-2: #cae33c; + --color-green-dark-2: #008042; + --color-teal-dark-2: #44ccb6; + --color-blue-dark-2: #2776f6; + --color-violet-dark-2: #4f67fd; + --color-purple-dark-2: #5c10ea; + --color-pink-dark-2: #e76ac5; + --color-brown-dark-2: #dd7c7c; + --color-black-dark-2: #000000; + --color-ansi-black: #1e2327; + --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); + --color-grey: #73738c; + --color-grey-light: #c7c7d1; + --color-gold: #f2c050; + --color-white: #e6edf3; + --color-git: #f05133; + --color-diff-added-linenum-bg: #195e52; + --color-diff-added-row-bg: #0f362f; + --color-diff-added-row-border: #248676; + --color-diff-added-word-bg: #195e52; + --color-diff-moved-row-bg: #271c03; + --color-diff-moved-row-border: #563d06; + --color-diff-removed-linenum-bg: #450718; + --color-diff-removed-row-bg: #2e0510; + --color-diff-removed-row-border: #730c29; + --color-diff-removed-word-bg: #5c0a21; + --color-diff-inactive: #1b1b2d; + --color-error-border: #f38ba8; + --color-error-bg: rgba(243, 139, 168, 0.15); + --color-error-bg-active: #f6a7bd; + --color-error-bg-hover: #f9c2d2; + --color-error-text: #f38ba8; + --color-success-border: #24ff94; + --color-success-bg: rgba(0, 230, 118, 0.15); + --color-success-text: #e6edf3; + --color-warning-border: #fdf7e8; + --color-warning-bg: #f9e2af; + --color-warning-text: #0a0a14; + --color-info-border: #c4d9fc; + --color-info-bg: #0a0a14; + --color-info-text: #e6edf3; + --color-red-badge: #e92f63; + --color-red-badge-bg: rgba(233, 47, 99, .1); + --color-red-badge-hover-bg: rgba(233, 47, 99, .2); + --color-green-badge: #00e676; + --color-green-badge-bg: rgba(0, 230, 118, .1); + --color-green-badge-hover-bg: rgba(0, 230, 118, .2); + --color-yellow-badge: #f5d180; + --color-yellow-badge-bg: rgba(245, 209, 128, .1); + --color-yellow-badge-hover-bg: rgba(245, 209, 128, .2); + --color-orange-badge: #f89456; + --color-orange-badge-bg: rgba(248, 148, 86, .1); + --color-orange-badge-hover-bg: rgba(248, 148, 86, .2); + --color-body: #0a0a14; + --color-text-dark: #e6edf3; + --color-text: #e6edf3; + --color-text-light: #ababba; + --color-text-light-1: #ababba; + --color-text-light-2: #ababba; + --color-text-light-3: #ababba; + --color-footer: rgba(7, 7, 14, 0.2); + --color-timeline: #161627; + --color-timeline-badge-fg: var(--color-white); + --color-box-header: #0e0e1b; + --color-box-body: #0a0a14; + --color-box-body-highlight: #0e0e1b; + --color-input-text: var(--color-text-dark); + --color-input-background: #0e0e1b; + --color-input-toggle-background: #0e0e1b; + --color-input-border: #161627; + --color-input-border-hover: #1b1b2d; + --color-light: #00001728; + --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-border: #1b1b2d; + --color-hover: rgba(27, 27, 45, 0.5); + --color-hover-opaque: #1b1b2d; + --color-active: #161627; + --color-menu: #0e0e1b; + --color-card: #0a0a14; + --color-markup-table-row: rgba(230, 237, 243, 0.02); + --color-markup-code-block: #0e0e1b; + --color-markup-code-inline: #0e0e1b; + --color-button: #0e0e1b; + --color-code-bg: #0a0a14; + --color-shadow: rgba(2, 2, 3, 0.5); + --color-shadow-opaque: #020203; + --color-shadow-rgb: 2, 2, 3; + --color-secondary-bg: #0e0e1b; + --color-expand-button: #1b1b2d; + --color-placeholder-text: #73738c; + --color-editor-line-highlight: var(--color-primary-light-5); + --color-project-column-bg: #020203; + --color-caret: var(--color-text); + --color-reaction-bg: rgba(26, 108, 234, .1); + --color-reaction-hover-bg: rgba(26, 108, 234, .2); + --color-reaction-active-bg: rgba(26, 108, 234, .05); + --color-tooltip-text: #e6edf3; + --color-tooltip-bg: #3d3d5c; + --color-overlay-backdrop: rgba(2, 2, 3, 0.8); + --color-nav-bg: #020203; + --color-nav-hover-bg: #161627; + --color-nav-text: var(--color-text); + --color-secondary-nav-bg: #020203; + --color-secondary-nav-hover-bg: #0e0e1b; + --color-label-text: var(--color-text); + --color-label-bg: #7282924b; + --color-label-hover-bg: #728292a0; + --color-label-active-bg: #728292ff; + --color-accent: #0f66f5; + --color-small-accent: var(--color-primary-light-5); + --color-highlight-fg: #f2c050; + --color-highlight-bg: #271c03; +} + +/* dark-only emoji invert */ +.emoji[aria-label="check mark"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="currency exchange"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="TOP arrow"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="END arrow"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="ON! arrow"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="SOON arrow"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="heavy dollar sign"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="copyright"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="registered"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="trade mark"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="multiply"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="plus"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="minus"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="divide"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="curly loop"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="double curly loop"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="wavy dash"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="paw prints"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="musical note"]{ filter: invert(100%) hue-rotate(180deg); } + +.emoji[aria-label="musical notes"]{ filter: invert(100%) hue-rotate(180deg); } + +/* [dark] */ +.label.isSigned{ font-size: .857rem !important; margin: 0 .25em !important; padding: 0 !important; display: inline-flex !important; gap: 0 !important; border-radius: 16px !important; --color-light-border: rgba(0, 230, 118, 1) !important; --color-label-bg: none !important; --color-text: rgba(0, 230, 118, 1) !important; --color-green-badge-bg: none !important; --color-green-badge-hover-bg: rgba(0, 230, 118, 0.05) !important; --color-label-hover-bg: rgba(0, 230, 118, 0.05) !important; --color-label-text: rgba(0, 230, 118, 1) !important; --color-green-badge: rgba(0, 230, 118, 1) !important; } + +.label.isSigned .shortsha{ padding: 2px 6px 2px 8px !important; } + +.label.isSigned .ui.detail.icon.button{ opacity: 1 !important; padding: 2px 8px 2px 6px !important; margin: 0 !important; background: none !important; border-color: rgba(0, 230, 118, 1) !important; } + +.label.isSigned.isVerified .ui.detail.icon.button{ padding: 2px 8px 2px 6px !important; } + +/* [dark] */ +.markup input[type=checkbox]{ --color-input-background: #161627; } + +/* [dark] */ +.combo-markdown-editor .tab markdown-toolbar .markdown-toolbar-button:hover, .combo-markdown-editor .tab markdown-toolbar button:hover, .combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar .markdown-toolbar-button:hover, .combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar button:hover{ background-color: #161627 !important; } + +/* [dark] */ +.combo-markdown-editor .tab markdown-toolbar .markdown-toolbar-group:not(:last-child):after, .combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar .markdown-toolbar-group:not(:last-child):after{ background-color: #1b1b2d; } + +/* [dark] */ +input:focus, textarea:focus, .ui.input > input:focus, .ui.form input:not([type]):focus, .ui.form textarea:focus, .ui.form input[type=text]:focus{ background-color: #07070e; } + +/* [dark] */ +.ui.button.red.basic{ border-color: rgba(243, 139, 168, 0.4); } + +/* [dark] */ +.ui.dropdown > .menu .scrolling.menu .item .item-check-mark{ background-color: #1b1b2d; border: 1px solid #52527a; } + +/* [dark] */ +.chroma .code-inner{ font: 14px ui-monospace, SFMono-Regular, "Source Code Pro", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, var(--fonts-emoji); } + +.chroma .bp{ color: #fab387; } + +.chroma .c{ color: #ababba; } + +.chroma .c1{ color: #ababba; } + +.chroma .ch{ color: #ababba; } + +.chroma .cm{ color: #ababba; } + +.chroma .cp{ color: #89b4fa; } + +.chroma .cpf{ color: #89b4fa; } + +.chroma .cs{ color: #ababba; } + +.chroma .dl{ color: #89b4fa; } + +.chroma .gh{ color: #94e2d5; } + +.chroma .go{ color: #fab387; } + +.chroma .gp{ color: #ababba; } + +.chroma .gr{ color: #f2cdcd; } + +.chroma .gt{ color: #f2cdcd; } + +.chroma .gu{ color: #94e2d5; } + +.chroma .il{ color: #fab387; } + +.chroma .k{ color: #9b6bf5; } + +.chroma .kc{ color: #f9e2af; } + +.chroma .kd{ color: #9b6bf5; } + +.chroma .kn{ color: #f9e2af; } + +.chroma .kp{ color: #9b6bf5; } + +.chroma .kr{ color: #9b6bf5; } + +.chroma .kt{ color: #f9e2af; } + +.chroma .m{ color: #fab387; } + +.chroma .mb{ color: #fab387; } + +.chroma .mf{ color: #fab387; } + +.chroma .mh{ color: #fab387; } + +.chroma .mi{ color: #fab387; } + +.chroma .mo{ color: #fab387; } + +.chroma .n{ color: #b4befe; } + +.chroma .na{ color: #f9e2af; } + +.chroma .nb{ color: #fab387; } + +.chroma .nc{ color: #f5c2e7; } + +.chroma .nd{ color: #f5c2e7; } + +.chroma .ne{ color: #f2cdcd; } + +.chroma .nf{ color: #89b4fa; } + +.chroma .ni{ color: #f5c2e7; } + +.chroma .nl{ color: #f9e2af; } + +.chroma .nn{ color: #f9e2af; } + +.chroma .no{ color: #f9e2af; } + +.chroma .nt{ color: #9b6bf5; } + +.chroma .nv{ color: #fab387; } + +.chroma .nx{ color: #fab387; } + +.chroma .o{ color: #94e2d5; } + +.chroma .ow{ color: #94e2d5; } + +.chroma .p{ color: #ababba; } + +.chroma .s{ color: #00e676; } + +.chroma .s1{ color: #00e676; } + +.chroma .s2{ color: #00e676; } + +.chroma .sa{ color: #00e676; } + +.chroma .sb{ color: #00e676; } + +.chroma .sc{ color: #00e676; } + +.chroma .sd{ color: #00e676; } + +.chroma .se{ color: #89b4fa; } + +.chroma .sh{ color: #00e676; } + +.chroma .si{ color: #00e676; } + +.chroma .sr{ color: #89b4fa; } + +.chroma .ss{ color: #00e676; } + +.chroma .sx{ color: #00e676; } + +.chroma .vc{ color: #f9e2af; } + +.chroma .vg{ color: #fab387; } + +.chroma .vi{ color: #f9e2af; } + +.chroma .w{ color: #52527a; } + +.chroma .bp{ color: #fab387; font-weight: 600; } + +.chroma .nb{ color: #fab387; font-weight: 600; } + +.chroma .k{ color: #9b6bf5; font-weight: 600; } + +.chroma .kd{ color: #9b6bf5; font-weight: 600; } + +.chroma .kp{ color: #9b6bf5; font-weight: 600; } + +.chroma .kr{ color: #9b6bf5; font-weight: 600; } + +.chroma .c{ color: #ababba; font-style: italic; } + +.chroma .c1{ color: #ababba; font-style: italic; } + +.chroma .ch{ color: #ababba; font-style: italic; } + +.chroma .cm{ color: #ababba; font-style: italic; } + +.chroma .ge{ font-style: italic; } + +.chroma .gd{ color: #e6edf3; background-color: rgba(#f38ba8, .25); } + +.chroma .gi{ color: #e6edf3; background-color: rgba(#00e676, 0.3); } + +.chroma .gp{ color: #ababba; font-weight: bold; } + +.chroma .gs{ font-weight: bold; } + +.chroma .ow{ color: #94e2d5; font-weight: bold; } + +/* [dark] */ +.CodeMirror .cm-property, .CodeMirror .cm-header, .CodeMirror .cm-def, .CodeMirror .cm-bracket{ color: #e6edf3; } + +.CodeMirror .cm-quote{ color: #00e676; } + +.CodeMirror .cm-keyword{ color: #9b6bf5; } + +.CodeMirror .cm-atom{ color: #f38ba8; } + +.CodeMirror .cm-number{ color: #fab387; } + +.CodeMirror .cm-variable-2{ color: #89b4fa; } + +.CodeMirror .cm-variable-3{ color: #94e2d5; } + +.CodeMirror .cm-comment{ color: #1b1b2d; } + +.CodeMirror .cm-string, .CodeMirror .cm-string-2{ color: #00e676; } + +.CodeMirror .cm-meta, .CodeMirror .cm-qualifier, .CodeMirror .cm-builtin{ color: #fab387; } + +.CodeMirror .cm-tag, .CodeMirror .cm-attribute{ color: #f9e2af; } + +.CodeMirror .cm-hr{ color: #73738c; } + +.CodeMirror .cm-url, .CodeMirror .cm-link{ color: #89b4fa; } + +.CodeMirror .cm-error{ color: #f38ba8; } + +/* [dark] */ +.monaco-editor{ --vscode-editor-background: #020203 !important; --vscode-editorGutter-background: #020203 !important; } + +.monaco-editor .selected-text{ background-color: #0e0e1b !important; } + +.monaco-editor .margin-view-overlays .line-numbers{ color: #ababba !important; } + +.monaco-editor .line-numbers.active-line-number{ color: #a6c6f7 !important; } + +.monaco-editor .view-overlays .current-line, .monaco-editor .margin-view-overlays .current-line-margin{ background-color: #07070e !important; } + +.monaco-editor .mtk1{ color: #e6edf3 !important; } + +.monaco-editor .mtk3{ color: #fab387 !important; } + +.monaco-editor .mtk4{ color: #94e2d5 !important; } + +.monaco-editor .mtk5{ color: #e6edf3 !important; } + +.monaco-editor .mtk6{ color: #9b6bf5 !important; } + +.monaco-editor .mtk7{ color: #fab387 !important; } + +.monaco-editor .mtk8{ color: #73738c !important; } + +.monaco-editor .mtk9{ color: #9b6bf5 !important; } + +.monaco-editor .mtk10{ color: #ababba !important; } + +.monaco-editor .mtk11{ color: #94e2d5 !important; } + +.monaco-editor .mtk12{ color: #94e2d5 !important; } + +.monaco-editor .mtk15{ color: #9b6bf5 !important; } + +.monaco-editor .mtk16{ color: #73738c !important; } + +.monaco-editor .mtk19{ color: #94e2d5 !important; } + +.monaco-editor .mtk21{ color: #00e676 !important; } + +.monaco-editor .mtk23{ color: #89b4fa !important; } + +.monaco-editor .mtk24{ color: #fab387 !important; } + +.monaco-editor .mtk25{ color: #f5c2e7 !important; } + +.monaco-editor .mtk2{ color: #ff69b4 !important; } + +.monaco-editor .mtk13{ color: #ff69b4 !important; } + +.monaco-editor .mtk14{ color: #ff69b4 !important; } + +.monaco-editor .mtk17{ color: #ff69b4 !important; } + +.monaco-editor .mtk18{ color: #ff69b4 !important; } + +.monaco-editor .mtk20{ color: #ff69b4 !important; } + +.monaco-editor .mtk22{ color: #ff69b4 !important; } + +/* ========================================================= + GITEA BRANDING / SYSTEM ELEMENTS — HIDE + Selectors verified against Gitea 1.27.x actual templates + (templates/base/head_navbar.tmpl, footer_content.tmpl, home.tmpl) + ========================================================= */ +/* "Help" link in the top navbar (points to docs.gitea.com) */ +#navbar a.item[href*="docs.gitea.com"] { display: none !important; } + +/* Footer left side: "Powered by Gitea", version number, page/template render time */ +footer.page-footer .left-links { display: none !important; } + +/* Footer right side: keep language + theme switchers, hide Licenses/API links */ +footer.page-footer .right-links > a[href*="/licenses"], +footer.page-footer .right-links > a[href*="/api/"] { display: none !important; } + +/* Marketing feature grids on the logged-out homepage + ("Easy to install / Cross-platform / Lightweight / Open Source") */ +.page-content.home .ui.stackable.page.grid { display: none !important; } diff --git a/css/theme-light (1).css b/css/theme-light (1).css new file mode 100644 index 0000000..8fd498b --- /dev/null +++ b/css/theme-light (1).css @@ -0,0 +1,816 @@ +/* ===================== BASE (shared) ===================== */ +:root { + --fonts-proportional: -apple-system, "Segoe UI", system-ui, "SF Pro Text", Inter, Roboto, "Helvetica Neue", Arial, sans-serif; + --fonts-monospace: ui-monospace, SFMono-Regular, "Source Code Pro", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, var(--fonts-emoji); + --fonts-emoji: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Twemoji Mozilla"; + --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; + --line-height-default: normal; + --checkbox-mask-checked: url('data:image/svg+xml;utf8,'); + --checkbox-mask-indeterminate: url('data:image/svg+xml;utf8,'); + --octicon-chevron-right: url('data:image/svg+xml;utf8,'); + --border-radius: 8px; --border-radius-medium: 16px; --border-radius-full: calc(infinity * 1px); + --opacity-disabled: 0.55; --height-loading: 16rem; --min-height-textarea: 132px; --checkbox-size: 16px; + --page-spacing: 24px; --page-margin-x: 32px; --tab-size: 4; +} + +@media (min-width: 768px) and (max-width: 1200px) { :root { --page-margin-x: 24px; } } + +@media (max-width: 767.98px) { :root { --page-margin-x: 16px; } } + +/* ===================== COLORS — LIGHT (default) ===================== */ +:root { + accent-color: var(--color-accent); + color-scheme: light; + --is-dark-theme: false; + --color-primary: #6296e2; + --color-primary-contrast: #000000; + --color-primary-dark-1: #558de0; + --color-primary-dark-2: #4885dd; + --color-primary-dark-3: #3b7cdb; + --color-primary-dark-4: #3779da; + --color-primary-dark-5: #2361bb; + --color-primary-dark-6: #1f56a6; + --color-primary-dark-7: #1b4a90; + --color-primary-light-1: #6f9fe4; + --color-primary-light-2: #7ca7e7; + --color-primary-light-3: #8db3ea; + --color-primary-light-4: #a3c1ee; + --color-primary-light-5: #b8d0f2; + --color-primary-light-6: #e3ecfa; + --color-primary-light-7: #ffffff; + --color-primary-alpha-10: rgba(98, 150, 226, 0.1); + --color-primary-alpha-20: rgba(98, 150, 226, 0.2); + --color-primary-alpha-30: rgba(98, 150, 226, 0.3); + --color-primary-alpha-40: rgba(98, 150, 226, 0.4); + --color-primary-alpha-50: rgba(98, 150, 226, 0.5); + --color-primary-alpha-60: rgba(98, 150, 226, 0.6); + --color-primary-alpha-70: rgba(98, 150, 226, 0.7); + --color-primary-alpha-80: rgba(98, 150, 226, 0.8); + --color-primary-alpha-90: rgba(98, 150, 226, 0.9); + --color-primary-hover: var(--color-primary-light-1); + --color-primary-active: var(--color-primary-light-3); + --color-secondary: #bcc0cc; + --color-secondary-dark-1: #b3b8c5; + --color-secondary-dark-2: #abb0bf; + --color-secondary-dark-3: #a2a7b8; + --color-secondary-dark-4: #999fb2; + --color-secondary-dark-5: #9197ab; + --color-secondary-dark-6: #828aa0; + --color-secondary-dark-7: #747c95; + --color-secondary-dark-8: #676f88; + --color-secondary-dark-9: #5c6479; + --color-secondary-dark-10: #51586b; + --color-secondary-dark-11: #464c5c; + --color-secondary-dark-12: #3b404e; + --color-secondary-dark-13: #30343f; + --color-secondary-light-1: #c5c8d3; + --color-secondary-light-2: #cdd0d9; + --color-secondary-light-3: #d6d9e0; + --color-secondary-light-4: #dfe1e6; + --color-secondary-alpha-10: rgba(188, 192, 204, 0.1); + --color-secondary-alpha-20: rgba(188, 192, 204, 0.2); + --color-secondary-alpha-30: rgba(188, 192, 204, 0.3); + --color-secondary-alpha-40: rgba(188, 192, 204, 0.4); + --color-secondary-alpha-50: rgba(188, 192, 204, 0.5); + --color-secondary-alpha-60: rgba(188, 192, 204, 0.6); + --color-secondary-alpha-70: rgba(188, 192, 204, 0.7); + --color-secondary-alpha-80: rgba(188, 192, 204, 0.8); + --color-secondary-alpha-90: rgba(188, 192, 204, 0.9); + --color-secondary-button: var(--color-secondary-dark-4); + --color-secondary-hover: var(--color-secondary-dark-3); + --color-secondary-active: var(--color-secondary-dark-2); + --color-console-fg: #f7f8f9; + --color-console-fg-subtle: #bdc4cc; + --color-console-bg: #171b1e; + --color-console-border: #2e353b; + --color-console-hover-bg: #272d33; + --color-console-active-bg: #2e353b; + --color-console-menu-bg: #262b31; + --color-console-menu-border: #414b55; + --color-red: #d20f39; + --color-orange: #fe640b; + --color-yellow: #df8e1d; + --color-olive: #e2f095; + --color-green: #34ac56; + --color-teal: #179299; + --color-blue: #1e66f5; + --color-violet: #7287fd; + --color-purple: #8652e7; + --color-pink: #ea76cb; + --color-brown: #dd7878; + --color-black: #181825; + --color-white: #e6edf3; + --color-green-contrast: var(--color-white); + --color-red-contrast: var(--color-white); + --color-red-light: #ef2550; + --color-orange-light: #fe843e; + --color-yellow-light: #e7a548; + --color-olive-light: #eef6c2; + --color-green-light: #4bc86e; + --color-teal-light: #1ebcc5; + --color-blue-light: #4f87f7; + --color-violet-light: #a4b2fe; + --color-purple-light: #a57fed; + --color-pink-light: #f1a2dc; + --color-brown-light: #e7a1a1; + --color-black-light: #ffffff; + --color-red-dark-1: #a20c2c; + --color-orange-dark-1: #d54f01; + --color-yellow-dark-1: #b27117; + --color-olive-dark-1: #d6ea68; + --color-green-dark-1: #288542; + --color-teal-dark-1: #10686d; + --color-blue-dark-1: #0a4ed6; + --color-violet-dark-1: #405cfc; + --color-purple-dark-1: #6725e1; + --color-pink-dark-1: #e34aba; + --color-brown-dark-1: #d34f4f; + --color-black-dark-1: #c4d4e2; + --color-red-dark-2: #73081f; + --color-orange-dark-2: #a23c01; + --color-yellow-dark-2: #855511; + --color-olive-dark-2: #cae33c; + --color-green-dark-2: #1c5e2f; + --color-teal-dark-2: #0a3d40; + --color-blue-dark-2: #073ca6; + --color-violet-dark-2: #0d31fc; + --color-purple-dark-2: #511ab9; + --color-pink-dark-2: #d921a8; + --color-brown-dark-2: #bf3030; + --color-black-dark-2: #a1bbd2; + --color-ansi-black: #1e2327; + --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); + --color-grey: #717a9f; + --color-grey-light: #565b77; + --color-gold: #855511; + --color-white: #e6edf3; + --color-git: #f05133; + --color-diff-added-linenum-bg: rgba(230, 237, 243, .2); + --color-diff-added-row-bg: rgba(114, 212, 142, .25); + --color-diff-added-row-border: rgba(133, 218, 157, .25); + --color-diff-added-word-bg: rgba(59, 195, 98, .3); + --color-diff-moved-row-bg: rgba(237, 187, 117, .25); + --color-diff-moved-row-border: rgba(240, 198, 140, .25); + --color-diff-removed-linenum-bg: rgba(230, 237, 243, .2); + --color-diff-removed-row-bg: rgba(246, 132, 156, .15); + --color-diff-removed-row-border: rgba(248, 156, 175, .2); + --color-diff-removed-word-bg: rgba(245, 108, 137, .2); + --color-diff-inactive: red; + --color-error-border: #d20f39; + --color-error-bg: rgba(210, 15, 57, 0.15); + --color-error-bg-active: #ee1241; + --color-error-bg-hover: #f02e58; + --color-error-text: #d20f39; + --color-success-border: #52cb75; + --color-success-bg: rgba(52, 172, 86, 0.15); + --color-success-text: #484b60; + --color-warning-border: #e8a951; + --color-warning-bg: #df8e1d; + --color-warning-text: #eff1f5; + --color-info-border: #598ef8; + --color-info-bg: #eff1f5; + --color-info-text: #484b60; + --color-red-badge: #73081f; + --color-red-badge-bg: rgba(115, 8, 31, .1); + --color-red-badge-hover-bg: rgba(115, 8, 31, .2); + --color-green-badge: #34ac56; + --color-green-badge-bg: rgba(52, 172, 86, .1); + --color-green-badge-hover-bg: rgba(52, 172, 86, .2); + --color-yellow-badge: #b27117; + --color-yellow-badge-bg: rgba(178, 113, 23, .1); + --color-yellow-badge-hover-bg: rgba(178, 113, 23, .2); + --color-orange-badge: #d54f01; + --color-orange-badge-bg: rgba(213, 79, 1, .1); + --color-orange-badge-hover-bg: rgba(213, 79, 1, .2); + --color-body: #eff1f5; + --color-text-dark: #484b60; + --color-text: #484b60; + --color-text-light: #656c90; + --color-text-light-1: #656c90; + --color-text-light-2: #656c90; + --color-text-light-3: #656c90; + --color-footer: rgba(246, 247, 249, 0.2); + --color-timeline: #d7dce6; + --color-timeline-badge-fg: var(--color-text); + --color-box-header: #e6e9ef; + --color-box-body: #eff1f5; + --color-box-body-highlight: #e6e9ef; + --color-input-text: var(--color-text-dark); + --color-input-background: #e6e9ef; + --color-input-toggle-background: #e6e9ef; + --color-input-border: #d7dce6; + --color-input-border-hover: #bcc0cc; + --color-light: #00001728; + --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); + --color-light-border: #bcc0cc; + --color-hover: rgba(188, 192, 204, 0.5); + --color-hover-opaque: #bcc0cc; + --color-active: #d7dce6; + --color-menu: #e6e9ef; + --color-card: #eff1f5; + --color-markup-table-row: rgba(72, 75, 96, 0.02); + --color-markup-code-block: #e6e9ef; + --color-markup-code-inline: #e6e9ef; + --color-button: #e6e9ef; + --color-code-bg: #eff1f5; + --color-shadow: rgba(188, 192, 204, 0.5); + --color-shadow-opaque: #bcc0cc; + --color-shadow-rgb: 188, 192, 204; + --color-secondary-bg: #e6e9ef; + --color-expand-button: #bcc0cc; + --color-placeholder-text: #717a9f; + --color-editor-line-highlight: var(--color-primary-light-5); + --color-project-column-bg: #fcfcfd; + --color-caret: var(--color-text); + --color-reaction-bg: rgba(27, 74, 144, .1); + --color-reaction-hover-bg: rgba(27, 74, 144, .2); + --color-reaction-active-bg: rgba(27, 74, 144, .05); + --color-tooltip-text: #fcfcfd; + --color-tooltip-bg: #656c90; + --color-overlay-backdrop: rgba(252, 252, 253, 0.8); + --color-nav-bg: #e6e9ef; + --color-nav-hover-bg: #d7dce6; + --color-nav-text: var(--color-text); + --color-secondary-nav-bg: #e6e9ef; + --color-secondary-nav-hover-bg: #d7dce6; + --color-label-text: var(--color-text); + --color-label-bg: #7282924b; + --color-label-hover-bg: #728292a0; + --color-label-active-bg: #728292ff; + --color-accent: #06338d; + --color-small-accent: var(--color-primary-light-5); + --color-highlight-fg: #855511; + --color-highlight-bg: #000000; +} + +/* ===================== INLINE THEME RULES ===================== */ +#commits-table { --color-light: transparent !important; } + +#navbar #navbar-logo img { height: 20px !important; width: 56px !important; } + +.markup code { border-radius: 6px !important; } + +.markup p { line-height: 1.5 !important; } + +::selection { background-color: var(--color-primary-alpha-60); color: var(--color-primary-contrast); } + +/* ===================== COMPONENTS ===================== */ + +/* ---------- segment ---------- */ +.ui.segment { margin: 16px 0; padding: 16px; border-radius: var(--border-radius); } + +.ui.segment form > *:first-child { margin-top: 0; } + +.ui.segment form > *:last-child { margin-bottom: 0; } + +.ui.top.attached.header { border-radius: var(--border-radius) var(--border-radius) 0 0; } + +.ui.attached.segment:has(+ .ui[class*="top attached"].header), .ui.attached.segment:has(+ .page.buttons), .ui.attached.segment:last-child, .ui.segment:has(+ .ui.segment:not(.attached)), .ui.attached.segment:has(+ .ui.modal) { border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } + +.ui.segments:not(.horizontal) > .segment:first-child, .ui.segments.horizontal > .segment:first-child { border-radius: var(--border-radius); } + +.ui.segments:not(.horizontal) > .segment:last-child, .ui.horizontal.segments > .segment:last-child { border-radius: var(--border-radius); } + +/* ---------- comments ---------- */ +.comment .content { background-color: var(--color-box-body); } + +.comment .content > .comment-header:before, .comment .content > .comment-header:after, .comment .content > .ui.segment:before, .comment .content > .ui.segment:after { display: none; } + +.comment .content .comment-header { padding: 4px 4px 4px 16px !important; } + +.comment .content .comment-header .comment-header-left .text { color: var(--color-text-light) !important; } + +.comment .content .comment-header .comment-header-left .text .author { color: var(--color-text) !important; } + +.comment .content .comment-header .comment-header-right * { color: var(--color-text-light) !important; } + +.comment .content .comment-header .comment-header-right .label { height: 20px !important; padding: 0 6px !important; border-radius: 16px !important; } + +.comment-list .comment > .content > div:last-child { border-bottom-left-radius: var(--border-radius) !important; border-bottom-right-radius: var(--border-radius) !important; } + +.comment-list .comment > .content > div:first-child { border-top-left-radius: var(--border-radius) !important; border-top-right-radius: var(--border-radius) !important; } + +.ui.comments .comment { margin: 4px 0 0; } + +/* ---------- avatar ---------- */ +img.ui.avatar:not(.org-avatar), .ui.avatar img:not(.org-avatar), .ui.avatar svg:not(.org-avatar) { border-radius: 50% !important; object-fit: fill; } + +/* ---------- labels ---------- */ +.ui.label { border-radius: 20px; } + +.ui.label.scope-left { border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.ui.label.scope-right { border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.ui.label.green { color: var(--color-green-contrast) !important; } + +.ui.label.red { color: var(--color-red-contrast) !important; } + +/* ---------- markup ---------- */ +.markup .task-list-item input[type=checkbox] { margin: 0 .5em .25em -1.4em; } + +.markup input[type=checkbox] { --border-radius: 4px; width: 16px; height: 16px; margin-right: 4px; } + +.markup input[type=checkbox]:checked { background-color: var(--color-primary); } + +.markup input[type=checkbox]:after { --color-text: var(--color-primary-contrast); } + +.markup input[type=checkbox]:not([disabled]):hover, .markup input[type=checkbox]:not([disabled]):active { border-color: var(--color-secondary); } + +.markup input[type=checkbox]:not([disabled]):hover:checked, .markup input[type=checkbox]:not([disabled]):active:checked { background-color: var(--color-primary-hover); } + +/* ---------- editor ---------- */ +.combo-markdown-editor { border: 1px solid var(--color-secondary); border-radius: var(--border-radius); } + +.combo-markdown-editor:focus-within { outline: 2px solid var(--color-accent); border-radius: var(--border-radius); } + +.combo-markdown-editor textarea:focus { outline: none !important; } + +.combo-markdown-editor .ui.tab.markup[data-tab-panel=markdown-previewer] { border-bottom: 0; } + +.combo-markdown-editor .top.tabular.menu { background-color: var(--color-box-header); border-radius: var(--border-radius) var(--border-radius) 0 0; min-height: 0; margin-bottom: 16px !important; } + +.combo-markdown-editor .top.tabular.menu .item { margin: -1px 0 0 -1px; border-top-left-radius: var(--border-radius) !important; border-top-right-radius: var(--border-radius) !important; padding: 8px 12px !important; font-weight: 400; } + +.combo-markdown-editor .top.tabular.menu .item:hover { color: var(--color-text-light-2); } + +.combo-markdown-editor .top.tabular.menu .item.active { color: var(--color-text); } + +.combo-markdown-editor .top.tabular.menu .item.active:after { display: block; content: ''; position: absolute; top: 100%; right: 0; width: 100%; height: 1px; background-color: var(--color-body); } + +.combo-markdown-editor .tab .EasyMDEContainer { border: none !important; } + +.combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar { border: none !important; } + +.combo-markdown-editor .tab markdown-toolbar, .combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar { padding: 0 10px !important; } + +.combo-markdown-editor .tab markdown-toolbar .markdown-toolbar-group, .combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar .markdown-toolbar-group { border: none !important; padding: 0 !important; } + +.combo-markdown-editor .tab markdown-toolbar .markdown-toolbar-button, .combo-markdown-editor .tab markdown-toolbar button, .combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar .markdown-toolbar-button, .combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar button { line-height: 0; display: inline-block; color: var(--color-text-light-2) !important; padding: 6px !important; transition: background-color .1s ease; border-radius: 6px !important; height: auto; min-width: fit-content; } + +.combo-markdown-editor .tab markdown-toolbar .markdown-toolbar-button[level], .combo-markdown-editor .tab markdown-toolbar button[level] { width: 34px; } + +.combo-markdown-editor .tab markdown-toolbar .markdown-toolbar-button[aria-checked="true"], .combo-markdown-editor .tab markdown-toolbar button[aria-checked="true"], .combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar .markdown-toolbar-button[aria-checked="true"], .combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar button[aria-checked="true"] { background-color: var(--color-button); } + +.combo-markdown-editor .tab markdown-toolbar button:after, .combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar button:after { vertical-align: unset !important; } + +.combo-markdown-editor .tab textarea, .combo-markdown-editor .tab .CodeMirror.cm-s-easymde.CodeMirror-wrap { background-color: transparent !important; border: none !important; padding: 16px 16px !important; } + +.combo-markdown-editor .tab .editor-statusbar { margin-bottom: 0 !important; } + +.combo-markdown-editor .tab.markup { padding: 0 16px 16px; } + +#comment-form, .edit-content-zone, .comment-form, .comment-code-cloud form { padding: 0 !important; border: none !important; } + +#comment-form .field, .edit-content-zone .field, .comment-form .field, .comment-code-cloud form .field { margin-bottom: 16px !important; } + +/* ---------- file content ---------- */ +.non-diff-file-content .ui.segment.list-header { border-radius: var(--border-radius); margin-bottom: 16px !important; gap: 8px; padding: 8px 12px; } + +.non-diff-file-content .ui.segment.list-header .latest-commit { gap: 8px; } + +.non-diff-file-content .ui.segment.list-header .commit-summary { color: var(--color-text-light) !important; } + +.non-diff-file-content .ui.segment.list-header .age { font-size: 12px; } + +.non-diff-file-content .ui.top.attached.header { border-top-left-radius: var(--border-radius); border-top-right-radius: var(--border-radius); } + +.non-diff-file-content .ui.top.attached.header .file-info { color: var(--color-text-light) !important; } + +.non-diff-file-content .ui.top.attached.header .btn-octicon { --color-text: var(--color-text-light); } + +.non-diff-file-content .ui.attached.segment:has(+ .ui[class*="top attached"].header), .non-diff-file-content .ui.attached.segment:has(+ .page.buttons), .non-diff-file-content .ui.attached.segment:last-child, .non-diff-file-content .ui.segment:has(+ .ui.segment:not(.attached)), .non-diff-file-content .ui.attached.segment:has(+ .ui.modal) { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-left-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); } + +/* ---------- forms: input ---------- */ +input, textarea, .ui.input > input, .ui.selection.dropdown { border-color: var(--color-input-border); color: var(--color-input-text); border-radius: var(--border-radius); line-height: 20px; padding: calc(6px - 1px) 12px; } + +.ui.form input:not([type]), .ui.form select, .ui.form textarea, .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=file], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=text], .ui.form input[type=time], .ui.form input[type=url] { border-color: var(--color-input-border); color: var(--color-input-text); border-radius: var(--border-radius); line-height: 20px; padding: calc(6px - 1px) 12px; } + +input:hover, textarea:hover, .ui.input > input:hover, .ui.selection.dropdown:hover { border-color: var(--color-input-border); color: var(--color-input-text); } + +.ui.form .field > label { margin: 0 0 6px; font-size: 1rem; font-weight: 600; } + +.ui.form textarea, .ui.form input:not([type]), .ui.form input[type=date], .ui.form input[type=datetime-local], .ui.form input[type=email], .ui.form input[type=number], .ui.form input[type=password], .ui.form input[type=search], .ui.form input[type=tel], .ui.form input[type=time], .ui.form input[type=text], .ui.form input[type=file], .ui.form input[type=url] { min-height: 2.71428571em; } + +.ui.selection.dropdown { min-height: 2.71428571em; } + +.ui.selection.dropdown > input { min-height: 0; } + +.ui.selection.dropdown > input:focus { outline: none; } + +.ui.multiple.dropdown > .label, .ui.multiple.search.dropdown > input.search { padding: 6px 12px; margin: .14285714rem .28571429rem .14285714rem 0; } + +.ui.multiple.search.dropdown > input.search { padding-left: 0; } + +.ui.checkbox label, .ui.radio.checkbox label { margin-left: 20px !important; } + +input:focus, textarea:focus, .ui.input > input:focus, .ui.form input:not([type]):focus, .ui.form textarea:focus, .ui.form input[type=text]:focus { border-radius: var(--border-radius); border-color: var(--color-input-border); color: var(--color-input-text); outline: 2px solid var(--color-accent); } + +input.active, textarea.active, .ui.input > input.active, .ui.selection.dropdown.active { border-radius: var(--border-radius); outline: 2px solid var(--color-accent); } + +.ui.selection.dropdown.active > input.search { outline: none; } + +/* ---------- forms: dropdown menu ---------- */ +.ui.dropdown > .menu { opacity: 0; overflow-x: hidden; border-radius: var(--border-radius) !important; transition: opacity .2s ease !important; box-shadow: 0 6px 12px -3px rgba(var(--color-shadow-rgb), 0.5), 0 6px 18px 0 rgba(var(--color-shadow-rgb), 0.1) !important; } + +.ui.dropdown > .menu.hidden { opacity: 0 !important; } + +.ui.dropdown > .menu.visible, .ui.dropdown > .menu.show { opacity: 1 !important; } + +.ui.dropdown > .menu .divider { margin-top: 8px !important; margin-bottom: 8px !important; } + +.ui.dropdown > .menu .item:not(.comment-reaction-button) { margin: 0 8px !important; border-radius: 6px !important; padding: 6px 8px !important; line-height: 1 !important; display: flex; flex-wrap: wrap; align-content: center; width: auto; } + +.ui.dropdown > .menu .item:not(.comment-reaction-button):first-of-type { margin-top: 8px !important; } + +.ui.dropdown > .menu .item:not(.comment-reaction-button):last-of-type { margin-bottom: 8px !important; } + +.ui.dropdown > .menu .item:not(.comment-reaction-button).clear-selection { margin-bottom: 8px !important; } + +.ui.dropdown > .menu input[type="text"], .ui.dropdown > .menu input[name="search"] { min-height: 32px !important; padding: 0 8px !important; font-size: 1rem !important; border-radius: 6px !important; } + +.ui.dropdown > .menu input[type="text"]:focus, .ui.dropdown > .menu input[name="search"]:focus { --color-primary: var(--color-accent); } + +.ui.dropdown > .menu .scrolling.menu .item { gap: 8px !important; } + +.ui.dropdown > .menu .scrolling.menu .item:hover:before { position: absolute; top: calc(50% - 12px); left: -8px; width: 4px; height: 24px; content: ""; background-color: var(--color-accent); border-radius: 6px; } + +.ui.dropdown > .menu .scrolling.menu .item .item-check-mark { visibility: visible !important; display: inline-flex; padding: 2px; border-radius: 6px; } + +.ui.dropdown > .menu .scrolling.menu .item .item-check-mark svg { visibility: hidden; } + +.ui.dropdown > .menu .scrolling.menu .item .item-secondary-info { flex-basis: 100%; padding: 0 0 0 8px; color: var(--color-text-light); line-height: 100%; white-space: nowrap; overflow-x: hidden; } + +.ui.dropdown > .menu .scrolling.menu .item .item-secondary-info small { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } + +.ui.dropdown > .menu .scrolling.menu .item.checked .item-check-mark { background-color: var(--color-accent); } + +.ui.dropdown > .menu .scrolling.menu .item.checked .item-check-mark svg { visibility: visible; } + +.ui.dropdown:not(.upward) > .menu { top: calc(100% + 8px) !important; } + +.ui.dropdown.upward > .menu { bottom: calc(100% + 8px) !important; } + +.ui.dropdown.upward.selection.visible, .ui.dropdown.active.upward.selection { border-radius: var(--border-radius) !important; } + +.ui.dropdown.selection.active, .ui.dropdown.selection.active:hover, .ui.dropdown.selection.active .menu, .ui.dropdown.selection.active:hover .menu { border-color: var(--color-secondary) !important; } + +.ui.dropdown.selection { border-radius: var(--border-radius) !important; } + +.ui.dropdown.selection:focus, .ui.dropdown.selection.active { border-color: var(--color-secondary) !important; outline: 2px solid var(--color-accent); } + +.ui.dropdown.selection.active { border-radius: var(--border-radius) !important; } + +.ui.dropdown.selection > .menu { border-radius: var(--border-radius) !important; border-top-width: 1px !important; border-color: var(--color-secondary) !important; flex-direction: column; gap: 4px; } + +.ui.dropdown.selection > .menu.visible { display: flex; } + +.ui.dropdown.selection > .menu .item { border: none !important; } + +/* ---------- forms: menu ---------- */ +.ui.menu { border-radius: var(--border-radius); } + +.ui.menu > .item:first-child { border-radius: var(--border-radius) 0 0 var(--border-radius); } + +.ui.menu.compact:not(.secondary) .item:last-child { border-radius: 0 var(--border-radius) var(--border-radius) 0; } + +.ui.secondary.menu { gap: 4px; } + +.ui.secondary.menu.vertical > .item { border: none; margin: 0 0 4px 0; border-radius: var(--border-radius) !important; } + +.ui.secondary.menu .dropdown.item.active:hover, .ui.secondary.menu a.item.active:hover { color: var(--color-text); background: var(--color-hover); } + +.ui.tabular.menu .active.item, .ui.tabular.menu .active.item:hover { border-radius: var(--border-radius) var(--border-radius) 0 0 !important; } + +/* ---------- buttons ---------- */ +.ui.buttons .button:first-child { border-top-left-radius: var(--border-radius); border-bottom-left-radius: var(--border-radius); border-top-right-radius: 0; border-bottom-right-radius: 0; } + +.ui.buttons .button:last-child { border-top-right-radius: var(--border-radius); border-bottom-right-radius: var(--border-radius); border-top-left-radius: 0; border-bottom-left-radius: 0; } + +.ui.buttons .button { border-right: none; flex: 1 0 auto; border-radius: 0; margin: 0; } + +.ui.button { border-radius: var(--border-radius); transition: color .1s ease, background-color .1s ease, border-color .1s ease; padding: calc(6px - 1px) 16px; font-size: 1rem; line-height: 20px; } + +.ui.button.tiny { font-size: .857rem; line-height: .857rem; } + +.ui.button.basic { border-radius: var(--border-radius); } + +.ui.button.red, .ui.button.red.basic { border-color: var(--color-secondary); background: var(--color-button); color: var(--color-red); } + +.ui.button.red:hover, .ui.button.red.basic:hover { background: var(--color-red-dark-2); color: var(--color-white); } + +.ui.button.primary, .ui.button.red, .ui.button.basic { font-weight: 500; } + +.ui.button.green { color: var(--color-white); background: var(--color-green-dark-2); } + +/* ===================== theme-dependent (light default, dark scoped) ===================== */ +/* [light] */ +.label.isSigned { font-size: .857rem !important; margin: 0 .25em !important; padding: 0 !important; display: inline-flex !important; gap: 0 !important; border-radius: 16px !important; --color-light-border: rgba(52, 172, 86, 1) !important; --color-label-bg: none !important; --color-text: rgba(52, 172, 86, 1) !important; --color-green-badge-bg: none !important; --color-green-badge-hover-bg: rgba(52, 172, 86, 0.05) !important; --color-label-hover-bg: rgba(52, 172, 86, 0.05) !important; --color-label-text: rgba(52, 172, 86, 1) !important; --color-green-badge: rgba(52, 172, 86, 1) !important; } + +.label.isSigned .shortsha { padding: 2px 6px 2px 8px !important; } + +.label.isSigned .ui.detail.icon.button { opacity: 1 !important; padding: 2px 8px 2px 6px !important; margin: 0 !important; background: none !important; border-color: rgba(52, 172, 86, 1) !important; } + +.label.isSigned.isVerified .ui.detail.icon.button { padding: 2px 8px 2px 6px !important; } + +/* [light] */ +.markup input[type=checkbox] { --color-input-background: #d7dce6; } + +/* [light] */ +.combo-markdown-editor .tab markdown-toolbar .markdown-toolbar-button:hover, .combo-markdown-editor .tab markdown-toolbar button:hover, .combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar .markdown-toolbar-button:hover, .combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar button:hover { background-color: #d7dce6 !important; } + +/* [light] */ +.combo-markdown-editor .tab markdown-toolbar .markdown-toolbar-group:not(:last-child):after, .combo-markdown-editor .tab .EasyMDEContainer .editor-toolbar .markdown-toolbar-group:not(:last-child):after { background-color: #bcc0cc; } + +/* [light] */ +input:focus, textarea:focus, .ui.input > input:focus, .ui.form input:not([type]):focus, .ui.form textarea:focus, .ui.form input[type=text]:focus { background-color: #f6f7f9; } + +/* [light] */ +.ui.button.red.basic { border-color: rgba(210, 15, 57, 0.4); } + +/* [light] */ +.ui.dropdown > .menu .scrolling.menu .item .item-check-mark { background-color: #bcc0cc; border: 1px solid #838fae; } + +/* [light] */ +.chroma .code-inner { font: 14px ui-monospace, SFMono-Regular, "Source Code Pro", "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace, var(--fonts-emoji); } + +.chroma .bp { color: #bc4501; } + +.chroma .c { color: #656c90; } + +.chroma .c1 { color: #656c90; } + +.chroma .ch { color: #656c90; } + +.chroma .cm { color: #656c90; } + +.chroma .cp { color: #0845be; } + +.chroma .cpf { color: #0845be; } + +.chroma .cs { color: #656c90; } + +.chroma .dl { color: #0845be; } + +.chroma .gh { color: #0d5356; } + +.chroma .go { color: #bc4501; } + +.chroma .gp { color: #656c90; } + +.chroma .gr { color: #ce3b3b; } + +.chroma .gt { color: #ce3b3b; } + +.chroma .gu { color: #0d5356; } + +.chroma .il { color: #bc4501; } + +.chroma .k { color: #6725e1; } + +.chroma .kc { color: #6e460e; } + +.chroma .kd { color: #6725e1; } + +.chroma .kn { color: #6e460e; } + +.chroma .kp { color: #6725e1; } + +.chroma .kr { color: #6725e1; } + +.chroma .kt { color: #6e460e; } + +.chroma .m { color: #bc4501; } + +.chroma .mb { color: #bc4501; } + +.chroma .mf { color: #bc4501; } + +.chroma .mh { color: #bc4501; } + +.chroma .mi { color: #bc4501; } + +.chroma .mo { color: #bc4501; } + +.chroma .n { color: #02126e; } + +.chroma .na { color: #6e460e; } + +.chroma .nb { color: #bc4501; } + +.chroma .nc { color: #c31e97; } + +.chroma .nd { color: #c31e97; } + +.chroma .ne { color: #ce3b3b; } + +.chroma .nf { color: #0845be; } + +.chroma .ni { color: #c31e97; } + +.chroma .nl { color: #6e460e; } + +.chroma .nn { color: #6e460e; } + +.chroma .no { color: #6e460e; } + +.chroma .nt { color: #6725e1; } + +.chroma .nv { color: #bc4501; } + +.chroma .nx { color: #bc4501; } + +.chroma .o { color: #0d5356; } + +.chroma .ow { color: #0d5356; } + +.chroma .p { color: #656c90; } + +.chroma .s { color: #288542; } + +.chroma .s1 { color: #288542; } + +.chroma .s2 { color: #288542; } + +.chroma .sa { color: #288542; } + +.chroma .sb { color: #288542; } + +.chroma .sc { color: #288542; } + +.chroma .sd { color: #288542; } + +.chroma .se { color: #0845be; } + +.chroma .sh { color: #288542; } + +.chroma .si { color: #288542; } + +.chroma .sr { color: #0845be; } + +.chroma .ss { color: #288542; } + +.chroma .sx { color: #288542; } + +.chroma .vc { color: #6e460e; } + +.chroma .vg { color: #bc4501; } + +.chroma .vi { color: #6e460e; } + +.chroma .w { color: #838fae; } + +.chroma .bp { color: #bc4501; font-weight: 600; } + +.chroma .nb { color: #bc4501; font-weight: 600; } + +.chroma .k { color: #6725e1; font-weight: 600; } + +.chroma .kd { color: #6725e1; font-weight: 600; } + +.chroma .kp { color: #6725e1; font-weight: 600; } + +.chroma .kr { color: #6725e1; font-weight: 600; } + +.chroma .c { color: #656c90; font-style: italic; } + +.chroma .c1 { color: #656c90; font-style: italic; } + +.chroma .ch { color: #656c90; font-style: italic; } + +.chroma .cm { color: #656c90; font-style: italic; } + +.chroma .ge { font-style: italic; } + +.chroma .gd { color: #181825; background-color: rgba(#8b0a26, .25); } + +.chroma .gi { color: #181825; background-color: rgba(#288542, 0.3); } + +.chroma .gp { color: #656c90; font-weight: bold; } + +.chroma .gs { font-weight: bold; } + +.chroma .ow { color: #0d5356; font-weight: bold; } + +/* [light] */ +.CodeMirror .cm-property, .CodeMirror .cm-header, .CodeMirror .cm-def, .CodeMirror .cm-bracket { color: #484b60; } + +.CodeMirror .cm-quote { color: #34ac56; } + +.CodeMirror .cm-keyword { color: #8652e7; } + +.CodeMirror .cm-atom { color: #d20f39; } + +.CodeMirror .cm-number { color: #fe640b; } + +.CodeMirror .cm-variable-2 { color: #1e66f5; } + +.CodeMirror .cm-variable-3 { color: #179299; } + +.CodeMirror .cm-comment { color: #bcc0cc; } + +.CodeMirror .cm-string, .CodeMirror .cm-string-2 { color: #34ac56; } + +.CodeMirror .cm-meta, .CodeMirror .cm-qualifier, .CodeMirror .cm-builtin { color: #fe640b; } + +.CodeMirror .cm-tag, .CodeMirror .cm-attribute { color: #df8e1d; } + +.CodeMirror .cm-hr { color: #717a9f; } + +.CodeMirror .cm-url, .CodeMirror .cm-link { color: #1e66f5; } + +.CodeMirror .cm-error { color: #d20f39; } + +/* [light] */ +.monaco-editor { --vscode-editor-background: #fcfcfd !important; --vscode-editorGutter-background: #fcfcfd !important; } + +.monaco-editor .selected-text { background-color: #e6e9ef !important; } + +.monaco-editor .margin-view-overlays .line-numbers { color: #656c90 !important; } + +.monaco-editor .line-numbers.active-line-number { color: #6296e2 !important; } + +.monaco-editor .view-overlays .current-line, .monaco-editor .margin-view-overlays .current-line-margin { background-color: #f6f7f9 !important; } + +.monaco-editor .mtk1 { color: #484b60 !important; } + +.monaco-editor .mtk3 { color: #fe640b !important; } + +.monaco-editor .mtk4 { color: #179299 !important; } + +.monaco-editor .mtk5 { color: #484b60 !important; } + +.monaco-editor .mtk6 { color: #8652e7 !important; } + +.monaco-editor .mtk7 { color: #fe640b !important; } + +.monaco-editor .mtk8 { color: #717a9f !important; } + +.monaco-editor .mtk9 { color: #8652e7 !important; } + +.monaco-editor .mtk10 { color: #656c90 !important; } + +.monaco-editor .mtk11 { color: #179299 !important; } + +.monaco-editor .mtk12 { color: #179299 !important; } + +.monaco-editor .mtk15 { color: #8652e7 !important; } + +.monaco-editor .mtk16 { color: #717a9f !important; } + +.monaco-editor .mtk19 { color: #179299 !important; } + +.monaco-editor .mtk21 { color: #34ac56 !important; } + +.monaco-editor .mtk23 { color: #1e66f5 !important; } + +.monaco-editor .mtk24 { color: #fe640b !important; } + +.monaco-editor .mtk25 { color: #ea76cb !important; } + +.monaco-editor .mtk2 { color: #ff69b4 !important; } + +.monaco-editor .mtk13 { color: #ff69b4 !important; } + +.monaco-editor .mtk14 { color: #ff69b4 !important; } + +.monaco-editor .mtk17 { color: #ff69b4 !important; } + +.monaco-editor .mtk18 { color: #ff69b4 !important; } + +.monaco-editor .mtk20 { color: #ff69b4 !important; } + +.monaco-editor .mtk22 { color: #ff69b4 !important; } + +/* ========================================================= + GITEA BRANDING / SYSTEM ELEMENTS — HIDE + Selectors verified against Gitea 1.27.x actual templates + (templates/base/head_navbar.tmpl, footer_content.tmpl, home.tmpl) + ========================================================= */ +/* "Help" link in the top navbar (points to docs.gitea.com) */ +#navbar a.item[href*="docs.gitea.com"] { display: none !important; } + +/* Footer left side: "Powered by Gitea", version number, page/template render time */ +footer.page-footer .left-links { display: none !important; } + +/* Footer right side: keep language + theme switchers, hide Licenses/API links */ +footer.page-footer .right-links > a[href*="/licenses"], +footer.page-footer .right-links > a[href*="/api/"] { display: none !important; } + +/* Marketing feature grids on the logged-out homepage + ("Easy to install / Cross-platform / Lightweight / Open Source") */ +.page-content.home .ui.stackable.page.grid { display: none !important; }