Add theme-nullspace.css
This commit is contained in:
commit
7b42450fac
161
theme-nullspace.css
Normal file
161
theme-nullspace.css
Normal file
|
|
@ -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;
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue