style(theme): refactor One Dark CSS
This commit is contained in:
@@ -1 +0,0 @@
|
||||
@import "./theme-light.css"(prefers-color-scheme:light);@import "./theme-dark.css"(prefers-color-scheme:dark);
|
||||
@@ -4,16 +4,12 @@ gitea-theme-meta-info {
|
||||
--theme-color-scheme: "dark";
|
||||
}
|
||||
|
||||
|
||||
|
||||
:root {
|
||||
/* Some more Theme Metadata */
|
||||
--is-dark-theme: true;
|
||||
color-scheme: dark;
|
||||
accent-color: var(--color-accent);
|
||||
|
||||
|
||||
|
||||
/* Color Palette */
|
||||
--onedark-bg: #21252b;
|
||||
--onedark-bg-light: #2c313a;
|
||||
@@ -89,8 +85,6 @@ gitea-theme-meta-info {
|
||||
--onedark-brown-variant: #89613b;
|
||||
--onedark-brown-dark: #593f26;
|
||||
|
||||
|
||||
|
||||
/* Primary/Secondary UI Colors */
|
||||
--color-primary: var(--onedark-green-variant-light);
|
||||
--color-primary-hover: var(--onedark-green-variant);
|
||||
@@ -157,8 +151,6 @@ gitea-theme-meta-info {
|
||||
--color-secondary-hover: var(--color-secondary-dark-3);
|
||||
--color-secondary-active: var(--color-secondary-dark-2);
|
||||
|
||||
|
||||
|
||||
/* Colors */
|
||||
--color-red: var(--onedark-red);
|
||||
--color-orange: var(--onedark-orange);
|
||||
@@ -217,8 +209,6 @@ gitea-theme-meta-info {
|
||||
--color-gold: var(--onedark-yellow-variant);
|
||||
--color-white: var(--onedark-white-true);
|
||||
|
||||
|
||||
|
||||
/* UI Element Colors */
|
||||
--color-body: var(--onedark-bg);
|
||||
--color-box-header: var(--onedark-gray-dark-2);
|
||||
@@ -256,7 +246,9 @@ gitea-theme-meta-info {
|
||||
--color-editor-line-highlight: var(--color-secondary-alpha-40);
|
||||
--color-editor-selection: var(--color-primary-alpha-50);
|
||||
--color-project-column-bg: var(--color-secondary-light-2);
|
||||
--color-caret: var(--color-text); /* should ideally be --color-text-dark, see #15651 */
|
||||
--color-caret: var(
|
||||
--color-text
|
||||
); /* should ideally be --color-text-dark, see #15651 */
|
||||
--color-reaction-bg: #ffffff12;
|
||||
--color-reaction-hover-bg: var(--color-primary-light-4);
|
||||
--color-reaction-active-bg: var(--color-primary-light-5);
|
||||
@@ -280,8 +272,6 @@ gitea-theme-meta-info {
|
||||
--color-transparency-grid-dark: #1a1a1a;
|
||||
--color-workflow-edge-hover: #666a73;
|
||||
|
||||
|
||||
|
||||
/* Alert Boxes */
|
||||
--color-error-border: var(--onedark-red-dark);
|
||||
--color-error-bg: var(--onedark-red-dark-2);
|
||||
@@ -305,8 +295,6 @@ gitea-theme-meta-info {
|
||||
--color-priority-bg: var(--onedark-purple-dark-2);
|
||||
--color-priority-text: var(--onedark-purple);
|
||||
|
||||
|
||||
|
||||
/* Diff Colors */
|
||||
--color-diff-added-fg: var(--onedark-green);
|
||||
--color-diff-added-linenum-bg: var(--onedark-green-dark-1p5);
|
||||
@@ -322,8 +310,6 @@ gitea-theme-meta-info {
|
||||
--color-diff-removed-word-bg: var(--onedark-red-dark);
|
||||
--color-diff-inactive: var(--onedark-bg-light);
|
||||
|
||||
|
||||
|
||||
/* Code Syntax Highlighting */
|
||||
--color-syntax-keyword: var(--onedark-purple);
|
||||
--color-syntax-bool: var(--onedark-orange);
|
||||
@@ -367,8 +353,6 @@ gitea-theme-meta-info {
|
||||
--color-syntax-matching-bracket-bg: var(--onedark-blue-dark-2);
|
||||
--color-syntax-nonmatching-bracket-bg: var(--onedark-red-dark-2);
|
||||
|
||||
|
||||
|
||||
/* Console Colors */
|
||||
--color-console-fg: var(--color-text);
|
||||
--color-console-fg-subtle: var(--color-text);
|
||||
@@ -397,8 +381,6 @@ gitea-theme-meta-info {
|
||||
--color-ansi-bright-cyan: #00b6ad;
|
||||
--color-ansi-bright-white: var(--color-console-fg);
|
||||
|
||||
|
||||
|
||||
/* Rotatable Colors */
|
||||
--color-series-16-0: var(--onedark-blue);
|
||||
--color-series-16-1: var(--onedark-orange);
|
||||
@@ -417,8 +399,6 @@ gitea-theme-meta-info {
|
||||
--color-series-16-14: var(--onedark-cyan);
|
||||
--color-series-16-15: var(--onedark-olive);
|
||||
|
||||
|
||||
|
||||
/* Badges */
|
||||
--color-red-badge: var(--onedark-red);
|
||||
--color-red-badge-bg: var(--onedark-red-dark-2);
|
||||
@@ -433,19 +413,15 @@ gitea-theme-meta-info {
|
||||
--color-orange-badge-bg: var(--onedark-orange-dark-2);
|
||||
--color-orange-badge-hover-bg: var(--onedark-orange-dark-1p5);
|
||||
|
||||
|
||||
|
||||
/* Miscellaneous */
|
||||
--color-git: #f05133;
|
||||
--color-logo: #609926;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Custom Syntax Highlighting Tweaks */
|
||||
.chroma .sd { color: var(--color-syntax-prompt); }
|
||||
|
||||
|
||||
.chroma .sd {
|
||||
color: var(--color-syntax-prompt);
|
||||
}
|
||||
|
||||
/* Invert Certain Emojis */
|
||||
.emoji[aria-label="check mark"],
|
||||
@@ -471,8 +447,6 @@ gitea-theme-meta-info {
|
||||
filter: invert(100%) hue-rotate(180deg);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Tooltip Borders */
|
||||
.tippy-box[data-theme="tooltip"] {
|
||||
border: 1px solid var(--color-secondary) !important;
|
||||
@@ -481,8 +455,6 @@ gitea-theme-meta-info {
|
||||
fill: var(--color-secondary) !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Dropdown Menu Background Color */
|
||||
.ui.menu .dropdown.item .menu {
|
||||
background: var(--color-menu);
|
||||
|
||||
Reference in New Issue
Block a user