Files
hello-algo/overrides/stylesheets/giscus-light.css
Yudong Jin b01036b09e Revisit the English version (#1885)
* Update giscus scroller.

* Refine English docs and landing page

* Sync the headings.

* Update landing pages.

* Update the avatar

* Update Acknowledgements

* Update landing pages.

* Update contributors.

* Update

* Fix the formula formatting.

* Fix the glossary.

* Chapter 6. Hashing

* Remove Chinese chars.

* Fix headings.

* Update giscus themes.

* fallback to default giscus theme to solve 429 many requests error.

* Add borders for callouts.

* docs: sync character encoding translations

* Update landing page media layout and i18n
2026-04-10 23:03:03 +08:00

156 lines
5.6 KiB
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);
--color-accent-fg: #349890;
--color-btn-primary-text: #ffffff;
--color-btn-primary-bg: #52bbb1;
--color-btn-primary-hover-bg: #7acfc7;
--color-btn-primary-border: rgba(52, 152, 144, 0.2);
--color-btn-primary-hover-border: rgba(52, 152, 144, 0.24);
}
.border,
.color-border-primary {
border-color: rgba(29, 29, 32, 0.07) !important;
}
.gsc-comment-box-buttons .btn-primary {
border-radius: 999px !important;
border-color: transparent !important;
background-color: #52bbb1 !important;
color: #ffffff !important;
box-shadow: none !important;
}
.gsc-comment-box-buttons .btn-primary:hover:not(:disabled) {
background-color: #7acfc7 !important;
}
.gsc-comment-box-buttons .btn-primary:disabled {
opacity: 0.62;
}
/* Limit long giscus comments so they don't dominate the page. */
.gsc-comment-content,
.gsc-reply-content {
max-height: 32rem;
overflow-y: auto;
padding-inline-end: 0.5rem;
}
.gsc-comment-content::-webkit-scrollbar,
.gsc-reply-content::-webkit-scrollbar {
width: 0.35rem;
}
.gsc-comment-content::-webkit-scrollbar-thumb,
.gsc-reply-content::-webkit-scrollbar-thumb {
background: rgba(31, 35, 40, 0.22);
border-radius: 999px;
}
.gsc-comment-content::-webkit-scrollbar-track,
.gsc-reply-content::-webkit-scrollbar-track {
background: transparent;
}