Add NoBorder themes

giscus · Jun 24, 2023 · 8dd7571 · 8dd7571
1 parent 5ff79eb
commit 8dd7571
Show file tree

Hide file tree

Showing 27 changed files with 253 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -17,6 +17,9 @@ major updates to the project.
 - Add Catalan localization
   ([#1071](https://github.com/giscus/giscus/pull/1071)).
 
+- Add NoBorder themes
+  ([#1052](https://github.com/giscus/giscus/pull/1052)).
+
 ## 2023-04-01
 
 ### Added

diff --git a/lib/variables.ts b/lib/variables.ts
@@ -24,6 +24,8 @@ export const availableThemes = [
   'dark_dimmed',
   'preferred_color_scheme',
   'transparent_dark',
+  'noborder_light',
+  'noborder_dark',
   'cobalt',
   'custom',
 ] as const;

diff --git a/locales/ar/config.json b/locales/ar/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "نظام اﻷلوان المفضل",
   "theme=transparent_dark": "اﻷسود الشفاف",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "مخصص (تجريبي)",
 
   "enableGiscus": "تفعيل غيسكوس",

diff --git a/locales/ca/config.json b/locales/ca/config.json
@@ -74,6 +74,8 @@
   "theme=preferred_color_scheme": "Preferred color scheme",
   "theme=transparent_dark": "Transparent Dark",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Custom (experimental)",
 
   "enableGiscus": "Habilitar giscus",

diff --git a/locales/de/config.json b/locales/de/config.json
@@ -72,6 +72,8 @@
   "theme=preferred_color_scheme": "Bevorzugtes Farbprofil",
   "theme=transparent_dark": "Durchsichtig Dunkel",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Benutzerdefiniert (Experimentel)",
 
   "enableGiscus": "giscus aktivieren",

diff --git a/locales/en/config.json b/locales/en/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Preferred color scheme",
   "theme=transparent_dark": "Transparent Dark",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Custom (experimental)",
 
   "enableGiscus": "Enable giscus",

diff --git a/locales/es/config.json b/locales/es/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Preferred color scheme",
   "theme=transparent_dark": "Transparent Dark",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Custom (experimental)",
 
   "enableGiscus": "Habilitar giscus",

diff --git a/locales/fa/config.json b/locales/fa/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "تم رنگ دلخواه",
   "theme=transparent_dark": "شفاف تیره",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "سفارشی (به صورت تجربی)",
 
   "enableGiscus": "فعال سازی giscus",

diff --git a/locales/fr/config.json b/locales/fr/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Preferred color scheme",
   "theme=transparent_dark": "Transparent Dark",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Personnalisé (expérimental)",
 
   "enableGiscus": "Activer giscus",

diff --git a/locales/he/config.json b/locales/he/config.json
@@ -70,6 +70,8 @@
   "theme=preferred_color_scheme": "ערכת נושא מועדפת",
   "theme=transparent_dark": "Transparent Dark",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "המתאמה אישית (ניסיוני)",
   "enableGiscus": "הפעל giscus",
   "addTheFollowingScriptTag": "הוסף את התגית <code><script></code> לתבנית האתר שלכם במקום שבו תרצו שהתגובות יופיעו. אם קיים אלמנט עם המזהה (class) <code>giscus</code>, התגובות יופיעו במקום זה.",

diff --git a/locales/id/config.json b/locales/id/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Skema warna pilihan",
   "theme=transparent_dark": "Gelap Transparan",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Buat sendiri (eksperimental)",
 
   "enableGiscus": "Aktifkan giscus",

diff --git a/locales/it/config.json b/locales/it/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Impostazioni preferite del dispositivo",
   "theme=transparent_dark": "Scuro Trasparente",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Personalizzato (sperimentale)",
 
   "enableGiscus": "Abilita giscus",

diff --git a/locales/ja/config.json b/locales/ja/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "カラースキームに従う",
   "theme=transparent_dark": "Transparent Dark",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "カスタム (試験的)",
 
   "enableGiscus": "giscusを有効にする",

diff --git a/locales/ko/config.json b/locales/ko/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Preferred color scheme",
   "theme=transparent_dark": "Transparent Dark",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "사용자 지정 (실험적)",
 
   "enableGiscus": "giscus 사용",

diff --git a/locales/nl/config.json b/locales/nl/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Voorkeur kleurschema",
   "theme=transparent_dark": "Transparent Dark",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Custom (experimenteel)",
 
   "enableGiscus": "Giscus inschakelen",

diff --git a/locales/pl/config.json b/locales/pl/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Preferred color scheme",
   "theme=transparent_dark": "Transparent Dark",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Custom (experimental)",
 
   "enableGiscus": "Enable giscus",

diff --git a/locales/pt/config.json b/locales/pt/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Esquema de cores preferido",
   "theme=transparent_dark": "Escuro transparente",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Personalizado (experimental)",
 
   "enableGiscus": "Habilitar giscus",

diff --git a/locales/ro/config.json b/locales/ro/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Preferred color scheme",
   "theme=transparent_dark": "Transparent Dark",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Custom (experimental)",
 
   "enableGiscus": "Enable giscus",

diff --git a/locales/ru/config.json b/locales/ru/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Предпочитаемая цветовая схема",
   "theme=transparent_dark": "Transparent Dark",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Custom (экспериментальная опция)",
 
   "enableGiscus": "Включить giscus",

diff --git a/locales/th/config.json b/locales/th/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Preferred color scheme",
   "theme=transparent_dark": "มืด โปร่งแสง",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "กำหนดเอง (การทดลอง)",
 
   "enableGiscus": "เปิดใช้งาน giscus",

diff --git a/locales/tr/config.json b/locales/tr/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Tercih edilen renk şeması",
   "theme=transparent_dark": "Saydam Koyu",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Özel (deneysel)",
 
   "enableGiscus": "Giscus'ı etkinleştir",

diff --git a/locales/uk/config.json b/locales/uk/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Вподобана колірна схема",
   "theme=transparent_dark": "Transparent Dark",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Спеціальна (експериментальна опція)",
 
   "enableGiscus": "Увімкнути giscus",

diff --git a/locales/vi/config.json b/locales/vi/config.json
@@ -73,6 +73,8 @@
   "theme=preferred_color_scheme": "Phối màu ưa thích",
   "theme=transparent_dark": "Transparent Dark",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "Tùy chỉnh (thử nghiệm)",
 
   "enableGiscus": "Bật giscus",

diff --git a/locales/zh-CN/config.json b/locales/zh-CN/config.json
@@ -80,6 +80,8 @@
   "theme=preferred_color_scheme": "用户偏好的色彩方案",
   "theme=transparent_dark": "Transparent Dark",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder Light",
+  "theme=noborder_dark": "NoBorder Dark",
   "theme=custom": "自定义（实验性）",
 
   "enableGiscus": "启用 giscus",

diff --git a/locales/zh-TW/config.json b/locales/zh-TW/config.json
@@ -80,6 +80,8 @@
   "theme=preferred_color_scheme": "使用者偏好的色彩配置",
   "theme=transparent_dark": "深色主題 (半透明)",
   "theme=cobalt": "RStudio Cobalt",
+  "theme=noborder_light": "NoBorder 亮色主題",
+  "theme=noborder_dark": "NoBorder 深色主題",
   "theme=custom": "自訂（實驗功能）",
 
   "enableGiscus": "啟用 giscus",

diff --git a/styles/themes/noborder_dark.css b/styles/themes/noborder_dark.css
@@ -0,0 +1,101 @@
+main {
+  --primary-defaut: 16, 185, 129;
+  --bg-defaut: 22, 22, 24;
+  --color-prettylights-syntax-comment: #8b949e;
+  --color-prettylights-syntax-constant: #79c0ff;
+  --color-prettylights-syntax-entity: #d2a8ff;
+  --color-prettylights-syntax-storage-modifier-import: #c9d1d9;
+  --color-prettylights-syntax-entity-tag: #7ee787;
+  --color-prettylights-syntax-keyword: #ff7b72;
+  --color-prettylights-syntax-string: #a5d6ff;
+  --color-prettylights-syntax-variable: #ffa657;
+  --color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
+  --color-prettylights-syntax-invalid-illegal-text: #f0f6fc;
+  --color-prettylights-syntax-invalid-illegal-bg: #8e1519;
+  --color-prettylights-syntax-carriage-return-text: #f0f6fc;
+  --color-prettylights-syntax-carriage-return-bg: #b62324;
+  --color-prettylights-syntax-string-regexp: #7ee787;
+  --color-prettylights-syntax-markup-list: #f2cc60;
+  --color-prettylights-syntax-markup-heading: #1f6feb;
+  --color-prettylights-syntax-markup-italic: #c9d1d9;
+  --color-prettylights-syntax-markup-bold: #c9d1d9;
+  --color-prettylights-syntax-markup-deleted-text: #ffdcd7;
+  --color-prettylights-syntax-markup-deleted-bg: #67060c;
+  --color-prettylights-syntax-markup-inserted-text: #aff5b4;
+  --color-prettylights-syntax-markup-inserted-bg: #033a16;
+  --color-prettylights-syntax-markup-changed-text: #ffdfb6;
+  --color-prettylights-syntax-markup-changed-bg: #5a1e02;
+  --color-prettylights-syntax-markup-ignored-text: #c9d1d9;
+  --color-prettylights-syntax-markup-ignored-bg: #1158c7;
+  --color-prettylights-syntax-meta-diff-range: #d2a8ff;
+  --color-prettylights-syntax-brackethighlighter-angle: #8b949e;
+  --color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
+  --color-prettylights-syntax-constant-other-reference-link: #a5d6ff;
+  --color-btn-text: rgba(235, 235, 245, 0.86);
+  --color-btn-bg: rgba(var(--bg-defaut), 1);
+  --color-btn-border: rgba(var(--bg-defaut), 1);
+  --color-btn-shadow: 0 1px 0 rgba(var(--bg-defaut), 1);
+  --color-btn-inset-shadow: inset 0 1px 0 rgba(var(--bg-defaut), 1);
+  --color-btn-hover-bg: rgba(var(--bg-defaut), 0.5);
+  --color-btn-hover-border: rgba(var(--bg-defaut), 0.5);
+  --color-btn-active-bg: rgba(var(--primary-defaut), 0.2);
+  --color-btn-active-border: rgba(var(--bg-defaut), 1);
+  --color-btn-selected-bg: rgba(var(--primary-defaut), 0.15);
+  --color-btn-primary-text: rgba(255, 255, 255, 1);
+  --color-btn-primary-bg: rgba(var(--primary-defaut), 1);
+  --color-btn-primary-border: rgba(var(--primary-defaut), 1);
+  --color-btn-primary-shadow: 0 1px 0 rgba(27, 31, 36, .1);
+  --color-btn-primary-inset-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .03);
+  --color-btn-primary-hover-bg: rgba(var(--primary-defaut), 0.75);
+  --color-btn-primary-hover-border: rgba(var(--primary-defaut), 0.75);
+  --color-btn-primary-selected-bg: rgba(var(--primary-defaut), 1);
+  --color-btn-primary-selected-shadow: inset 0 1px 0 rgba(0, 45, 17, .2);
+  --color-btn-primary-disabled-text: rgba(255, 255, 255, .8);
+  --color-btn-primary-disabled-bg: rgba(var(--primary-defaut), 0.5);
+  --color-btn-primary-disabled-border: rgba(var(--primary-defaut), 0.5);
+  --color-fg-default: rgba(235, 235, 245, 0.86);
+  --color-fg-muted: rgba(235, 235, 245, 0.6);
+  --color-fg-subtle: rgba(235, 235, 245, 0.5);
+  --color-canvas-default: rgba(30, 30, 32, 1);
+  --color-canvas-overlay: rgba(30, 30, 32, 1);
+  --color-canvas-inset: rgba(var(--bg-defaut), 0.85);
+  --color-canvas-subtle: rgba(var(--bg-defaut), 1);
+  --color-border-default: rgba(var(--bg-defaut), 0.85);
+  --color-border-muted: rgba(175, 184, 193, .2);
+  --color-neutral-muted: rgba(175, 184, 193, .2);
+  --color-accent-fg: rgba(var(--primary-defaut), 0.85);
+  --color-accent-emphasis: rgba(var(--primary-defaut), 0.95);
+  --color-accent-muted: rgba(var(--primary-defaut), 0.4);
+  --color-accent-subtle: rgba(var(--primary-defaut), 0.1);
+  --color-success-fg: #3fb950;
+  --color-attention-fg: #d29922;
+  --color-attention-muted: rgb(187 128 9 / 40%);
+  --color-attention-subtle: rgb(187 128 9 / 15%);
+  --color-danger-fg: #f85149;
+  --color-danger-muted: rgb(248 81 73 / 40%);
+  --color-danger-subtle: rgb(248 81 73 / 15%);
+  --color-primer-shadow-inset: 0 1px 0 rgba(var(--bg-defaut), 1), inset 0 1px 0 rgba(var(--bg-defaut), 1);
+  --color-primer-shadow-focus: 0 0 0 3px rgba(175, 184, 193, .3);
+  --color-scale-gray-7: rgba(22, 22, 24, 1);
+  --color-scale-blue-8: rgba(16, 185, 129, 0.15);
+
+  /*! 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);
+}
+
+.body {
+  background-color: rgba(33, 30, 32, 1);
+}
+
+main .pagination-loader-container {
+  background-image: url("https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg");
+}
+
+main .gsc-loading-image {
+  background-image: url("https://github.githubassets.com/images/mona-loading-dark.gif");
+}
+
+main button:disabled {
+  cursor: not-allowed;
+}