From 1c14e5bad724e5351d575f7ba627175e82aaf32e Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=B2=81=E6=B1=80?= <131967983+lutinglt@users.noreply.github.com> Date: Mon, 9 Dec 2024 03:25:06 +0800 Subject: [PATCH] Update theme-github.css MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 边框色调整, 其他细节优化 --- theme-github.css | 106 +++++++++++------------------------------------ 1 file changed, 25 insertions(+), 81 deletions(-) diff --git a/theme-github.css b/theme-github.css index f733e3a..d8d09bc 100644 --- a/theme-github.css +++ b/theme-github.css @@ -18,6 +18,7 @@ tr, button, .job-step-summary, .job-log-line, +.job-brief-item, .ui.input>input, .ui.form input:not([type]), .ui.form select, @@ -45,7 +46,7 @@ button, .ui.menu .item, .ui.vertical.menu .header.item, .ui.secondary.menu .item { - transition: 0.2s; + transition: 0.3s; } .chroma { @@ -430,7 +431,15 @@ button, } .job-step-summary { - color: #9198a1; + color: var(--color-console-fg-subtle); +} + +.job-log-line { + color: var(--color-text); +} + +.job-log-line:hover { + color: var(--color-console-fg); } .ui.ui.ui.green.label { @@ -631,72 +640,6 @@ a.muted:hover, border-radius: 0 var(--border-radius) 0 0; } -/* border color form fields */ -input, -textarea, -.ui.input>input, -.ui.form input:not([type]), -.ui.form select, -.ui.form textarea, -.ui.form input[type="date"], -.ui.form input[type="datetime-local"], -.ui.form input[type="email"], -.ui.form input[type="file"], -.ui.form input[type="number"], -.ui.form input[type="password"], -.ui.form input[type="search"], -.ui.form input[type="tel"], -.ui.form input[type="text"], -.ui.form input[type="time"], -.ui.form input[type="url"], -.ui.selection.dropdown, -.ui.checkbox label:before, -.ui.checkbox input:checked~label:before, -.ui.checkbox input:not([type="radio"]):indeterminate~label:before { - border-color: var(--color-secondary); -} - -input:focus, -textarea:focus, -.ui.input input:focus, -.ui.form input:not([type]):focus, -.ui.form select:focus, -.ui.form textarea:focus, -.ui.form input[type="date"]:focus, -.ui.form input[type="datetime-local"]:focus, -.ui.form input[type="email"]:focus, -.ui.form input[type="file"]:focus, -.ui.form input[type="number"]:focus, -.ui.form input[type="password"]:focus, -.ui.form input[type="search"]:focus, -.ui.form input[type="tel"]:focus, -.ui.form input[type="text"]:focus, -.ui.form input[type="time"]:focus, -.ui.form input[type="url"]:focus, -.ui.selection.dropdown:focus { - border: 1.5px solid var(--color-blue) !important; - border-color: var(--color-blue); - border-radius: var(--border-radius); -} - -.ui.checkbox input:focus~label:before, -.ui.checkbox input:focus~label::before, -.ui.checkbox input:not([type="radio"]):indeterminate:focus~label:before, -.ui.checkbox input:not([type="radio"]):indeterminate:focus~label::before, -.ui.checkbox input:checked:focus~label:before, -.ui.checkbox input:checked:focus~label::before, -.ui.radio.checkbox input:focus:checked~label:before, -.ui.radio.checkbox input:focus:checked~label::before { - border-color: var(--color-blue); -} - -.ui.selection.active.dropdown, -.ui.selection.active.dropdown:hover, -.ui.selection.active.dropdown .menu, -.ui.selection.active.dropdown:hover .menu { - border-color: var(--color-blue); -} - .ui.label.sha { color: var(--color-text); } @@ -746,7 +689,7 @@ textarea:focus, --color-primary-alpha-90: rgba(57, 211, 83, 0.9); --color-primary-hover: var(--color-primary-light-1); --color-primary-active: var(--color-primary-light-2); - --color-secondary: #ffffff28; + --color-secondary: #3d444d; --color-secondary-dark-1: #505665; --color-secondary-dark-2: #5b6273; --color-secondary-dark-3: #71798e; @@ -824,11 +767,6 @@ textarea:focus, --color-pink-dark-2: #a9246f; --color-brown-dark-2: #835b42; --color-black-dark-2: #252832; - --color-console-fg: #f0f6fc; - --color-console-bg: #010409; - --color-console-active-bg: var(--color-active); - --color-console-hover-bg: var(--color-hover); - --color-console-border: var(--color-light-border); --color-ansi-black: var(--color-black); --color-ansi-red: var(--color-red); --color-ansi-green: var(--color-green); @@ -845,6 +783,14 @@ textarea:focus, --color-ansi-bright-magenta: var(--color-pink-light); --color-ansi-bright-cyan: var(--color-teal-light); --color-ansi-bright-white: var(--color-console-fg); + --color-console-fg: #f0f6fc; + --color-console-fg-subtle: #9198a1; + --color-console-bg: #010409; + --color-console-border: #2b3139; + --color-console-active-bg: var(--color-active); + --color-console-hover-bg: var(--color-hover); + --color-console-menu-bg: var(--color-body); + --color-console-menu-border: var(--color-light-border); --color-grey: #505665; --color-grey-light: #a1a6b7; --color-gold: #b1983b; @@ -895,21 +841,19 @@ textarea:focus, --color-text-light-1: rgb(125, 133, 144); --color-text-light-2: #8a8e99; --color-text-light-3: #707687; - --color-console-menu-bg: var(--color-body); - --color-console-menu-border: var(--color-light-border); --color-footer: #010409; --color-timeline: #4c525e; --color-input-text: #d5dbe6; --color-input-background: #2c2f35; --color-input-toggle-background: #454a57; - --color-input-border: #2c2f35; - --color-input-border-hover: #505667; + --color-input-border: var(--color-light-border); + --color-input-border-hover: var(--color-light-border); --color-header-wrapper: #0d1117; --color-header-wrapper-transparent: #20243000; --color-light: #00000028; --color-light-mimic-enabled: rgba(0, 0, 0, calc(40 / 255 * 222 / 255 / var(--opacity-disabled))); - --color-light-border: #ffffff28; - --color-hover: #15191f; + --color-light-border: #3d444d; + --color-hover: #20252e; --color-active: #2a313c; --color-menu: #0d1117; --color-card: #0d1117; @@ -932,7 +876,7 @@ textarea:focus, --color-tooltip-text: #fff; --color-tooltip-bg: #000000f0; --color-nav-bg: #010409; - --color-nav-hover-bg: #383c47; + --color-nav-hover-bg: var(--color-hover); --color-label-text: #fff; --color-label-bg: #7c84974b; --color-label-hover-bg: #7c8497a0;