mirror of
https://gh.wpcy.net/https://github.com/CaptainCore/Helm.git
synced 2026-04-25 10:42:37 +08:00
646 lines
No EOL
16 KiB
CSS
646 lines
No EOL
16 KiB
CSS
:root {
|
|
--background: #09090b;
|
|
--foreground: #fafafa;
|
|
--card: #09090b;
|
|
--card-foreground: #fafafa;
|
|
--popover: #09090b;
|
|
--popover-foreground: #fafafa;
|
|
--primary: #fafafa;
|
|
--primary-foreground: #18181b;
|
|
--secondary: #27272a;
|
|
--secondary-foreground: #fafafa;
|
|
--muted: #27272a;
|
|
--muted-foreground: #a1a1aa;
|
|
--accent: #27272a;
|
|
--accent-foreground: #fafafa;
|
|
--destructive: #7f1d1d;
|
|
--destructive-foreground: #fafafa;
|
|
--border: #27272a;
|
|
--input: #27272a;
|
|
--ring: #d4d4d8;
|
|
}
|
|
|
|
/* =========================================
|
|
Global Backgrounds & Text
|
|
========================================= */
|
|
body,
|
|
html,
|
|
#wpwrap,
|
|
#wpcontent,
|
|
#wpbody-content,
|
|
.auto-fold #wpcontent,
|
|
.auto-fold #wpbody-content {
|
|
background-color: var(--background) !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* Headings & Text */
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6,
|
|
.wrap h1,
|
|
.wrap h2,
|
|
.wrap h3,
|
|
label,
|
|
th,
|
|
#wphead {
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
.description,
|
|
.subtitle,
|
|
p.description,
|
|
.howto,
|
|
span.description,
|
|
.form-wrap p {
|
|
color: var(--muted-foreground) !important;
|
|
}
|
|
|
|
/* Links */
|
|
a,
|
|
#wpwrap a {
|
|
color: var(--foreground);
|
|
}
|
|
|
|
a:hover,
|
|
a:focus,
|
|
#wpwrap a:hover,
|
|
#wpwrap a:focus {
|
|
color: #fff;
|
|
}
|
|
|
|
.subsubsub a.current {
|
|
color: #fff !important;
|
|
}
|
|
|
|
/* Remove WP Footer */
|
|
#wpfooter {
|
|
display: none !important;
|
|
}
|
|
|
|
/* =========================================
|
|
Top Bar & Admin Bar
|
|
========================================= */
|
|
#wpadminbar {
|
|
background: var(--background) !important;
|
|
border-bottom: 1px solid var(--border);
|
|
color: var(--foreground) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
#wpadminbar .ab-item,
|
|
#wpadminbar a.ab-item,
|
|
#wpadminbar>#wp-toolbar span.ab-label,
|
|
#wpadminbar .ab-icon:before {
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* Dropdowns */
|
|
#wpadminbar .menupop .ab-sub-wrapper {
|
|
background: var(--popover) !important;
|
|
border: 1px solid var(--border);
|
|
}
|
|
|
|
/* =========================================
|
|
Buttons
|
|
========================================= */
|
|
.wp-core-ui .button,
|
|
.wp-core-ui .button-secondary {
|
|
background: transparent !important;
|
|
color: var(--foreground) !important;
|
|
border-color: var(--border) !important;
|
|
box-shadow: none !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
.wp-core-ui .button:hover,
|
|
.wp-core-ui .button-secondary:hover {
|
|
background: var(--accent) !important;
|
|
color: var(--accent-foreground) !important;
|
|
border-color: var(--foreground) !important;
|
|
}
|
|
|
|
.wp-core-ui .button-primary {
|
|
background: var(--primary) !important;
|
|
border-color: var(--primary) !important;
|
|
color: var(--primary-foreground) !important;
|
|
box-shadow: none !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
.wp-core-ui .button-primary:hover {
|
|
background: #e4e4e7 !important;
|
|
/* Zinc-200 */
|
|
border-color: #e4e4e7 !important;
|
|
color: #000 !important;
|
|
}
|
|
|
|
.wp-core-ui .button-disabled,
|
|
.wp-core-ui .button-secondary:disabled,
|
|
.wp-core-ui .button:disabled {
|
|
color: var(--muted-foreground) !important;
|
|
border-color: var(--border) !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
/* =========================================
|
|
Forms & Inputs
|
|
========================================= */
|
|
input[type=text],
|
|
input[type=search],
|
|
input[type=password],
|
|
input[type=email],
|
|
input[type=number],
|
|
input[type=url],
|
|
input[type=tel],
|
|
input[type=date],
|
|
textarea,
|
|
select {
|
|
background-color: var(--input) !important;
|
|
border-color: var(--border) !important;
|
|
color: var(--foreground) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
input:focus,
|
|
textarea:focus,
|
|
select:focus {
|
|
border-color: var(--foreground) !important;
|
|
box-shadow: 0 0 0 1px var(--foreground) !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
/* Checkboxes & Radios */
|
|
input[type=checkbox],
|
|
input[type=radio] {
|
|
background-color: transparent !important;
|
|
border-color: var(--muted-foreground) !important;
|
|
}
|
|
|
|
input[type=checkbox]:checked,
|
|
input[type=radio]:checked {
|
|
background-color: var(--foreground) !important;
|
|
border-color: var(--foreground) !important;
|
|
}
|
|
|
|
input[type=checkbox]:checked::before {
|
|
filter: invert(1);
|
|
/* Ensure checkmark is visible against light foreground */
|
|
}
|
|
|
|
/* =========================================
|
|
Tables (Widefat)
|
|
========================================= */
|
|
.widefat {
|
|
background-color: var(--card) !important;
|
|
border: 1px solid var(--border) !important;
|
|
}
|
|
|
|
.widefat thead td,
|
|
.widefat thead th,
|
|
.widefat tfoot td,
|
|
.widefat tfoot th {
|
|
background-color: var(--background) !important;
|
|
border-bottom: 1px solid var(--border) !important;
|
|
border-top: 1px solid var(--border) !important;
|
|
color: var(--muted-foreground) !important;
|
|
}
|
|
|
|
.widefat td,
|
|
.widefat th {
|
|
color: var(--foreground) !important;
|
|
border-bottom: 1px solid var(--border) !important;
|
|
}
|
|
|
|
.widefat ol,
|
|
.widefat p,
|
|
.widefat ul {
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* Striping */
|
|
.widefat tbody tr:nth-child(odd),
|
|
.widefat tbody tr:nth-child(even) {
|
|
background-color: var(--background) !important;
|
|
}
|
|
|
|
.widefat tbody tr:hover td,
|
|
.widefat tbody tr:hover th {
|
|
background-color: var(--muted) !important;
|
|
}
|
|
|
|
/* Plugin Status */
|
|
.plugins .active th.check-column,
|
|
.plugins .active td,
|
|
.plugins .active th {
|
|
background-color: rgba(255, 255, 255, 0.03) !important;
|
|
}
|
|
|
|
/* =========================================
|
|
Postboxes & Cards
|
|
========================================= */
|
|
.postbox,
|
|
.card,
|
|
.welcome-panel,
|
|
.stuffbox {
|
|
background-color: var(--card) !important;
|
|
border: 1px solid var(--border) !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
.postbox-header,
|
|
.stuffbox .hndle {
|
|
border-bottom: 1px solid var(--border) !important;
|
|
background: transparent !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
.postbox .hndle {
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
.postbox .inside,
|
|
.stuffbox .inside {
|
|
color: var(--foreground) !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
/* =========================================
|
|
Notices
|
|
========================================= */
|
|
.notice,
|
|
div.updated,
|
|
div.error {
|
|
background-color: var(--card) !important;
|
|
border: 1px solid var(--border) !important;
|
|
color: var(--foreground) !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.notice-success,
|
|
div.updated {
|
|
border-left-color: #10b981 !important;
|
|
}
|
|
|
|
.notice-error,
|
|
div.error {
|
|
border-left-color: #ef4444 !important;
|
|
}
|
|
|
|
.notice-info {
|
|
border-left-color: #3b82f6 !important;
|
|
}
|
|
|
|
/* =========================================
|
|
Miscellaneous
|
|
========================================= */
|
|
|
|
/* Pagination */
|
|
.tablenav .tablenav-pages {
|
|
color: var(--muted-foreground);
|
|
}
|
|
|
|
.tablenav .tablenav-pages .current-page {
|
|
background: var(--background) !important;
|
|
border-color: var(--border) !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* Screen Options / Help */
|
|
#screen-meta {
|
|
background-color: var(--card) !important;
|
|
border-color: var(--border) !important;
|
|
}
|
|
|
|
#contextual-help-link-wrap,
|
|
#screen-options-link-wrap {
|
|
background: transparent !important;
|
|
border: none !important;
|
|
}
|
|
|
|
.show-settings {
|
|
color: var(--muted-foreground) !important;
|
|
background-color: var(--card) !important;
|
|
border: 1px solid var(--border) !important;
|
|
border-top: none !important;
|
|
}
|
|
|
|
/* Plugin Install Cards */
|
|
.plugin-card {
|
|
background-color: var(--card) !important;
|
|
border: 1px solid var(--border) !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
.plugin-card-bottom {
|
|
background-color: var(--muted) !important;
|
|
border-top: 1px solid var(--border) !important;
|
|
color: var(--muted-foreground) !important;
|
|
}
|
|
|
|
/* Editor / CodeMirror / Etc */
|
|
.wp-editor-container,
|
|
.quicktags-toolbar {
|
|
background-color: var(--card) !important;
|
|
border-color: var(--border) !important;
|
|
}
|
|
|
|
.wp-editor-area {
|
|
background-color: var(--input) !important;
|
|
color: var(--foreground) !important;
|
|
border-color: var(--border) !important;
|
|
}
|
|
|
|
/* CodeMirror overrides */
|
|
.CodeMirror {
|
|
background: var(--input) !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
.CodeMirror-gutters {
|
|
background: var(--border) !important;
|
|
border-right: 1px solid var(--border) !important;
|
|
}
|
|
|
|
/* Fix Spinner Visibility (Dark bg needs light spinner) */
|
|
.spinner,
|
|
.loading-content .spinner {
|
|
filter: invert(1) grayscale(100%) brightness(2);
|
|
}
|
|
|
|
/* Modals */
|
|
.ui-dialog,
|
|
.ui-dialog-content {
|
|
background-color: var(--card) !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* =========================================
|
|
Legacy & Contextual Additions
|
|
========================================= */
|
|
|
|
/* Contextual Help */
|
|
#contextual-help-back {
|
|
background-color: var(--background) !important;
|
|
border-right: 1px solid var(--border) !important;
|
|
}
|
|
|
|
.contextual-help-tabs .active {
|
|
background-color: var(--background) !important;
|
|
border-color: var(--border) !important;
|
|
border-right: none !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
.contextual-help-tabs .active a {
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
.contextual-help-tabs ul li {
|
|
border-color: var(--border) !important;
|
|
}
|
|
|
|
/* Page Title Actions / Add New Buttons */
|
|
.wrap .add-new-h2,
|
|
.wrap .add-new-h2:active,
|
|
.wrap .page-title-action,
|
|
.wrap .page-title-action:active {
|
|
background-color: var(--background) !important;
|
|
color: var(--foreground) !important;
|
|
border: 1px solid var(--border) !important;
|
|
}
|
|
|
|
.wrap .add-new-h2:hover,
|
|
.wrap .page-title-action:hover {
|
|
background-color: var(--accent) !important;
|
|
color: var(--accent-foreground) !important;
|
|
border-color: var(--foreground) !important;
|
|
}
|
|
|
|
/* Media Toolbar */
|
|
.attachments-browser .media-toolbar {
|
|
background-color: var(--background) !important;
|
|
color: var(--foreground) !important;
|
|
border: none !important;
|
|
}
|
|
|
|
/* Nav Menus Management */
|
|
.manage-menus,
|
|
#nav-menu-footer,
|
|
#nav-menu-header,
|
|
.nav-menus-php #post-body,
|
|
.menu-edit,
|
|
#menu-settings-column .accordion-container,
|
|
#menu-settings-column .accordion-section-content {
|
|
background-color: var(--background) !important;
|
|
border-color: var(--border) !important;
|
|
}
|
|
|
|
.menu-item-bar .menu-item-handle {
|
|
background-color: var(--card) !important;
|
|
border-color: var(--border) !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
.menu-item-settings {
|
|
background-color: var(--background) !important;
|
|
border-color: var(--border) !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* Navigation Tabs */
|
|
.nav-tab {
|
|
background-color: var(--background) !important;
|
|
border: 1px solid var(--border) !important;
|
|
border-bottom: 1px solid var(--border) !important;
|
|
color: var(--muted-foreground) !important;
|
|
margin-bottom: -1px !important;
|
|
}
|
|
|
|
.nav-tab-active,
|
|
.nav-tab-active:focus,
|
|
.nav-tab-active:focus:active,
|
|
.nav-tab-active:hover {
|
|
background-color: var(--background) !important;
|
|
color: var(--foreground) !important;
|
|
border: 1px solid var(--border) !important;
|
|
border-bottom: 1px solid var(--background) !important;
|
|
}
|
|
|
|
.nav-tab:hover {
|
|
background-color: var(--accent) !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* =========================================
|
|
Specific Component Fixes
|
|
========================================= */
|
|
|
|
/* Selected / Hover States (Dark Gray) */
|
|
.color-option.selected,
|
|
.color-option:hover,
|
|
[role="treeitem"] .folder-label.hover,
|
|
[role="treeitem"].hover {
|
|
background-color: var(--accent) !important;
|
|
border-color: var(--border) !important;
|
|
}
|
|
|
|
/* Headers, Accordions, CodeMirror, Sidebars (Black Background) */
|
|
.health-check-header,
|
|
.privacy-settings-header,
|
|
.health-check-accordion-panel,
|
|
.privacy-settings-accordion-panel,
|
|
.health-check-accordion-trigger,
|
|
.privacy-settings-accordion-trigger,
|
|
.CodeMirror-activeline-background,
|
|
#templateside>ul {
|
|
background-color: var(--background) !important;
|
|
border-color: var(--border) !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* Force White Text on Triggers */
|
|
.health-check-accordion-trigger,
|
|
.privacy-settings-accordion-trigger {
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* =========================================
|
|
Additional Component Updates
|
|
========================================= */
|
|
|
|
/* Black Background Components */
|
|
.wp-filter,
|
|
.comment-ays,
|
|
.feature-filter,
|
|
.popular-tags,
|
|
.stuffbox,
|
|
.widgets-holder-wrap,
|
|
.wp-editor-container,
|
|
p.popular-tags,
|
|
table.widefat,
|
|
#plugin-information-content,
|
|
#plugin-information-tabs,
|
|
#plugin-information .fyi,
|
|
#plugin-information-footer,
|
|
.iris-border,
|
|
#activity-widget #the-comment-list .comment-item,
|
|
.control-section .accordion-section-title,
|
|
.customize-pane-child .accordion-section-title {
|
|
background-color: var(--background) !important;
|
|
border-color: var(--border) !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* Dark Background (Accent) Components */
|
|
#plugin-information-tabs a.current,
|
|
#future-posts li:nth-child(odd),
|
|
#published-posts li:nth-child(odd),
|
|
.js .control-section .accordion-section-title:focus,
|
|
.js .control-section .accordion-section-title:hover,
|
|
.js .control-section.open .accordion-section-title,
|
|
.js .control-section:hover .accordion-section-title {
|
|
background-color: var(--accent) !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* Text Colors */
|
|
#plugin-information .fyi,
|
|
#plugin-information .fyi strong {
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* Opacity Overrides */
|
|
.metabox-holder-disabled .accordion-section-content,
|
|
.metabox-holder-disabled .accordion-section-title,
|
|
.metabox-holder-disabled .postbox {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
/* =========================================
|
|
Nav Menu & Customizer Updates
|
|
========================================= */
|
|
|
|
/* White Text Overrides */
|
|
.accordion-section-title button.accordion-trigger,
|
|
.nav-menus-php .metabox-holder .accordion-section-title button.accordion-trigger,
|
|
#post-body ul.add-menu-item-tabs li.tabs a,
|
|
#post-body ul.category-tabs li.tabs a,
|
|
#side-sortables .add-menu-item-tabs .tabs a,
|
|
#side-sortables .category-tabs .tabs a,
|
|
.wp-tab-bar .wp-tab-active a,
|
|
.customize-controls-close {
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* Black Background Overrides */
|
|
.categorydiv div.tabs-panel,
|
|
.customlinkdiv div.tabs-panel,
|
|
.posttypediv div.tabs-panel,
|
|
.taxonomydiv div.tabs-panel,
|
|
.wp-tab-panel,
|
|
#customize-theme-controls .control-panel-themes>.accordion-section-title,
|
|
#customize-theme-controls .control-panel-themes>.accordion-section-title:hover,
|
|
#customize-controls .customize-info .accordion-section-title,
|
|
.wp-full-overlay-sidebar,
|
|
.wp-full-overlay-sidebar .wp-full-overlay-header,
|
|
.et-core-customize-controls-close[data-et-core-modal*="data-et-core-portability"],
|
|
.customize-controls-close,
|
|
#customize-sidebar-outer-content,
|
|
.wp-full-overlay .collapse-sidebar-arrow:before,
|
|
.expanded .wp-full-overlay-footer {
|
|
background-color: var(--background) !important;
|
|
border-color: var(--border) !important;
|
|
}
|
|
|
|
/* Dark/Accent Background Overrides (Tabs) */
|
|
.wp-tab-active,
|
|
ul.add-menu-item-tabs li.tabs,
|
|
ul.category-tabs li.tabs {
|
|
background-color: var(--accent) !important;
|
|
border-color: var(--border) !important;
|
|
}
|
|
|
|
/* =========================================
|
|
Customizer Specifics
|
|
========================================= */
|
|
|
|
/* Black Backgrounds */
|
|
.customize-panel-back,
|
|
.customize-section-back,
|
|
.wp-full-overlay-footer .devices,
|
|
.customize-section-title,
|
|
#customize-sidebar-outer-content,
|
|
.cch-hide-admin-menu .accordion-section-content {
|
|
background-color: var(--background) !important;
|
|
border-color: var(--border) !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* Dark Left Border */
|
|
.customize-panel-back,
|
|
.customize-section-back {
|
|
border-left: 4px solid var(--border) !important;
|
|
}
|
|
|
|
/* Dark/Accent Background States */
|
|
#customize-controls .control-section .accordion-section-title button:focus,
|
|
#customize-controls .control-section .accordion-section-title button:hover,
|
|
#customize-controls .control-section.open .accordion-section-title,
|
|
#customize-controls .control-section:hover>.accordion-section-title {
|
|
background-color: var(--accent) !important;
|
|
color: var(--foreground) !important;
|
|
}
|
|
|
|
/* Dark Border Bottom */
|
|
.wp-full-overlay-footer .devices button.active {
|
|
border-bottom-color: var(--border) !important;
|
|
}
|
|
|
|
/* Remove Shadows */
|
|
.wp-full-overlay-footer .devices {
|
|
box-shadow: none !important;
|
|
} |
