Add transparent light theme

lib/variables.ts

@@ -32,6 +32,7 @@ export const availableThemes = [
  'dark_tritanopia',
  'dark_dimmed',
  'preferred_color_scheme',
+ 'transparent_light',
  'transparent_dark',
  'noborder_light',
  'noborder_dark',

locales/ar/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "أسود جيت هب عَمَى الأَزْرَق",
  "theme=dark_dimmed": "أسود جيت هب الغامق",
  "theme=preferred_color_scheme": "نظام اﻷلوان المفضل",
+ "theme=transparent_light": "ابيض الشفاف",
  "theme=transparent_dark": "اﻷسود الشفاف",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/ca/config.json

@@ -72,6 +72,7 @@
  "theme=dark_ptrianopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "Preferred color scheme",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/da/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Mørk Tritanopia",
  "theme=dark_dimmed": "GitHub Mørk Dimmed",
  "theme=preferred_color_scheme": "Preferred color scheme",
+ "theme=transparent_light": "Transparent Lys",
  "theme=transparent_dark": "Transparent Mørk",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Lys",

locales/de/config.json

@@ -70,6 +70,7 @@
  "theme=dark_tritanopia": "GitHub Dunkel (Tritanopia)",
  "theme=dark_dimmed": "GitHub Dunkel (Gedimmt)",
  "theme=preferred_color_scheme": "Bevorzugtes Farbprofil",
+ "theme=transparent_light": "Durchsichtig Hell",
  "theme=transparent_dark": "Durchsichtig Dunkel",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/en/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "Preferred color scheme",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/eo/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHuba (Malhela Tritanopia)",
  "theme=dark_dimmed": "GitHub Malhela (Malheligita)",
  "theme=preferred_color_scheme": "Preferita kolorŝemo",
+ "theme=transparent_light": "Travideble Hela",
  "theme=transparent_dark": "Travideble Malhela",
  "theme=cobalt": "RStudio Kobalto",
  "theme=noborder_light": "SenLimo Hela",

locales/es/config.json

@@ -71,6 +71,7 @@
  "theme=dark_ptrianopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "Preferred color scheme",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/fa/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "گیت‌هاب تیره تریتانوپیا",
  "theme=dark_dimmed": "گیت‌هاب تیره محو",
  "theme=preferred_color_scheme": "تم رنگ دلخواه",
+ "theme=transparent_light": "شفاف روشن",
  "theme=transparent_dark": "شفاف تیره",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/fr/config.json

@@ -71,6 +71,7 @@
  "theme=dark_ptrianopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "Preferred color scheme",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/gr/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "Preferred color scheme",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/he/config.json

@@ -68,6 +68,7 @@
  "theme=dark_tritanopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "ערכת נושא מועדפת",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/hu/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Sötét Tritanopia",
  "theme=dark_dimmed": "GitHub Sötét Elhalványított",
  "theme=preferred_color_scheme": "Preferált színséma",
+ "theme=transparent_light": "Átlátszó Világos",
  "theme=transparent_dark": "Átlátszó Sötét",
  "theme=cobalt": "RStudio Kobalt",
  "theme=noborder_light": "NoBorder Világos",

locales/id/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Gelap Tritanopia",
  "theme=dark_dimmed": "GitHub Gelap Redup",
  "theme=preferred_color_scheme": "Skema warna pilihan",
+ "theme=transparent_light": "Terang Transparan",
  "theme=transparent_dark": "Gelap Transparan",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/it/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Scuro Tritanopia",
  "theme=dark_dimmed": "GitHub più Scuro",
  "theme=preferred_color_scheme": "Impostazioni preferite del dispositivo",
+ "theme=transparent_light": "Chiaro Trasparente",
  "theme=transparent_dark": "Scuro Trasparente",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/ja/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "カラースキームに従う",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/kh/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub ផ្ទៃពណ៌ខ្មៅបែប Tritanopia",
  "theme=dark_dimmed": "GitHub ផ្ទៃពណ៌ខ្មៅបែបស្រាលស្រទន់",
  "theme=preferred_color_scheme": "ម៉ូតពណ៌ដែលពេញនិយម",
+ "theme=transparent_light": "ពណ៌សបែបថ្លា",
  "theme=transparent_dark": "ពណ៌ខ្មៅបែបថ្លា",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "ពណ៌សមិនមានគែម",

locales/ko/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "Preferred color scheme",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/nl/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "Voorkeur kleurschema",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/pl/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "Preferred color scheme",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/pt/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Escuro Tritanopia",
  "theme=dark_dimmed": "GitHub Escurecido",
  "theme=preferred_color_scheme": "Esquema de cores preferido",
+ "theme=transparent_light": "Claro transparente",
  "theme=transparent_dark": "Escuro transparente",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/ro/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "Preferred color scheme",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/ru/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "Предпочитаемая цветовая схема",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/th/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub มืด Tritanopia",
  "theme=dark_dimmed": "GitHub มืด ลดแสง",
  "theme=preferred_color_scheme": "Preferred color scheme",
+ "theme=transparent_light": "สว่าง โปร่งแสง",
  "theme=transparent_dark": "มืด โปร่งแสง",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/tr/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Koyu Tritanopia",
  "theme=dark_dimmed": "GitHub Koyu Sönük",
  "theme=preferred_color_scheme": "Tercih edilen renk şeması",
+ "theme=transparent_light": "Saydam Aydınlık",
  "theme=transparent_dark": "Saydam Koyu",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/uk/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "Вподобана колірна схема",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/vi/config.json

@@ -71,6 +71,7 @@
  "theme=dark_tritanopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "Phối màu ưa thích",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/zh-CN/config.json

@@ -78,6 +78,7 @@
  "theme=dark_tritanopia": "GitHub Dark Tritanopia",
  "theme=dark_dimmed": "GitHub Dark Dimmed",
  "theme=preferred_color_scheme": "用户偏好的色彩方案",
+ "theme=transparent_light": "Transparent Light",
  "theme=transparent_dark": "Transparent Dark",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder Light",

locales/zh-TW/config.json

@@ -78,6 +78,7 @@
  "theme=dark_tritanopia": "GitHub 深色主題 (Tritanopia)",
  "theme=dark_dimmed": "GitHub 深色主題 (暗淡)",
  "theme=preferred_color_scheme": "使用者偏好的色彩配置",
+ "theme=transparent_light": "深色主題 (半透明)",
  "theme=transparent_dark": "深色主題 (半透明)",
  "theme=cobalt": "RStudio Cobalt",
  "theme=noborder_light": "NoBorder 亮色主題",

styles/themes/transparent_light.css

@@ -0,0 +1,125 @@
+/*! Modified from GitHub's light theme
+* MIT License
+ * Copyright (c) 2018 GitHub Inc.
+ * https://github.com/primer/primitives/blob/main/LICENSE
+ */
+
+main {
+ --color-prettylights-syntax-comment: #6e7781;
+ --color-prettylights-syntax-constant: #0550ae;
+ --color-prettylights-syntax-entity: #8250df;
+ --color-prettylights-syntax-storage-modifier-import: #24292f;
+ --color-prettylights-syntax-entity-tag: #116329;
+ --color-prettylights-syntax-keyword: #cf222e;
+ --color-prettylights-syntax-string: #0a3069;
+ --color-prettylights-syntax-variable: #953800;
+ --color-prettylights-syntax-brackethighlighter-unmatched: #82071e;
+ --color-prettylights-syntax-invalid-illegal-text: #f6f8fa;
+ --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+ --color-prettylights-syntax-carriage-return-text: #f6f8fa;
+ --color-prettylights-syntax-carriage-return-bg: #cf222e;
+ --color-prettylights-syntax-string-regexp: #116329;
+ --color-prettylights-syntax-markup-list: #3b2300;
+ --color-prettylights-syntax-markup-heading: #0550ae;
+ --color-prettylights-syntax-markup-italic: #24292f;
+ --color-prettylights-syntax-markup-bold: #24292f;
+ --color-prettylights-syntax-markup-deleted-text: #82071e;
+ --color-prettylights-syntax-markup-deleted-bg: #ffebe9;
+ --color-prettylights-syntax-markup-inserted-text: #116329;
+ --color-prettylights-syntax-markup-inserted-bg: #dafbe1;
+ --color-prettylights-syntax-markup-changed-text: #953800;
+ --color-prettylights-syntax-markup-changed-bg: #ffd8b5;
+ --color-prettylights-syntax-markup-ignored-text: #eaeef2;
+ --color-prettylights-syntax-markup-ignored-bg: #0550ae;
+ --color-prettylights-syntax-meta-diff-range: #8250df;
+ --color-prettylights-syntax-brackethighlighter-angle: #57606a;
+ --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
+ --color-prettylights-syntax-constant-other-reference-link: #0a3069;
+ --color-btn-text: #24292f;
+ --color-btn-bg: rgb(246 248 250 / 80%);
+ --color-btn-border: rgb(31 35 40 / 15%);
+ --color-btn-shadow: 0 1px 0 rgb(31 35 40 / 4%);
+ --color-btn-inset-shadow: inset 0 1px 0 rgb(255 255 255 / 25%);
+ --color-btn-hover-bg: rgb(243 244 246 / 50%);
+ --color-btn-hover-border: rgb(31 35 40 / 15%);
+ --color-btn-active-bg: hsl(220deg 14% 93% / 50%);
+ --color-btn-active-border: rgb(31 35 40 / 15%);
+ --color-btn-selected-bg: hsl(220deg 14% 94% / 50%);
+ --color-btn-primary-text: #fff;
+ --color-btn-primary-bg: #1f883d;
+ --color-btn-primary-border: rgb(31 35 40 / 15%);
+ --color-btn-primary-shadow: 0 1px 0 rgb(31 35 40 / 10%);
+ --color-btn-primary-inset-shadow: inset 0 1px 0 rgb(255 255 255 / 3%);
+ --color-btn-primary-hover-bg: #1a7f37;
+ --color-btn-primary-hover-border: rgb(31 35 40 / 15%);
+ --color-btn-primary-selected-bg: hsl(137deg 66% 28% / 100%);
+ --color-btn-primary-selected-shadow: inset 0 1px 0 rgb(0 45 17 / 20%);
+ --color-btn-primary-disabled-text: rgb(255 255 255 / 80%);
+ --color-btn-primary-disabled-bg: #94d3a2;
+ --color-btn-primary-disabled-border: rgb(31 35 40 / 15%);
+ --color-action-list-item-default-hover-bg: rgb(208 215 222 / 12%);
+ --color-segmented-control-bg: rgb(234 238 242 / 10%);
+ --color-segmented-control-button-bg: transparent;
+ --color-segmented-control-button-selected-border: #8c959f;
+ --color-fg-default: #1F2328;
+ --color-fg-muted: #292b2e;
+ --color-fg-subtle: #383d42;
+ --color-canvas-default: transparent;
+ --color-canvas-overlay: rgb(255 255 255 / 90%);
+ --color-canvas-inset: transparent;
+ --color-canvas-subtle: transparent;
+ --color-border-default: #d0d7de;
+ --color-border-muted: hsl(210deg 18% 87% / 100%);
+ --color-neutral-muted: rgb(175 184 193 / 5%);
+ --color-neutral-subtle: rgb(175 184 193 / 10%);
+ --color-accent-fg: #0969da;
+ --color-accent-emphasis: #0969da;
+ --color-accent-muted: rgb(84 174 255 / 40%);
+ --color-accent-subtle: #ddf4ff;
+ --color-success-fg: #1a7f37;
+ --color-attention-fg: #9a6700;
+ --color-attention-muted: rgb(212 167 44 / 40%);
+ --color-attention-subtle: #fff8c5;
+ --color-danger-fg: #d1242f;
+ --color-danger-muted: rgb(255 129 130 / 40%);
+ --color-danger-subtle: #ffebe9;
+ --color-primer-shadow-inset: inset 0 1px 0 rgb(208 215 222 / 20%);
+ --color-scale-gray-1: #eaeef2;
+ --color-scale-blue-1: #b6e3ff;
+
+ /*! Extensions from @primer/css/alerts/flash.scss */
+ --color-social-reaction-bg-hover: var(--color-scale-gray-1);
+ --color-social-reaction-bg-reacted-hover: var(--color-scale-blue-1);
+}
+
+main .pagination-loader-container {
+ background-image: url("https://github.com/images/modules/pulls/progressive-disclosure-line.svg");
+}
+
+main .gsc-loading-image {
+ background-image: url("https://github.githubassets.com/images/mona-loading-default.gif");
+}
+
+.gsc-pagination-button {
+ background-color: var(--color-btn-bg);
+}
+
+.gsc-homepage-bg {
+ background: linear-gradient(135deg, #9debff, #9dceff, #deb5ff);
+ background-size: 600% 600%;
+ animation: gradient 21s ease infinite;
+}
+
+@keyframes gradient {
+ 0% {
+ background-position: 2% 0%;
+ }
+
+ 50% {
+ background-position: 99% 100%;
+ }
+
+ 100% {
+ background-position: 2% 0%;
+ }
+}