Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add theme Transparent balanced #1335

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions lib/variables.ts
Original file line number Diff line number Diff line change
Expand Up @@ -33,6 +33,7 @@ export const availableThemes = [
'dark_dimmed',
'preferred_color_scheme',
'transparent_dark',
"transparent_balanced",
'noborder_light',
'noborder_dark',
'noborder_gray',
Expand Down
1 change: 1 addition & 0 deletions locales/ca/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "Preferred color scheme",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/da/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Mørk Dimmed",
"theme=preferred_color_scheme": "Preferred color scheme",
"theme=transparent_dark": "Transparent Mørk",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Lys",
"theme=noborder_dark": "NoBorder Mørk",
Expand Down
1 change: 1 addition & 0 deletions locales/de/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,7 @@
"theme=dark_dimmed": "GitHub Dunkel (Gedimmt)",
"theme=preferred_color_scheme": "Bevorzugtes Farbprofil",
"theme=transparent_dark": "Durchsichtig Dunkel",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/en/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "Preferred color scheme",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/eo/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Malhela (Malheligita)",
"theme=preferred_color_scheme": "Preferita kolorŝemo",
"theme=transparent_dark": "Travideble Malhela",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Kobalto",
"theme=noborder_light": "SenLimo Hela",
"theme=noborder_dark": "SenLimo Malhela",
Expand Down
1 change: 1 addition & 0 deletions locales/es/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "Preferred color scheme",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/fa/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "گیت‌هاب تیره محو",
"theme=preferred_color_scheme": "تم رنگ دلخواه",
"theme=transparent_dark": "شفاف تیره",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/fr/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "Preferred color scheme",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/gr/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "Preferred color scheme",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/he/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -69,6 +69,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "ערכת נושא מועדפת",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/hu/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Sötét Elhalványított",
"theme=preferred_color_scheme": "Preferált színséma",
"theme=transparent_dark": "Átlátszó Sötét",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Kobalt",
"theme=noborder_light": "NoBorder Világos",
"theme=noborder_dark": "NoBorder Sötét",
Expand Down
1 change: 1 addition & 0 deletions locales/id/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Gelap Redup",
"theme=preferred_color_scheme": "Skema warna pilihan",
"theme=transparent_dark": "Gelap Transparan",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/it/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub più Scuro",
"theme=preferred_color_scheme": "Impostazioni preferite del dispositivo",
"theme=transparent_dark": "Scuro Trasparente",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/ja/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "カラースキームに従う",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/kh/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub ផ្ទៃពណ៌ខ្មៅបែបស្រាលស្រទន់",
"theme=preferred_color_scheme": "ម៉ូតពណ៌ដែលពេញនិយម",
"theme=transparent_dark": "ពណ៌ខ្មៅបែបថ្លា",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "ពណ៌សមិនមានគែម",
"theme=noborder_dark": "ពណ៌ខ្មៅមិនមានគែម",
Expand Down
1 change: 1 addition & 0 deletions locales/ko/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "Preferred color scheme",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/nl/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "Voorkeur kleurschema",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/pl/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "Preferred color scheme",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/pt/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Escurecido",
"theme=preferred_color_scheme": "Esquema de cores preferido",
"theme=transparent_dark": "Escuro transparente",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/ro/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "Preferred color scheme",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/ru/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "Предпочитаемая цветовая схема",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Частично прозрачный, сбалансированный",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/th/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub มืด ลดแสง",
"theme=preferred_color_scheme": "Preferred color scheme",
"theme=transparent_dark": "มืด โปร่งแสง",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/tr/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Koyu Sönük",
"theme=preferred_color_scheme": "Tercih edilen renk şeması",
"theme=transparent_dark": "Saydam Koyu",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/uk/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "Вподобана колірна схема",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/uz/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Qorong'u Pasaytirilgan",
"theme=preferred_color_scheme": "Afzal ko'rilgan rang sxemasi",
"theme=transparent_dark": "Shaffof Qorong'u",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Kobalt",
"theme=noborder_light": "NoBorder Yorug'",
"theme=noborder_dark": "NoBorder Qorong'u",
Expand Down
1 change: 1 addition & 0 deletions locales/vi/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -72,6 +72,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "Phối màu ưa thích",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/zh-CN/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -79,6 +79,7 @@
"theme=dark_dimmed": "GitHub Dark Dimmed",
"theme=preferred_color_scheme": "用户偏好的色彩方案",
"theme=transparent_dark": "Transparent Dark",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder Light",
"theme=noborder_dark": "NoBorder Dark",
Expand Down
1 change: 1 addition & 0 deletions locales/zh-TW/config.json
Original file line number Diff line number Diff line change
Expand Up @@ -79,6 +79,7 @@
"theme=dark_dimmed": "GitHub 深色主題 (暗淡)",
"theme=preferred_color_scheme": "使用者偏好的色彩配置",
"theme=transparent_dark": "深色主題 (半透明)",
"theme=transparent_balanced": "Transparent Balanced",
"theme=cobalt": "RStudio Cobalt",
"theme=noborder_light": "NoBorder 亮色主題",
"theme=noborder_dark": "NoBorder 深色主題",
Expand Down
119 changes: 119 additions & 0 deletions styles/themes/transparent_balanced.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,119 @@
/*! Modified from GitHub's transparent theme in primer/primitives.
* MIT License
* Copyright (c) 2018 GitHub Inc.
* https://github.com/primer/primitives/blob/main/LICENSE
*/

main {
--color-prettylights-syntax-comment: #8b949e;
--color-prettylights-syntax-constant: #3e97e7;
--color-prettylights-syntax-entity: #9067bc;
--color-prettylights-syntax-storage-modifier-import: #878a8d;
--color-prettylights-syntax-entity-tag: #1fd52f;
--color-prettylights-syntax-keyword: #ff7b72;
--color-prettylights-syntax-string: #689dc9;
--color-prettylights-syntax-variable: #ffa657;
--color-prettylights-syntax-brackethighlighter-unmatched: #f85149;
--color-prettylights-syntax-invalid-illegal-text: var(--color-accent-fg);
--color-prettylights-syntax-invalid-illegal-bg: #8e1519;
--color-prettylights-syntax-carriage-return-text: var(--color-accent-fg);
--color-prettylights-syntax-carriage-return-bg: #b62324;
--color-prettylights-syntax-string-regexp: #1fd52f;
--color-prettylights-syntax-markup-list: #e4b73d;
--color-prettylights-syntax-markup-heading: #1f6feb;
--color-prettylights-syntax-markup-italic: var(--color-accent-fg);
--color-prettylights-syntax-markup-bold: var(--color-accent-fg);
--color-prettylights-syntax-markup-deleted-text: #ebd9d9;
--color-prettylights-syntax-markup-deleted-bg: #bf4c4c;
--color-prettylights-syntax-markup-inserted-text: #aff5b4;
--color-prettylights-syntax-markup-inserted-bg: #45825a;
--color-prettylights-syntax-markup-changed-text: #ffdfb6;
--color-prettylights-syntax-markup-changed-bg: #5a1e02;
--color-prettylights-syntax-markup-ignored-text: var(--color-accent-fg);
--color-prettylights-syntax-markup-ignored-bg: #1158c7;
--color-prettylights-syntax-meta-diff-range: #a464e8;
--color-prettylights-syntax-brackethighlighter-angle: #8b949e;
--color-prettylights-syntax-sublimelinter-gutter-mark: #484f58;
--color-prettylights-syntax-constant-other-reference-link: var(--color-accent-fg);
--color-btn-text: #7b858d;
--color-btn-bg: rgb(45 51 59 / 80%);
--color-btn-border: rgb(240 246 252 / 10%);
--color-btn-shadow: 0 0 transparent;
--color-btn-inset-shadow: 0 0 transparent;
--color-btn-hover-bg: rgb(45 51 59 / 70%);
--color-btn-hover-border: #8b949e;
--color-btn-active-bg: hsl(212deg 12% 18% / 50%);
--color-btn-active-border: #6e7681;
--color-btn-selected-bg: rgb(45 51 59 / 50%);
--color-btn-primary-text: #fff;
--color-btn-primary-bg: #238636;
--color-btn-primary-border: rgb(240 246 252 / 10%);
--color-btn-primary-shadow: 0 0 transparent;
--color-btn-primary-inset-shadow: 0 0 transparent;
--color-btn-primary-hover-bg: #2ea043;
--color-btn-primary-hover-border: rgb(240 246 252 / 10%);
--color-btn-primary-selected-bg: #238636;
--color-btn-primary-selected-shadow: 0 0 transparent;
--color-btn-primary-disabled-text: rgb(240 246 252 / 80%);
--color-btn-primary-disabled-bg: rgb(35 134 54 / 60%);
--color-btn-primary-disabled-border: rgb(240 246 252 / 10%);
--color-action-list-item-default-hover-bg: rgb(144 157 171 / 50%);
--color-segmented-control-bg: rgb(99 110 123 / 10%);
--color-segmented-control-button-bg: transparent;
--color-segmented-control-button-selected-border: #636e7b;
--color-fg-default: #898686;
--color-fg-muted: #9fa9b4;
--color-fg-subtle: #5f6979;
--color-canvas-default: transparent;
--color-canvas-overlay: rgb(22 27 34 / 90%);
--color-canvas-inset: transparent;
--color-canvas-subtle: transparent;
--color-border-default: #80808080;
--color-border-muted: #21262d;
--color-neutral-muted: rgb(110 118 129 / 5%);
--color-neutral-subtle: rgb(110 118 129 / 10%);
--color-accent-fg: #6aafff;
--color-accent-emphasis: #397fe7;
--color-accent-muted: rgb(56 139 253 / 40%);
--color-accent-subtle: rgb(65 132 228 / 10%);
--color-success-fg: #3fb950;
--color-attention-fg: #c69026;
--color-attention-muted: rgb(174 124 20 / 40%);
--color-attention-subtle: transparent;
--color-danger-fg: #f85149;
--color-danger-muted: rgb(229 83 75 / 40%);
--color-danger-subtle: rgb(229 83 75 / 10%);
--color-primer-shadow-inset: 0 0 transparent;
--color-scale-gray-7: #21262d;
--color-scale-blue-8: #0c2d6b;

/*! 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);
}

main {
accent-color: var(--color-accent-fg);
}

main .pagination-loader-container {
background-image: url("https://github.com/images/modules/pulls/progressive-disclosure-line-dark.svg");
}

.gsc-pagination-button {
background-color: var(--color-btn-bg);
}

.gsc-homepage-bg {
background: linear-gradient(135deg, aliceblue 25%, #101010 25%, #101010 50%, aliceblue 50%, aliceblue 75%, #101010 75%, #101010 100%);
background-size: 350%;
background-repeat: repeat-y;
}

main .gsc-loading-image {
background-image: url("https://github.githubassets.com/images/mona-loading-dark.gif");
}

.gsc-comment-box-write > textarea, gsc-comment-box-write {
color: var(--color-fg-subtle);
}