diff --git a/public/custom/giscus.css b/public/custom/giscus.css index f9935cc..0ea9a23 100644 --- a/public/custom/giscus.css +++ b/public/custom/giscus.css @@ -38,12 +38,19 @@ main { --color-btn-text: #f0e9e4; /* Using $light */ --color-btn-bg: #312620; /* Using $dark */ - --color-btn-border: rgba(168, 99, 56, 0.10); /* Using $accent with 10% opacity */ + --color-btn-border: rgba( + 168, + 99, + 56, + 0.1 + ); /* Using $accent with 10% opacity */ --color-btn-shadow: 0 0 transparent; --color-btn-inset-shadow: 0 0 transparent; --color-btn-hover-bg: #382e28; /* Using $gray */ --color-btn-hover-border: #a86338; /* Using $accent */ - --color-btn-active-bg: hsl(25deg 27% 27% / 100%); /* Adjusted to match the palette, using a hue close to $accent */ + --color-btn-active-bg: hsl( + 25deg 27% 27% / 100% + ); /* Adjusted to match the palette, using a hue close to $accent */ --color-btn-active-border: #a86338; /* Using $accent */ --color-btn-selected-bg: #312620; /* Using $dark */ @@ -61,10 +68,20 @@ main { --color-btn-primary-disabled-border: transparent; /* Hover background for action list items */ - --color-action-list-item-default-hover-bg: rgba(168, 99, 56, 0.12); /* Using $accent with 12% opacity */ + --color-action-list-item-default-hover-bg: rgba( + 168, + 99, + 56, + 0.12 + ); /* Using $accent with 12% opacity */ /* Segmented control background */ - --color-segmented-control-bg: rgba(56, 46, 40, 0.10); /* Using $gray with 10% opacity */ + --color-segmented-control-bg: rgba( + 56, + 46, + 40, + 0.1 + ); /* Using $gray with 10% opacity */ --color-segmented-control-button-bg: #312620; /* Using $dark */ --color-segmented-control-button-selected-border: #a86338; /* Using $accent */ @@ -76,21 +93,46 @@ main { /* Canvas (background) colors */ --color-canvas-default: #312620; /* Using $dark */ --color-canvas-overlay: #382e28; /* Using $gray */ - --color-canvas-inset: rgba(49, 38, 32, 1); /* Using $dark with 100% opacity */ - --color-canvas-subtle: rgba(56, 46, 40, 1); /* Using $gray with 100% opacity */ + --color-canvas-inset: rgba( + 49, + 38, + 32, + 1 + ); /* Using $dark with 100% opacity */ + --color-canvas-subtle: rgba( + 56, + 46, + 40, + 1 + ); /* Using $gray with 100% opacity */ /* Border colors */ --color-border-default: #382e28; /* Using $gray */ --color-border-muted: #312620; /* Using $dark */ /* Neutral muted color */ - --color-neutral-muted: rgba(56, 46, 40, 0.40); /* Using $gray with 40% opacity */ + --color-neutral-muted: rgba( + 56, + 46, + 40, + 0.4 + ); /* Using $gray with 40% opacity */ /* Accent colors */ --color-accent-fg: #a86338; /* Using $accent */ --color-accent-emphasis: #a86338; /* Using $accent */ - --color-accent-muted: rgba(168, 99, 56, 0.40); /* Using $accent with 40% opacity */ - --color-accent-subtle: rgba(168, 99, 56, 0.10); /* Using $accent with 10% opacity */ + --color-accent-muted: rgba( + 168, + 99, + 56, + 0.4 + ); /* Using $accent with 40% opacity */ + --color-accent-subtle: rgba( + 168, + 99, + 56, + 0.1 + ); /* Using $accent with 10% opacity */ --color-success-fg: #a86338; @@ -118,13 +160,23 @@ main .pagination-loader-container { /*! Custom CSS */ -.gsc-main { gap: 0; } +.gsc-main { + gap: 0; +} -.gsc-reactions { padding-bottom: 32px !important; } -.gsc-reactions > div { margin-top: 0 !important; } -.gsc-reactions-count { display: none; } +.gsc-reactions { + padding-bottom: 32px !important; +} +.gsc-reactions > div { + margin-top: 0 !important; +} +.gsc-reactions-count { + display: none; +} -.gsc-header { padding-bottom: 32px; } +.gsc-header { + padding-bottom: 32px; +} .gsc-comment-box-tabs { border-radius: 0 !important; @@ -133,9 +185,13 @@ main .pagination-loader-container { /*border: 2px solid #382e28;*/ } -.gsc-comments { gap: 0; } +.gsc-comments { + gap: 0; +} .gsc-comments > .gsc-comment-box, -.gsc-comments > .gsc-comment{ margin-bottom: 16px; } +.gsc-comments > .gsc-comment { + margin-bottom: 16px; +} .gsc-comment > div { border-width: 2px !important; }