From 3b153fab9aa0255f9c91698bf032279c1b92f83e Mon Sep 17 00:00:00 2001 From: uncenter <47499684+uncenter@users.noreply.github.com> Date: Sat, 23 Mar 2024 18:34:13 -0400 Subject: [PATCH] chore: clean up giscus stuff --- public/giscus/frappe.css | 81 ------------------------------------ public/giscus/latte.css | 81 ------------------------------------ public/giscus/macchiato.css | 81 ------------------------------------ public/giscus/mocha.css | 81 ------------------------------------ src/assets/scripts/giscus.js | 2 +- 5 files changed, 1 insertion(+), 325 deletions(-) delete mode 100644 public/giscus/frappe.css delete mode 100644 public/giscus/latte.css delete mode 100644 public/giscus/macchiato.css delete mode 100644 public/giscus/mocha.css diff --git a/public/giscus/frappe.css b/public/giscus/frappe.css deleted file mode 100644 index 81dad9b1..00000000 --- a/public/giscus/frappe.css +++ /dev/null @@ -1,81 +0,0 @@ -main { - --color-prettylights-syntax-comment: #838ba7; - --color-prettylights-syntax-constant: #8caaee; - --color-prettylights-syntax-entity: #8caaee; - --color-prettylights-syntax-storage-modifier-import: #ef9f76; - --color-prettylights-syntax-entity-tag: #81c8be; - --color-prettylights-syntax-keyword: #f4b8e4; - --color-prettylights-syntax-string: #a6d189; - --color-prettylights-syntax-variable: #ef9f76; - --color-prettylights-syntax-invalid-illegal-text: #e78284; - --color-prettylights-syntax-invalid-illegal-bg: rgba(231, 130, 132, 0.15); - --color-prettylights-syntax-markup-heading: #81c8be; - --color-prettylights-syntax-markup-italic: #e5c890; - --color-prettylights-syntax-markup-bold: #e5c890; - --color-prettylights-syntax-markup-deleted-text: #c6d0f5; - --color-prettylights-syntax-markup-deleted-bg: rgba(231, 130, 132, 0.4); - --color-prettylights-syntax-markup-inserted-text: #c6d0f5; - --color-prettylights-syntax-markup-inserted-bg: rgba(166, 209, 137, 0.4); - --color-prettylights-syntax-markup-changed-text: #c6d0f5; - --color-prettylights-syntax-markup-changed-bg: rgba(229, 200, 144, 0.4); - --color-prettylights-syntax-markup-ignored-text: #c6d0f5; - --color-btn-text: #c6d0f5; - --color-btn-bg: #414559; - --color-btn-border: #51576d; - --color-btn-hover-bg: #51576d; - --color-btn-hover-border: #626880; - --color-btn-active-bg: #626880; - --color-btn-selected-bg: #626880; - --color-btn-counter-bg: #626880; - --color-btn-outline-text: #ca9ee6; - --color-btn-shadow: 0 0 transparent; - --color-btn-inset-shadow: 0 0 transparent; - --color-btn-primary-text: #303446; - --color-btn-primary-bg: #a6d189; - --color-btn-primary-border: transparent; - --color-btn-primary-shadow: 0 0 transparent; - --color-btn-primary-inset-shadow: 0 0 transparent; - --color-btn-primary-hover-bg: #c2dfae; - --color-btn-primary-hover-border: #c2dfae; - --color-btn-primary-selected-bg: #c2dfae; - --color-btn-primary-selected-shadow: 0 0 transparent; - --color-btn-primary-disabled-text: #232634; - --color-btn-primary-disabled-bg: rgba(166, 209, 137, 0.4); - --color-btn-primary-disabled-border: transparent; - --color-action-list-item-default-hover-bg: #51576d; - --color-segmented-control-bg: #626880; - --color-segmented-control-button-bg: #303446; - --color-segmented-control-button-selected-border: #737994; - --color-fg-default: #c6d0f5; - --color-fg-muted: #b5bfe2; - --color-fg-subtle: #b5bfe2; - --color-canvas-default: #303446; - --color-canvas-overlay: #414559; - --color-canvas-inset: #232634; - --color-canvas-subtle: #292c3c; - --color-border-default: #51576d; - --color-border-muted: #414559; - --color-neutral-muted: rgba(115, 121, 148, 0.4); - --color-accent-fg: #ca9ee6; - --color-accent-emphasis: #ca9ee6; - --color-accent-muted: rgba(202, 158, 230, 0.4); - --color-accent-subtle: rgba(202, 158, 230, 0.15); - --color-success-fg: #a6d189; - --color-attention-fg: #ef9f76; - --color-attention-muted: #ca9ee6; - --color-attention-subtle: rgba(202, 158, 230, 0.15); - --color-danger-fg: #e78284; - --color-danger-muted: rgba(231, 130, 132, 0.4); - --color-danger-subtle: rgba(231, 130, 132, 0.8); - --color-primer-shadow-inset: 0 0 transparent; - --color-scale-gray-7: #51576d; - --color-scale-blue-8: #6089e7; - --color-social-reaction-bg-hover: var(--color-scale-gray-7); - --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-8); -} -main .gsc-comment-box-textarea::placeholder { - color: #a5adce; -} -main .gsc-loading-image { - background-image: url('https://raw.githubusercontent.com/uncenter/ctp-giscus/main/assets/loading.gif'); -} diff --git a/public/giscus/latte.css b/public/giscus/latte.css deleted file mode 100644 index 98b8b1cd..00000000 --- a/public/giscus/latte.css +++ /dev/null @@ -1,81 +0,0 @@ -main { - --color-prettylights-syntax-comment: #8c8fa1; - --color-prettylights-syntax-constant: #1e66f5; - --color-prettylights-syntax-entity: #1e66f5; - --color-prettylights-syntax-storage-modifier-import: #fe640b; - --color-prettylights-syntax-entity-tag: #179299; - --color-prettylights-syntax-keyword: #ea76cb; - --color-prettylights-syntax-string: #40a02b; - --color-prettylights-syntax-variable: #fe640b; - --color-prettylights-syntax-invalid-illegal-text: #d20f39; - --color-prettylights-syntax-invalid-illegal-bg: rgba(210, 15, 57, 0.15); - --color-prettylights-syntax-markup-heading: #179299; - --color-prettylights-syntax-markup-italic: #df8e1d; - --color-prettylights-syntax-markup-bold: #df8e1d; - --color-prettylights-syntax-markup-deleted-text: #4c4f69; - --color-prettylights-syntax-markup-deleted-bg: rgba(210, 15, 57, 0.4); - --color-prettylights-syntax-markup-inserted-text: #4c4f69; - --color-prettylights-syntax-markup-inserted-bg: rgba(64, 160, 43, 0.4); - --color-prettylights-syntax-markup-changed-text: #4c4f69; - --color-prettylights-syntax-markup-changed-bg: rgba(223, 142, 29, 0.4); - --color-prettylights-syntax-markup-ignored-text: #4c4f69; - --color-btn-text: #4c4f69; - --color-btn-bg: #ccd0da; - --color-btn-border: #bcc0cc; - --color-btn-hover-bg: #bcc0cc; - --color-btn-hover-border: #acb0be; - --color-btn-active-bg: #acb0be; - --color-btn-selected-bg: #acb0be; - --color-btn-counter-bg: #acb0be; - --color-btn-outline-text: #8839ef; - --color-btn-shadow: 0 0 transparent; - --color-btn-inset-shadow: 0 0 transparent; - --color-btn-primary-text: #eff1f5; - --color-btn-primary-bg: #40a02b; - --color-btn-primary-border: transparent; - --color-btn-primary-shadow: 0 0 transparent; - --color-btn-primary-inset-shadow: 0 0 transparent; - --color-btn-primary-hover-bg: #50c836; - --color-btn-primary-hover-border: #50c836; - --color-btn-primary-selected-bg: #50c836; - --color-btn-primary-selected-shadow: 0 0 transparent; - --color-btn-primary-disabled-text: #dce0e8; - --color-btn-primary-disabled-bg: rgba(64, 160, 43, 0.4); - --color-btn-primary-disabled-border: transparent; - --color-action-list-item-default-hover-bg: #bcc0cc; - --color-segmented-control-bg: #acb0be; - --color-segmented-control-button-bg: #eff1f5; - --color-segmented-control-button-selected-border: #9ca0b0; - --color-fg-default: #4c4f69; - --color-fg-muted: #5c5f77; - --color-fg-subtle: #5c5f77; - --color-canvas-default: #eff1f5; - --color-canvas-overlay: #ccd0da; - --color-canvas-inset: #dce0e8; - --color-canvas-subtle: #e6e9ef; - --color-border-default: #bcc0cc; - --color-border-muted: #ccd0da; - --color-neutral-muted: rgba(156, 160, 176, 0.4); - --color-accent-fg: #8839ef; - --color-accent-emphasis: #8839ef; - --color-accent-muted: rgba(136, 57, 239, 0.4); - --color-accent-subtle: rgba(136, 57, 239, 0.15); - --color-success-fg: #40a02b; - --color-attention-fg: #fe640b; - --color-attention-muted: #8839ef; - --color-attention-subtle: rgba(136, 57, 239, 0.15); - --color-danger-fg: #d20f39; - --color-danger-muted: rgba(210, 15, 57, 0.4); - --color-danger-subtle: rgba(210, 15, 57, 0.8); - --color-primer-shadow-inset: 0 0 transparent; - --color-scale-gray-7: #bcc0cc; - --color-scale-blue-8: #0a4ed6; - --color-social-reaction-bg-hover: var(--color-scale-gray-7); - --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-8); -} -main .gsc-comment-box-textarea::placeholder { - color: #6c6f85; -} -main .gsc-loading-image { - background-image: url('https://raw.githubusercontent.com/uncenter/ctp-giscus/main/assets/loading.gif'); -} diff --git a/public/giscus/macchiato.css b/public/giscus/macchiato.css deleted file mode 100644 index d6e5dc44..00000000 --- a/public/giscus/macchiato.css +++ /dev/null @@ -1,81 +0,0 @@ -main { - --color-prettylights-syntax-comment: #8087a2; - --color-prettylights-syntax-constant: #8aadf4; - --color-prettylights-syntax-entity: #8aadf4; - --color-prettylights-syntax-storage-modifier-import: #f5a97f; - --color-prettylights-syntax-entity-tag: #8bd5ca; - --color-prettylights-syntax-keyword: #f5bde6; - --color-prettylights-syntax-string: #a6da95; - --color-prettylights-syntax-variable: #f5a97f; - --color-prettylights-syntax-invalid-illegal-text: #ed8796; - --color-prettylights-syntax-invalid-illegal-bg: rgba(237, 135, 150, 0.15); - --color-prettylights-syntax-markup-heading: #8bd5ca; - --color-prettylights-syntax-markup-italic: #eed49f; - --color-prettylights-syntax-markup-bold: #eed49f; - --color-prettylights-syntax-markup-deleted-text: #cad3f5; - --color-prettylights-syntax-markup-deleted-bg: rgba(237, 135, 150, 0.4); - --color-prettylights-syntax-markup-inserted-text: #cad3f5; - --color-prettylights-syntax-markup-inserted-bg: rgba(166, 218, 149, 0.4); - --color-prettylights-syntax-markup-changed-text: #cad3f5; - --color-prettylights-syntax-markup-changed-bg: rgba(238, 212, 159, 0.4); - --color-prettylights-syntax-markup-ignored-text: #cad3f5; - --color-btn-text: #cad3f5; - --color-btn-bg: #363a4f; - --color-btn-border: #494d64; - --color-btn-hover-bg: #494d64; - --color-btn-hover-border: #5b6078; - --color-btn-active-bg: #5b6078; - --color-btn-selected-bg: #5b6078; - --color-btn-counter-bg: #5b6078; - --color-btn-outline-text: #c6a0f6; - --color-btn-shadow: 0 0 transparent; - --color-btn-inset-shadow: 0 0 transparent; - --color-btn-primary-text: #24273a; - --color-btn-primary-bg: #a6da95; - --color-btn-primary-border: transparent; - --color-btn-primary-shadow: 0 0 transparent; - --color-btn-primary-inset-shadow: 0 0 transparent; - --color-btn-primary-hover-bg: #c6e7bb; - --color-btn-primary-hover-border: #c6e7bb; - --color-btn-primary-selected-bg: #c6e7bb; - --color-btn-primary-selected-shadow: 0 0 transparent; - --color-btn-primary-disabled-text: #181926; - --color-btn-primary-disabled-bg: rgba(166, 218, 149, 0.4); - --color-btn-primary-disabled-border: transparent; - --color-action-list-item-default-hover-bg: #494d64; - --color-segmented-control-bg: #5b6078; - --color-segmented-control-button-bg: #24273a; - --color-segmented-control-button-selected-border: #6e738d; - --color-fg-default: #cad3f5; - --color-fg-muted: #b8c0e0; - --color-fg-subtle: #b8c0e0; - --color-canvas-default: #24273a; - --color-canvas-overlay: #363a4f; - --color-canvas-inset: #181926; - --color-canvas-subtle: #1e2030; - --color-border-default: #494d64; - --color-border-muted: #363a4f; - --color-neutral-muted: rgba(110, 115, 141, 0.4); - --color-accent-fg: #c6a0f6; - --color-accent-emphasis: #c6a0f6; - --color-accent-muted: rgba(198, 160, 246, 0.4); - --color-accent-subtle: rgba(198, 160, 246, 0.15); - --color-success-fg: #a6da95; - --color-attention-fg: #f5a97f; - --color-attention-muted: #c6a0f6; - --color-attention-subtle: rgba(198, 160, 246, 0.15); - --color-danger-fg: #ed8796; - --color-danger-muted: rgba(237, 135, 150, 0.4); - --color-danger-subtle: rgba(237, 135, 150, 0.8); - --color-primer-shadow-inset: 0 0 transparent; - --color-scale-gray-7: #494d64; - --color-scale-blue-8: #5b8cf0; - --color-social-reaction-bg-hover: var(--color-scale-gray-7); - --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-8); -} -main .gsc-comment-box-textarea::placeholder { - color: #a5adcb; -} -main .gsc-loading-image { - background-image: url('https://raw.githubusercontent.com/uncenter/ctp-giscus/main/assets/loading.gif'); -} diff --git a/public/giscus/mocha.css b/public/giscus/mocha.css deleted file mode 100644 index 3e3e2bab..00000000 --- a/public/giscus/mocha.css +++ /dev/null @@ -1,81 +0,0 @@ -main { - --color-prettylights-syntax-comment: #7f849c; - --color-prettylights-syntax-constant: #89b4fa; - --color-prettylights-syntax-entity: #89b4fa; - --color-prettylights-syntax-storage-modifier-import: #fab387; - --color-prettylights-syntax-entity-tag: #94e2d5; - --color-prettylights-syntax-keyword: #f5c2e7; - --color-prettylights-syntax-string: #a6e3a1; - --color-prettylights-syntax-variable: #fab387; - --color-prettylights-syntax-invalid-illegal-text: #f38ba8; - --color-prettylights-syntax-invalid-illegal-bg: rgba(243, 139, 168, 0.15); - --color-prettylights-syntax-markup-heading: #94e2d5; - --color-prettylights-syntax-markup-italic: #f9e2af; - --color-prettylights-syntax-markup-bold: #f9e2af; - --color-prettylights-syntax-markup-deleted-text: #cdd6f4; - --color-prettylights-syntax-markup-deleted-bg: rgba(243, 139, 168, 0.4); - --color-prettylights-syntax-markup-inserted-text: #cdd6f4; - --color-prettylights-syntax-markup-inserted-bg: rgba(166, 227, 161, 0.4); - --color-prettylights-syntax-markup-changed-text: #cdd6f4; - --color-prettylights-syntax-markup-changed-bg: rgba(249, 226, 175, 0.4); - --color-prettylights-syntax-markup-ignored-text: #cdd6f4; - --color-btn-text: #cdd6f4; - --color-btn-bg: #313244; - --color-btn-border: #45475a; - --color-btn-hover-bg: #45475a; - --color-btn-hover-border: #585b70; - --color-btn-active-bg: #585b70; - --color-btn-selected-bg: #585b70; - --color-btn-counter-bg: #585b70; - --color-btn-outline-text: #cba6f7; - --color-btn-shadow: 0 0 transparent; - --color-btn-inset-shadow: 0 0 transparent; - --color-btn-primary-text: #1e1e2e; - --color-btn-primary-bg: #a6e3a1; - --color-btn-primary-border: transparent; - --color-btn-primary-shadow: 0 0 transparent; - --color-btn-primary-inset-shadow: 0 0 transparent; - --color-btn-primary-hover-bg: #cbefc8; - --color-btn-primary-hover-border: #cbefc8; - --color-btn-primary-selected-bg: #cbefc8; - --color-btn-primary-selected-shadow: 0 0 transparent; - --color-btn-primary-disabled-text: #11111b; - --color-btn-primary-disabled-bg: rgba(166, 227, 161, 0.4); - --color-btn-primary-disabled-border: transparent; - --color-action-list-item-default-hover-bg: #45475a; - --color-segmented-control-bg: #585b70; - --color-segmented-control-button-bg: #1e1e2e; - --color-segmented-control-button-selected-border: #6c7086; - --color-fg-default: #cdd6f4; - --color-fg-muted: #bac2de; - --color-fg-subtle: #bac2de; - --color-canvas-default: #1e1e2e; - --color-canvas-overlay: #313244; - --color-canvas-inset: #11111b; - --color-canvas-subtle: #181825; - --color-border-default: #45475a; - --color-border-muted: #313244; - --color-neutral-muted: rgba(108, 112, 134, 0.4); - --color-accent-fg: #cba6f7; - --color-accent-emphasis: #cba6f7; - --color-accent-muted: rgba(203, 166, 247, 0.4); - --color-accent-subtle: rgba(203, 166, 247, 0.15); - --color-success-fg: #a6e3a1; - --color-attention-fg: #fab387; - --color-attention-muted: #cba6f7; - --color-attention-subtle: rgba(203, 166, 247, 0.15); - --color-danger-fg: #f38ba8; - --color-danger-muted: rgba(243, 139, 168, 0.4); - --color-danger-subtle: rgba(243, 139, 168, 0.8); - --color-primer-shadow-inset: 0 0 transparent; - --color-scale-gray-7: #45475a; - --color-scale-blue-8: #5895f8; - --color-social-reaction-bg-hover: var(--color-scale-gray-7); - --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-8); -} -main .gsc-comment-box-textarea::placeholder { - color: #a6adc8; -} -main .gsc-loading-image { - background-image: url('https://raw.githubusercontent.com/uncenter/ctp-giscus/main/assets/loading.gif'); -} diff --git a/src/assets/scripts/giscus.js b/src/assets/scripts/giscus.js index fe9c2df4..3203efc5 100644 --- a/src/assets/scripts/giscus.js +++ b/src/assets/scripts/giscus.js @@ -9,7 +9,7 @@ function loadGiscus() { 'data-reactions-enabled': '1', 'data-emit-metadata': '0', 'data-input-position': 'top', - 'data-theme': `https://ctp-giscus.uncenter.dev/${document.documentElement.getAttribute('theme')}.css`, + 'data-theme': `https://giscus.catppuccin.com/themes/${document.documentElement.getAttribute('theme')}.css`, 'data-lang': 'en', 'crossorigin': 'anonymous', 'async': '',