You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
568tools/css/568_comment.css

135 lines
5.0 KiB

/*!
* Modified from GitHub's Dark Dimmed theme, licensed under the MIT License
* Copyright (c) 2018 GitHub Inc.
* https://github.com/primer/primitives/blob/main/LICENSE
*/main{
--color-prettylights-syntax-comment:#768390;
--color-prettylights-syntax-constant:#6cb6ff;
--color-prettylights-syntax-entity:#dcbdfb;
--color-prettylights-syntax-storage-modifier-import:#adbac7;
--color-prettylights-syntax-entity-tag:#8ddb8c;
--color-prettylights-syntax-keyword:#f47067;
--color-prettylights-syntax-string:#96d0ff;
--color-prettylights-syntax-variable:#f69d50;
--color-prettylights-syntax-brackethighlighter-unmatched:#e5534b;
--color-prettylights-syntax-invalid-illegal-text:#cdd9e5;
--color-prettylights-syntax-invalid-illegal-bg:#922323;
--color-prettylights-syntax-carriage-return-text:#cdd9e5;
--color-prettylights-syntax-carriage-return-bg:#ad2e2c;
--color-prettylights-syntax-string-regexp:#8ddb8c;
--color-prettylights-syntax-markup-list:#eac55f;
--color-prettylights-syntax-markup-heading:#316dca;
--color-prettylights-syntax-markup-italic:#adbac7;
--color-prettylights-syntax-markup-bold:#adbac7;
--color-prettylights-syntax-markup-deleted-text:#ffd8d3;
--color-prettylights-syntax-markup-deleted-bg:#78191b;
--color-prettylights-syntax-markup-inserted-text:#b4f1b4;
--color-prettylights-syntax-markup-inserted-bg:#1b4721;
--color-prettylights-syntax-markup-changed-text:#ffddb0;
--color-prettylights-syntax-markup-changed-bg:#682d0f;
--color-prettylights-syntax-markup-ignored-text:#adbac7;
--color-prettylights-syntax-markup-ignored-bg:#255ab2;
--color-prettylights-syntax-meta-diff-range:#dcbdfb;
--color-prettylights-syntax-brackethighlighter-angle:#768390;
--color-prettylights-syntax-sublimelinter-gutter-mark:#545d68;
--color-prettylights-syntax-constant-other-reference-link:#96d0ff;
--color-btn-text:#adbac7;
--color-btn-bg:#373e47;
--color-btn-border:rgba(205,217,229,.1);
--color-btn-shadow:0 0 transparent;
--color-btn-inset-shadow:0 0 transparent;
--color-btn-hover-bg:#444c56;
--color-btn-hover-border:#768390;
--color-btn-active-bg:#3d444d;
--color-btn-active-border:#636e7b;
--color-btn-selected-bg:#2d333b;
--color-btn-primary-text:#fff;
--color-btn-primary-bg:#347d39;
--color-btn-primary-border:rgba(205,217,229,.1);
--color-btn-primary-shadow:0 0 transparent;
--color-btn-primary-inset-shadow:0 0 transparent;
--color-btn-primary-hover-bg:#46954a;
--color-btn-primary-hover-border:rgba(205,217,229,.1);
--color-btn-primary-selected-bg:#347d39;
--color-btn-primary-selected-shadow:0 0 transparent;
--color-btn-primary-disabled-text:rgba(205,217,229,.5);
--color-btn-primary-disabled-bg:rgba(52,125,57,.6);
--color-btn-primary-disabled-border:rgba(205,217,229,.1);
--color-fg-default:#adbac7;
--color-fg-muted:#768390;
--color-fg-subtle:#545d68;
--color-canvas-default:#192734;
--color-canvas-overlay:#161b22;
--color-canvas-inset:#15202b;
--color-canvas-subtle:#253341;
--color-border-default:#9E9E9E;
--color-border-muted:#212121;
--color-neutral-muted:rgba(99,110,123,.4);
--color-accent-fg:#539bf5;
--color-accent-emphasis:#316dca;
--color-accent-muted:rgba(65,132,228,.4);
--color-accent-subtle:rgba(56,139,253,.15);
--color-success-fg:#57ab5a;
--color-attention-fg:#c69026;
--color-attention-muted:rgba(174,124,20,.4);
--color-attention-subtle:rgba(174,124,20,.15);
--color-danger-fg:#e5534b;
--color-danger-muted:rgba(229,83,75,.4);
--color-danger-subtle:rgba(229,83,75,.15);
--color-primer-shadow-inset:0 0 transparent;
--color-primer-shadow-focus:0 0 0 3px #143d79;
--color-scale-gray-7:#373e47;
--color-scale-blue-8:#143d79;
/*! 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)}
/*! Custom CSS */
.gsc-reactions-count{
color: #E0E0E0;
border: 2px solid #0277BD;
border-radius: 6px;
background: #424242;
align-items: center;
margin: 10px 0.8%;
box-sizing: border-box;
box-shadow: 0.5rem 0.875rem 2.375rem rgb(39 44 49 / 6%), 0.0625rem 0.1875rem 0.5rem rgb(39 44 49 / 3%);
display:none}
.gsc-timeline{
flex-direction:column-reverse}
.gsc-header{
color: #E0E0E0;
border: 2px solid #0277BD;
border-radius: 6px;
background: #424242;
align-items: center;
margin: 10px 0.8%;
box-sizing: border-box;
box-shadow: 0.5rem 0.875rem 2.375rem rgb(39 44 49 / 6%), 0.0625rem 0.1875rem 0.5rem rgb(39 44 49 / 3%);
padding-bottom:1rem}
.gsc-comments>.gsc-header{
align-items: center;
border: 2px solid #0277BD;
order:1}
.gsc-comments>.gsc-comment-box{
border: 2px solid #0277BD;
background: #313131;
color: #E0E0E0;
width: 99%;
border-radius: 6px;
margin-bottom:1rem;
margin: 10px 0.8%;
box-shadow: 0.5rem 0.875rem 2.375rem rgb(39 44 49 / 6%), 0.0625rem 0.1875rem 0.5rem rgb(39 44 49 / 3%);
order:2}
.gsc-comments>.gsc-comment-box>.gsc-comment-box-tabs{
color: #E0E0E0;
background: #424242}
.gsc-comments>.gsc-timeline{
order:3}
.gsc-homepage-bg{
background-color:#424242}
main .gsc-loading-image{
background-image:url(/img/loading_b.svg)}