fix: format css files

public/assets/css/theme-gitdotgay-dark.css

@@ -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
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified {
-  .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
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified .detail.icon {
-  .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
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified:hover {
-  .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 {
+
+.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 {
+
+.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 {
+.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);

public/assets/css/theme-gitdotgay-light.css

@@ -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
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified {
-  .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
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified .detail.icon {
-  .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
+.repository .timeline-item.commits-list .singular-commit .sha.label.isSigned.isVerified:hover {
-  .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 {
+
+.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 {
+
+.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 {
+.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);

public/assets/css/theme-gitdotgay.css

@@ -1,2 +1,2 @@
 @import "theme-gitdotgay-light.css";
-@import "theme-gitdotgay-dark.css" (prefers-color-scheme: dark);
+@import "theme-gitdotgay-dark.css"(prefers-color-scheme: dark);