fix: format css files

This commit is contained in:
Gnarwhal 2025-07-04 15:33:06 +00:00
parent c629a2398a
commit a2079c4b1d
Signed by: Gnarwhal
GPG key ID: 0989A73D8C421174
3 changed files with 911 additions and 726 deletions

View file

@ -1,213 +1,347 @@
.chroma .bp {
color: #fabd2f;
} /* NameBuiltinPseudo */
}
/* NameBuiltinPseudo */
.chroma .c {
color: #777e94;
} /* Comment */
}
/* Comment */
.chroma .c1 {
color: #777e94;
} /* CommentSingle */
}
/* CommentSingle */
.chroma .ch {
color: #777e94;
} /* CommentHashbang */
}
/* CommentHashbang */
.chroma .cm {
color: #777e94;
} /* CommentMultiline */
}
/* CommentMultiline */
.chroma .cp {
color: #8ec07c;
} /* CommentPreproc */
}
/* CommentPreproc */
.chroma .cpf {
color: #649bc4;
} /* CommentPreprocFile */
}
/* CommentPreprocFile */
.chroma .cs {
color: #9075cd;
} /* CommentSpecial */
}
/* CommentSpecial */
.chroma .dl {
color: #649bc4;
} /* LiteralStringDelimiter */
}
/* LiteralStringDelimiter */
/* .chroma .fm {} NameFunctionMagic */
/* .chroma .g {} Generic */
.chroma .gd {
color: #ffffff;
background-color: #5f3737;
} /* GenericDeleted */
}
/* GenericDeleted */
.chroma .ge {
color: #ddee30;
} /* GenericEmph */
}
/* GenericEmph */
.chroma .gh {
color: #ffaa10;
} /* GenericHeading */
}
/* GenericHeading */
.chroma .gi {
color: #ffffff;
background-color: #3a523a;
} /* GenericInserted */
}
/* GenericInserted */
/* .chroma .gl {} GenericUnderline */
.chroma .go {
color: #777e94;
} /* GenericOutput */
}
/* GenericOutput */
.chroma .gp {
color: #ebdbb2;
} /* GenericPrompt */
}
/* GenericPrompt */
.chroma .gr {
color: #ff4433;
} /* GenericError */
}
/* GenericError */
.chroma .gs {
color: #ebdbb2;
} /* GenericStrong */
}
/* GenericStrong */
.chroma .gt {
color: #ff7540;
} /* GenericTraceback */
}
/* GenericTraceback */
.chroma .gu {
color: #b8bb26;
} /* GenericSubheading */
}
/* GenericSubheading */
.chroma .il {
color: #649bc4;
} /* LiteralNumberIntegerLong */
}
/* LiteralNumberIntegerLong */
.chroma .k {
color: #ff7540;
} /* Keyword */
}
/* Keyword */
.chroma .kc {
color: #649bc4;
} /* KeywordConstant */
}
/* KeywordConstant */
.chroma .kd {
color: #ff7540;
} /* KeywordDeclaration */
}
/* KeywordDeclaration */
.chroma .kn {
color: #ffaa10;
} /* KeywordNamespace */
}
/* KeywordNamespace */
.chroma .kp {
color: #5f8700;
} /* KeywordPseudo */
}
/* KeywordPseudo */
.chroma .kr {
color: #ff7540;
} /* KeywordReserved */
}
/* KeywordReserved */
.chroma .kt {
color: #ff7b72;
} /* KeywordType */
}
/* KeywordType */
/* .chroma .l {} Literal */
/* .chroma .ld {} LiteralDate */
.chroma .m {
color: #649bc4;
} /* LiteralNumber */
}
/* LiteralNumber */
.chroma .mb {
color: #649bc4;
} /* LiteralNumberBin */
}
/* LiteralNumberBin */
.chroma .mf {
color: #649bc4;
} /* LiteralNumberFloat */
}
/* LiteralNumberFloat */
.chroma .mh {
color: #649bc4;
} /* LiteralNumberHex */
}
/* LiteralNumberHex */
.chroma .mi {
color: #649bc4;
} /* LiteralNumberInteger */
}
/* LiteralNumberInteger */
.chroma .mo {
color: #649bc4;
} /* LiteralNumberOct */
}
/* LiteralNumberOct */
.chroma .n {
color: #c9d1d9;
} /* Name */
}
/* Name */
.chroma .na {
color: #b8bb26;
} /* NameAttribute */
}
/* NameAttribute */
.chroma .nb {
color: #fabd2f;
} /* NameBuiltin */
}
/* NameBuiltin */
.chroma .nc {
color: #ffaa10;
} /* NameClass */
}
/* NameClass */
.chroma .nd {
color: #8ec07c;
} /* NameDecorator */
}
/* NameDecorator */
.chroma .ne {
color: #ff7540;
} /* NameException */
}
/* NameException */
.chroma .nf {
color: #fabd2f;
} /* NameFunction */
}
/* NameFunction */
.chroma .ni {
color: #fabd2f;
} /* NameEntity */
}
/* NameEntity */
.chroma .nl {
color: #ff7540;
} /* NameLabel */
}
/* NameLabel */
.chroma .nn {
color: #ffaa10;
} /* NameNamespace */
}
/* NameNamespace */
.chroma .no {
color: #649bc4;
} /* NameConstant */
}
/* NameConstant */
.chroma .nt {
color: #ff7540;
} /* NameTag */
}
/* NameTag */
.chroma .nv {
color: #ebdbb2;
} /* NameVariable */
}
/* NameVariable */
.chroma .nx {
color: #b6bac5;
} /* NameOther */
}
/* NameOther */
.chroma .o {
color: #ff7540;
} /* Operator */
}
/* Operator */
.chroma .ow {
color: #5f8700;
} /* OperatorWord */
}
/* OperatorWord */
.chroma .p {
color: #d2d4db;
} /* Punctuation */
}
/* Punctuation */
/* .chroma .py {} NameProperty */
.chroma .s {
color: #b8bb26;
} /* LiteralString */
}
/* LiteralString */
.chroma .s1 {
color: #b8bb26;
} /* LiteralStringSingle */
}
/* LiteralStringSingle */
.chroma .s2 {
color: #b8bb26;
} /* LiteralStringDouble */
}
/* LiteralStringDouble */
.chroma .sa {
color: #649bc4;
} /* LiteralStringAffix */
}
/* LiteralStringAffix */
.chroma .sb {
color: #b8bb26;
} /* LiteralStringBacktick */
}
/* LiteralStringBacktick */
.chroma .sc {
color: #649bc4;
} /* LiteralStringChar */
}
/* LiteralStringChar */
.chroma .sd {
color: #777e94;
} /* LiteralStringDoc */
}
/* LiteralStringDoc */
.chroma .se {
color: #ff7540;
} /* LiteralStringEscape */
}
/* LiteralStringEscape */
.chroma .sh {
color: #649bc4;
} /* LiteralStringHeredoc */
}
/* LiteralStringHeredoc */
.chroma .si {
color: #ffaa10;
} /* LiteralStringInterpol */
}
/* LiteralStringInterpol */
.chroma .sr {
color: #9075cd;
} /* LiteralStringRegex */
}
/* LiteralStringRegex */
.chroma .ss {
color: #ff7540;
} /* LiteralStringSymbol */
}
/* LiteralStringSymbol */
.chroma .sx {
color: #ffaa10;
} /* LiteralStringOther */
}
/* LiteralStringOther */
.chroma .vc {
color: #ff7540;
} /* NameVariableClass */
}
/* NameVariableClass */
.chroma .vg {
color: #ffaa10;
} /* NameVariableGlobal */
}
/* NameVariableGlobal */
.chroma .vi {
color: #ffaa10;
} /* NameVariableInstance */
}
/* NameVariableInstance */
/* .chroma .vm {} NameVariableMagic */
.chroma .w {
color: #7f8699;
} /* TextWhitespace */
}
/* TextWhitespace */
:root {
/* not actually steel lol */
@ -377,12 +511,10 @@
--color-header-wrapper: var(--steel-900);
--color-header-wrapper-transparent: #242d3800;
--color-light: #00000028;
--color-light-mimic-enabled: rgba(
--color-light-mimic-enabled: rgba(0,
0,
0,
0,
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
);
calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
--color-light-border: #c0c7ff24;
--color-hover: var(--steel-700);
--color-active: var(--steel-650);
@ -424,9 +556,11 @@
--checkerboard-color-1: #1d1f30;
--checkerboard-color-2: #2b2e47;
}
.home a {
color: var(--color-primary);
}
/* invert emojis that are hard to read otherwise */
.emoji[aria-label="check mark"],
.emoji[aria-label="currency exchange"],
@ -450,24 +584,30 @@
.emoji[aria-label="musical notes"] {
filter: invert(100%) hue-rotate(180deg);
}
.following.bar.light {
border-bottom: none;
}
#navbar {
background: var(--color-nav-bg);
border-bottom: none;
}
#navbar .item {
gap: 4px;
transition: background-color 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
#navbar .item.active {
background-color: var(--color-nav-active-bg);
}
.ui.grey.labels .label,
.ui.ui.ui.grey.label {
background-color: var(--steel-500);
}
.ui.green.labels .label,
.ui.ui.ui.green.label,
.ui.green.button,
@ -476,131 +616,148 @@
.ui.green.buttons .button:focus {
background: var(--color-primary);
}
.ui.green.button:hover,
.ui.green.buttons .button:hover {
background: var(--color-primary-light-1);
}
.repository #commits-table td.sha .sha.label.isSigned.isVerified,
.repository #repo-files-table .sha.label.isSigned.isVerified,
.repository #repo-file-commit-box .sha.label.isSigned.isVerified,
.repository #rev-list .sha.label.isSigned.isVerified,
.repository
.timeline-item.commits-list
.singular-commit
.sha.label.isSigned.isVerified {
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified {
border: 1px solid var(--color-primary);
background: var(--color-primary-alpha-10);
}
.repository #commits-table td.sha .sha.label.isSigned.isVerified .detail.icon,
.repository #repo-files-table .sha.label.isSigned.isVerified .detail.icon,
.repository #repo-file-commit-box .sha.label.isSigned.isVerified .detail.icon,
.repository #rev-list .sha.label.isSigned.isVerified .detail.icon,
.repository
.timeline-item.commits-list
.singular-commit
.sha.label.isSigned.isVerified
.detail.icon {
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified .detail.icon {
color: var(--color-primary);
border-color: var(--color-primary);
}
.repository #commits-table td.sha .sha.label.isSigned.isVerified:hover,
.repository #repo-files-table .sha.label.isSigned.isVerified:hover,
.repository #repo-file-commit-box .sha.label.isSigned.isVerified:hover,
.repository #rev-list .sha.label.isSigned.isVerified:hover,
.repository
.timeline-item.commits-list
.singular-commit
.sha.label.isSigned.isVerified:hover {
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified:hover {
background: var(--color-primary-alpha-40) !important;
}
.text.green.svg {
color: #16a34a !important;
}
i.grey.icon.icon.icon.icon {
color: var(--steel-350) !important;
}
.ui.red.button,
.ui.negative.button {
background-color: #7f1d1d !important;
color: #fff !important;
border-color: var(--color-light-border) !important;
}
.ui.red.button:hover,
.ui.negative.button:hover {
background-color: #991b1b !important;
}
.ui.secondary.vertical.menu {
border-radius: 0.28571429rem !important;
overflow: hidden;
}
.ui.secondary.vertical.menu>.item {
border-radius: 0 !important;
}
.ui.basic.primary.button.item {
background-color: var(--color-active) !important;
color: var(--color-text) !important;
box-shadow: none !important;
}
.ui.red.label.notification_count,
.ui.primary.label,
.ui.primary.labels .label {
background-color: var(--color-primary-light-3) !important;
}
.repository.view.issue .comment-list .code-comment+.code-comment {
margin: 1.25rem 0 !important;
padding-top: 1.25rem !important;
border-top-color: var(--steel-650) !important;
}
.ui.labeled.icon.buttons>.button>.icon,
.ui.labeled.icon.button>.icon {
background-color: rgba(0, 0, 0, 0.05) !important;
}
#review-box .review-comments-counter {
background-color: #00000088 !important;
color: #fff !important;
margin-left: 0.5em;
}
.ui.tabs .ui.primary.label,
.ui.menu .ui.primary.label {
background-color: rgba(192, 192, 255, 0.2) !important;
color: var(--color-text-dark) !important;
}
.ui.basic.yellow.label.pending-label {
background: var(--color-light) !important;
}
.ui.tertiary.button {
color: #fff9;
}
.ui.tertiary.button:hover {
color: #ccc;
}
.user.list .item .header {
display: flex;
flex-direction: row-reverse;
width: fit-content;
gap: 4px;
}
.user.list .item .header a::before {
content: "@";
}
.user.profile .ui.card {
background: none;
border: none;
}
.user.profile .profile-avatar-name .username.text:first-child {
font-weight: var(--font-weight-bold);
font-size: 1.3rem;
}
.user.profile .profile-avatar-name .username.text::before {
content: "@";
}
.page h1.ui.header {
font-size: 2rem !important;
}
.home .hero .svg {
color: inherit;
margin-bottom: 16px !important;
}
.issue-state-label.green {
background-color: #16a34a !important;
}
@ -613,10 +770,12 @@ i.grey.icon.icon.icon.icon {
border-radius: .28571429rem;
color: inherit;
}
.frc-captcha.frc-captcha *,
.frc-captcha.frc-captcha.dark * {
color: inherit;
}
.frc-captcha.frc-captcha.dark .frc-button,
.frc-captcha.frc-captcha .frc-button {
border-color: var(--color-input-border);
@ -624,6 +783,7 @@ i.grey.icon.icon.icon.icon {
border-radius: 2px;
transition: background .1s ease !important;
}
.frc-captcha.frc-captcha.dark .frc-button:hover,
.frc-captcha.frc-captcha .frc-button:hover {
background: var(--color-hover);

View file

@ -168,12 +168,10 @@
--color-header-wrapper: var(--steel-200);
--color-header-wrapper-transparent: #242d3800;
--color-light: var(--steel-150);
--color-light-mimic-enabled: rgba(
--color-light-mimic-enabled: rgba(0,
0,
0,
0,
calc(40 / 255 * 222 / 255 / var(--opacity-disabled))
);
calc(40 / 255 * 222 / 255 / var(--opacity-disabled)));
--color-light-border: #1e202e24;
--color-hover: var(--steel-150);
--color-active: var(--steel-250);
@ -215,27 +213,34 @@
--checkerboard-color-1: #eaecff;
--checkerboard-color-2: #d3d4e5;
}
.home a {
color: var(--color-primary);
}
.following.bar.light {
border-bottom: none;
}
#navbar {
background: var(--color-nav-bg);
border-bottom: none;
}
#navbar .item {
gap: 4px;
transition: background-color 100ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
#navbar .item.active {
background-color: var(--color-nav-active-bg);
}
.ui.grey.labels .label,
.ui.ui.ui.grey.label {
background-color: var(--steel-500);
}
.ui.green.labels .label,
.ui.ui.ui.green.label,
.ui.green.button,
@ -244,131 +249,148 @@
.ui.green.buttons .button:focus {
background: var(--color-primary);
}
.ui.green.button:hover,
.ui.green.buttons .button:hover {
background: var(--color-primary-light-1);
}
.repository #commits-table td.sha .sha.label.isSigned.isVerified,
.repository #repo-files-table .sha.label.isSigned.isVerified,
.repository #repo-file-commit-box .sha.label.isSigned.isVerified,
.repository #rev-list .sha.label.isSigned.isVerified,
.repository
.timeline-item.commits-list
.singular-commit
.sha.label.isSigned.isVerified {
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified {
border: 1px solid var(--color-primary);
background: var(--color-primary-alpha-10);
}
.repository #commits-table td.sha .sha.label.isSigned.isVerified .detail.icon,
.repository #repo-files-table .sha.label.isSigned.isVerified .detail.icon,
.repository #repo-file-commit-box .sha.label.isSigned.isVerified .detail.icon,
.repository #rev-list .sha.label.isSigned.isVerified .detail.icon,
.repository
.timeline-item.commits-list
.singular-commit
.sha.label.isSigned.isVerified
.detail.icon {
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified .detail.icon {
color: var(--color-primary);
border-color: var(--color-primary);
}
.repository #commits-table td.sha .sha.label.isSigned.isVerified:hover,
.repository #repo-files-table .sha.label.isSigned.isVerified:hover,
.repository #repo-file-commit-box .sha.label.isSigned.isVerified:hover,
.repository #rev-list .sha.label.isSigned.isVerified:hover,
.repository
.timeline-item.commits-list
.singular-commit
.sha.label.isSigned.isVerified:hover {
.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified:hover {
background: var(--color-primary-alpha-40) !important;
}
.text.green.svg {
color: #16a34a !important;
}
i.grey.icon.icon.icon.icon {
color: var(--steel-350) !important;
}
.ui.red.button,
.ui.negative.button {
background-color: #c35959 !important;
color: #fff !important;
border-color: var(--color-light-border) !important;
}
.ui.red.button:hover,
.ui.negative.button:hover {
background-color: #991b1b !important;
}
.ui.secondary.vertical.menu {
border-radius: 0.28571429rem !important;
overflow: hidden;
}
.ui.secondary.vertical.menu>.item {
border-radius: 0 !important;
}
.ui.basic.primary.button.item {
background-color: var(--color-active) !important;
color: var(--color-text) !important;
box-shadow: none !important;
}
.ui.red.label.notification_count,
.ui.primary.label,
.ui.primary.labels .label {
background-color: var(--color-primary-light-3) !important;
}
.repository.view.issue .comment-list .code-comment+.code-comment {
margin: 1.25rem 0 !important;
padding-top: 1.25rem !important;
border-top-color: var(--steel-650) !important;
}
.ui.labeled.icon.buttons>.button>.icon,
.ui.labeled.icon.button>.icon {
background-color: rgba(0, 0, 0, 0.05) !important;
}
#review-box .review-comments-counter {
background-color: #00000088 !important;
color: #fff !important;
margin-left: 0.5em;
}
.ui.tabs .ui.primary.label,
.ui.menu .ui.primary.label {
background-color: rgba(192, 192, 255, 0.2) !important;
color: var(--color-text-dark) !important;
}
.ui.basic.yellow.label.pending-label {
background: var(--color-light) !important;
}
.ui.tertiary.button {
color: #fff9;
}
.ui.tertiary.button:hover {
color: #ccc;
}
.user.list .item .header {
display: flex;
flex-direction: row-reverse;
width: fit-content;
gap: 4px;
}
.user.list .item .header a::before {
content: "@";
}
.user.profile .ui.card {
background: none;
border: none;
}
.user.profile .profile-avatar-name .username.text:first-child {
font-weight: var(--font-weight-bold);
font-size: 1.3rem;
}
.user.profile .profile-avatar-name .username.text::before {
content: "@";
}
.page h1.ui.header {
font-size: 2rem !important;
}
.home .hero .svg {
color: inherit;
margin-bottom: 16px !important;
}
.issue-state-label.green {
background-color: #16a34a !important;
}
@ -381,10 +403,12 @@ i.grey.icon.icon.icon.icon {
border-radius: .28571429rem;
color: inherit;
}
.frc-captcha.frc-captcha *,
.frc-captcha.frc-captcha.dark * {
color: inherit;
}
.frc-captcha.frc-captcha.dark .frc-button,
.frc-captcha.frc-captcha .frc-button {
border-color: var(--color-input-border);
@ -392,6 +416,7 @@ i.grey.icon.icon.icon.icon {
border-radius: 2px;
transition: background .1s ease !important;
}
.frc-captcha.frc-captcha.dark .frc-button:hover,
.frc-captcha.frc-captcha .frc-button:hover {
background: var(--color-hover);