Add theme-nullspace.css

2026-04-08 16:51:10 -04:00 · 2026-04-08 16:51:10 -04:00 · 7b42450fac
commit 7b42450fac
1 changed files with 161 additions and 0 deletions
--- a/theme-nullspace.css
+++ 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;
+}