From 5087edcca98b0a21aea0e416227130c50340fa39 Mon Sep 17 00:00:00 2001 From: krahets Date: Sun, 5 Apr 2026 19:21:18 +0800 Subject: [PATCH] build --- overrides/stylesheets/giscus-dark.css | 99 +++++++++++++++++++++++- overrides/stylesheets/giscus-light.css | 100 ++++++++++++++++++++++++- 2 files changed, 196 insertions(+), 3 deletions(-) diff --git a/overrides/stylesheets/giscus-dark.css b/overrides/stylesheets/giscus-dark.css index a977589eb..cd754e1ea 100644 --- a/overrides/stylesheets/giscus-dark.css +++ b/overrides/stylesheets/giscus-dark.css @@ -1,4 +1,99 @@ -@import url("https://giscus.app/themes/noborder_dark.css"); +main { + --primary-default: 20, 222, 155; + --bg-default: 22, 22, 24; + --color-prettylights-syntax-comment: #8b949e; + --color-prettylights-syntax-constant: #79c0ff; + --color-prettylights-syntax-entity: #d2a8ff; + --color-prettylights-syntax-storage-modifier-import: #c9d1d9; + --color-prettylights-syntax-entity-tag: #7ee787; + --color-prettylights-syntax-keyword: #ff7b72; + --color-prettylights-syntax-string: #a5d6ff; + --color-prettylights-syntax-variable: #ffa657; + --color-prettylights-syntax-brackethighlighter-unmatched: #f85149; + --color-prettylights-syntax-invalid-illegal-text: #f0f6fc; + --color-prettylights-syntax-invalid-illegal-bg: #8e1519; + --color-prettylights-syntax-carriage-return-text: #f0f6fc; + --color-prettylights-syntax-carriage-return-bg: #b62324; + --color-prettylights-syntax-string-regexp: #7ee787; + --color-prettylights-syntax-markup-list: #f2cc60; + --color-prettylights-syntax-markup-heading: #1f6feb; + --color-prettylights-syntax-markup-italic: #c9d1d9; + --color-prettylights-syntax-markup-bold: #c9d1d9; + --color-prettylights-syntax-markup-deleted-text: #ffdcd7; + --color-prettylights-syntax-markup-deleted-bg: #67060c; + --color-prettylights-syntax-markup-inserted-text: #aff5b4; + --color-prettylights-syntax-markup-inserted-bg: #033a16; + --color-prettylights-syntax-markup-changed-text: #ffdfb6; + --color-prettylights-syntax-markup-changed-bg: #5a1e02; + --color-prettylights-syntax-markup-ignored-text: #c9d1d9; + --color-prettylights-syntax-markup-ignored-bg: #1158c7; + --color-prettylights-syntax-meta-diff-range: #d2a8ff; + --color-prettylights-syntax-brackethighlighter-angle: #8b949e; + --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58; + --color-prettylights-syntax-constant-other-reference-link: #a5d6ff; + --color-btn-text: #ebebf5db; + --color-btn-bg: rgba(var(--bg-default), 1); + --color-btn-border: rgba(var(--bg-default), 1); + --color-btn-shadow: 0 1px 0 rgba(var(--bg-default), 1); + --color-btn-inset-shadow: inset 0 1px 0 rgba(var(--bg-default), 1); + --color-btn-hover-bg: rgba(var(--bg-default), 0.5); + --color-btn-hover-border: rgba(var(--bg-default), 0.5); + --color-btn-active-bg: rgba(var(--primary-default), 0.2); + --color-btn-active-border: rgba(var(--primary-default), 1); + --color-btn-selected-bg: rgba(var(--primary-default), 0.15); + --color-btn-primary-text: #fff; + --color-btn-primary-bg: rgba(var(--primary-default), 0.45); + --color-btn-primary-border: rgba(var(--primary-default), 0.5); + --color-btn-primary-shadow: 0 1px 0 #1b1f241a; + --color-btn-primary-inset-shadow: inset 0 1px 0 #ffffff08; + --color-btn-primary-hover-bg: rgba(var(--primary-default), 0.53); + --color-btn-primary-hover-border: rgba(var(--primary-default), 0.75); + --color-btn-primary-selected-bg: rgba(var(--primary-default), 0.45); + --color-btn-primary-selected-shadow: inset 0 1px 0 #002d1133; + --color-btn-primary-disabled-text: #fffc; + --color-btn-primary-disabled-bg: rgba(var(--primary-default), 0.5); + --color-btn-primary-disabled-border: rgba(var(--primary-default), 0.5); + --color-action-list-item-default-hover-bg: #b1bac41f; + --color-segmented-control-bg: #6e76811a; + --color-segmented-control-button-bg: #0d1117; + --color-segmented-control-button-selected-border: rgba(var(--bg-default), 0.85); + --color-fg-default: #ebebf5db; + --color-fg-muted: #ebebf599; + --color-fg-subtle: #ebebf580; + --color-canvas-default: #1e1e20; + --color-canvas-overlay: #1e1e20; + --color-canvas-inset: rgba(var(--bg-default), 0.85); + --color-canvas-subtle: rgba(var(--bg-default), 1); + --color-border-default: rgba(var(--bg-default), 0.85); + --color-border-muted: #afb8c133; + --color-neutral-muted: #afb8c133; + --color-accent-fg: rgba(var(--primary-default), 0.85); + --color-accent-emphasis: rgba(var(--primary-default), 0.95); + --color-accent-muted: rgba(var(--primary-default), 0.4); + --color-accent-subtle: rgba(var(--primary-default), 0.1); + --color-success-fg: #3fb950; + --color-attention-fg: #d29922; + --color-attention-muted: #bb800966; + --color-attention-subtle: #bb800926; + --color-danger-fg: #f85149; + --color-danger-muted: #f8514966; + --color-danger-subtle: #f851491a; + --color-primer-shadow-inset: 0 1px 0 rgba(var(--bg-default), 1), inset 0 1px 0 rgba(var(--bg-default), 1); + --color-scale-gray-7: #161618; + --color-scale-blue-8: #10b98126; + + /*! Extensions from @primer/css/alerts/flash.scss */ + --color-social-reaction-bg-hover: var(--color-scale-gray-7); + --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-8) +} + +main .pagination-loader-container { + background-image: url(https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg) +} + +main .gsc-loading-image { + background-image: url(https://github.githubassets.com/images/mona-loading-dark.gif) +} .gsc-comment-box-buttons .btn-primary { border-radius: 999px !important; @@ -26,4 +121,4 @@ .gsc-comment-content::-webkit-scrollbar-track, .gsc-reply-content::-webkit-scrollbar-track { background: transparent; -} +} \ No newline at end of file diff --git a/overrides/stylesheets/giscus-light.css b/overrides/stylesheets/giscus-light.css index 72dd0cf1e..60db2234e 100644 --- a/overrides/stylesheets/giscus-light.css +++ b/overrides/stylesheets/giscus-light.css @@ -1,5 +1,103 @@ -@import url("https://giscus.app/themes/light.css"); +/*! MIT License + * Copyright (c) 2018 GitHub Inc. + * https://github.com/primer/primitives/blob/main/LICENSE + */ +main { + --color-prettylights-syntax-comment: #6e7781; + --color-prettylights-syntax-constant: #0550ae; + --color-prettylights-syntax-entity: #8250df; + --color-prettylights-syntax-storage-modifier-import: #24292f; + --color-prettylights-syntax-entity-tag: #116329; + --color-prettylights-syntax-keyword: #cf222e; + --color-prettylights-syntax-string: #0a3069; + --color-prettylights-syntax-variable: #953800; + --color-prettylights-syntax-brackethighlighter-unmatched: #82071e; + --color-prettylights-syntax-invalid-illegal-text: #f6f8fa; + --color-prettylights-syntax-invalid-illegal-bg: #82071e; + --color-prettylights-syntax-carriage-return-text: #f6f8fa; + --color-prettylights-syntax-carriage-return-bg: #cf222e; + --color-prettylights-syntax-string-regexp: #116329; + --color-prettylights-syntax-markup-list: #3b2300; + --color-prettylights-syntax-markup-heading: #0550ae; + --color-prettylights-syntax-markup-italic: #24292f; + --color-prettylights-syntax-markup-bold: #24292f; + --color-prettylights-syntax-markup-deleted-text: #82071e; + --color-prettylights-syntax-markup-deleted-bg: #ffebe9; + --color-prettylights-syntax-markup-inserted-text: #116329; + --color-prettylights-syntax-markup-inserted-bg: #dafbe1; + --color-prettylights-syntax-markup-changed-text: #953800; + --color-prettylights-syntax-markup-changed-bg: #ffd8b5; + --color-prettylights-syntax-markup-ignored-text: #eaeef2; + --color-prettylights-syntax-markup-ignored-bg: #0550ae; + --color-prettylights-syntax-meta-diff-range: #8250df; + --color-prettylights-syntax-brackethighlighter-angle: #57606a; + --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f; + --color-prettylights-syntax-constant-other-reference-link: #0a3069; + --color-btn-text: #24292f; + --color-btn-bg: #f6f8fa; + --color-btn-border: #1f232826; + --color-btn-shadow: 0 1px 0 #1f23280a; + --color-btn-inset-shadow: inset 0 1px 0 #ffffff40; + --color-btn-hover-bg: #f3f4f6; + --color-btn-hover-border: #1f232826; + --color-btn-active-bg: #ebecf0; + --color-btn-active-border: #1f232826; + --color-btn-selected-bg: #eeeff2; + --color-btn-primary-text: #fff; + --color-btn-primary-bg: #1f883d; + --color-btn-primary-border: #1f232826; + --color-btn-primary-shadow: 0 1px 0 #1f23281a; + --color-btn-primary-inset-shadow: inset 0 1px 0 #ffffff08; + --color-btn-primary-hover-bg: #1a7f37; + --color-btn-primary-hover-border: #1f232826; + --color-btn-primary-selected-bg: #187733; + --color-btn-primary-selected-shadow: inset 0 1px 0 #002d1133; + --color-btn-primary-disabled-text: #fffc; + --color-btn-primary-disabled-bg: #94d3a2; + --color-btn-primary-disabled-border: #1f232826; + --color-action-list-item-default-hover-bg: #d0d7de52; + --color-segmented-control-bg: #eaeef2; + --color-segmented-control-button-bg: #fff; + --color-segmented-control-button-selected-border: #8c959f; + --color-fg-default: #1f2328; + --color-fg-muted: #656d76; + --color-fg-subtle: #6e7781; + --color-canvas-default: #fff; + --color-canvas-overlay: #fff; + --color-canvas-inset: #f6f8fa; + --color-canvas-subtle: #f6f8fa; + --color-border-default: #d0d7de; + --color-border-muted: #d8dee4; + --color-neutral-muted: #afb8c133; + --color-accent-fg: #0969da; + --color-accent-emphasis: #0969da; + --color-accent-muted: #54aeff66; + --color-accent-subtle: #ddf4ff; + --color-success-fg: #1a7f37; + --color-attention-fg: #9a6700; + --color-attention-muted: #d4a72c66; + --color-attention-subtle: #fff8c5; + --color-danger-fg: #d1242f; + --color-danger-muted: #ff818266; + --color-danger-subtle: #ffebe9; + --color-primer-shadow-inset: inset 0 1px 0 #d0d7de33; + --color-scale-gray-1: #eaeef2; + --color-scale-blue-1: #b6e3ff; + /*! Extensions from @primer/css/alerts/flash.scss */ + --color-social-reaction-bg-hover: var(--color-scale-gray-1); + --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-1) +} + +main .pagination-loader-container { + background-image: url(https://github.com/images/modules/pulls/progressive-disclosure-line.svg) +} + +main .gsc-loading-image { + background-image: url(https://github.githubassets.com/images/mona-loading-default.gif) +} + +/* Custom overlay on top of the official giscus light theme. */ main { --color-border-default: rgba(29, 29, 32, 0.08); --color-border-muted: rgba(29, 29, 32, 0.05);