commit 7b42450face3c4ed30652f9253e5ce2bdc0eb9c3 Author: null Date: Wed Apr 8 16:51:10 2026 -0400 Add theme-nullspace.css diff --git a/theme-nullspace.css b/theme-nullspace.css new file mode 100644 index 0000000..2d06045 --- /dev/null +++ b/theme-nullspace.css @@ -0,0 +1,161 @@ +:root { + /* Forgejo Modern Variable Mapping (Blue Accent) */ + --c-primary: #0077FF; + --c-primary-hover: #77B6FF; + --c-primary-active: #003877; + + --c-grey-1: #000000; + --c-grey-2: #383838; + --c-grey-3: #383838; + --c-grey-4: #777777; + --c-grey-5: #B6B6B6; + --c-grey-6: #FFFFFF; + + /* Grayscale UI Palette */ + --steel-900: #000000; + --steel-850: #383838; + --steel-800: #383838; + --steel-750: #383838; + --steel-700: #383838; + --steel-650: #777777; + --steel-100: #FFFFFF; + + --is-dark-theme: true; + + /* Primary Branding: Azure Radiance */ + --color-primary: #0077FF; + --color-primary-contrast: #FFFFFF; + + /* UI Layout Fixes */ + --color-body: var(--steel-900); + --color-box-header: var(--steel-800); + --color-box-body: var(--steel-850); + --color-text: var(--steel-100); + --color-nav-bg: var(--steel-900); + --color-footer: var(--steel-900); + --color-input-background: var(--steel-800); + --color-input-border: var(--steel-650); +} + +/* --- Header Consistency Fix --- */ +.full.height > .ui.menu, +.ui.menu.navbar, +.ui.menu.navbar .item, +.header-wrapper, +.secondary-nav, +#navbar { + background-color: #000000 !important; +} + +/* --- FIX: Tippy.js Tooltips (Precision Fix) --- */ +/* This targets the tooltips like the "Disable Gravatar" one */ +.tippy-box, +.tippy-box[data-theme~='tooltip'] { + background-color: #1b1c1d !important; + background-image: none !important; + color: var(--steel-100) !important; + border: 1px solid var(--steel-650) !important; + opacity: 1 !important; + box-shadow: 0 4px 10px rgba(0,0,0,0.8) !important; +} + +.tippy-content { + color: var(--steel-100) !important; + opacity: 1 !important; +} + +/* Tooltip Arrow Color Fix */ +.tippy-svg-arrow-outer { + fill: var(--steel-650) !important; +} +.tippy-svg-arrow-inner { + fill: #1b1c1d !important; +} + +/* --- Fixed Dropdown & Standard Tooltip Popups --- */ +.ui.dropdown .menu, +.ui.selection.dropdown .menu, +.ui.modal, +.ui.popup { + background: #1b1c1d !important; + background-color: #1b1c1d !important; + background-image: none !important; + border: 1px solid var(--steel-650) !important; + color: var(--steel-100) !important; + opacity: 1 !important; + box-shadow: 0 2px 10px rgba(0,0,0,0.8) !important; +} + +/* Sub-elements for Dropdowns */ +.ui.dropdown .menu > .item, +.ui.dropdown .menu > .header, +.ui.dropdown .menu > .divider, +.ui.popup > .header { + background-color: transparent !important; + color: var(--steel-100) !important; + border-top: none !important; + border-bottom: none !important; +} + +/* Standard Semantic UI Tooltip Arrow Fix */ +.ui.popup:before { + background-color: #1b1c1d !important; + background: #1b1c1d !important; + box-shadow: -1px -1px 0 0 var(--steel-650) !important; + z-index: 2 !important; +} + +/* --- Checkbox & Toggle Switches --- */ +.ui.checkbox label:before, +.ui.toggle.checkbox label:before { + background-color: var(--steel-800) !important; + border: 1px solid var(--steel-650) !important; +} + +.ui.toggle.checkbox label:after { + background-color: #FFFFFF !important; +} + +.ui.toggle.checkbox input:checked ~ label:before { + background-color: var(--c-primary) !important; +} + +/* --- Content Segments --- */ +.ui.segment, +.ui.box, +.ui.attached.table, +.repo-header, +.repo-title-parent { + background-color: var(--steel-850) !important; +} + +/* --- Interactive State Lightening --- */ +.ui.button:hover, +.ui.menu:not(.navbar) .item:hover, +.ui.menu.navbar .item:hover, +.ui.selection.dropdown:hover, +.ui.dropdown .menu > .item:hover, +.list-group-item:hover { + background-color: rgba(255, 255, 255, 0.12) !important; + filter: brightness(1.4) !important; +} + +/* --- Global Overrides --- */ +::selection { + background: #0077FF !important; + color: #FFFFFF !important; +} + +.ui.primary.label, +.ui.red.label.notification_count, +.ui.primary.button { + background-color: #0077FF !important; + color: #FFFFFF !important; +} + +#navbar-logo img { + width: auto !important; + height: 50px !important; + max-width: 200px !important; + image-rendering: crisp-edges; +} \ No newline at end of file