Implement GitHub Dark Dimmed

This commit is contained in:
Rob Gormley 2026-05-27 21:44:10 -07:00
parent 4a3b0e4002
commit 96f71b5e1e

View file

@ -79,7 +79,7 @@ settings:
opacity: false
format: hex
default-light: '#24292f'
default-dark: '#7ee787'
default-dark: '#57ab5a'
-
# Particular Headers
@ -97,7 +97,7 @@ settings:
opacity: false
format: hex
default-light: '#24292f'
default-dark: '#7ee787'
default-dark: '#57ab5a'
-
id: h2-color-theme
title: h2 color
@ -105,7 +105,7 @@ settings:
opacity: false
format: hex
default-light: '#24292f'
default-dark: '#7ee787'
default-dark: '#57ab5a'
-
id: h3-color-theme
title: h3 color
@ -113,7 +113,7 @@ settings:
opacity: false
format: hex
default-light: '#24292f'
default-dark: '#7ee787'
default-dark: '#57ab5a'
-
id: h4-color-theme
title: h4 color
@ -121,7 +121,7 @@ settings:
opacity: false
format: hex
default-light: '#24292f'
default-dark: '#7ee787'
default-dark: '#57ab5a'
-
id: h5-color-theme
title: h5 color
@ -129,7 +129,7 @@ settings:
opacity: false
format: hex
default-light: '#24292f'
default-dark: '#7ee787'
default-dark: '#57ab5a'
-
id: h6-color-theme
title: h6 color
@ -137,7 +137,7 @@ settings:
opacity: false
format: hex
default-light: '#24292f'
default-dark: '#7ee787'
default-dark: '#57ab5a'
-
# Kanban Settings
@ -714,32 +714,32 @@ body {
--mono-rgb-0: 0, 0, 0;
--mono-rgb-100: 255, 255, 255;
--rgb-hover: 177, 186, 196;
--color-red-rgb: 248, 81, 73;
--color-red: #F47067;
--color-green-rgb: 126, 231, 135;
--color-green: #7ee787;
--color-orange: #FFA657;
--color-yellow: #d29922;
--color-cyan: #A5D6FF;
--color-blue: #6CB6FF;
--color-purple: #D2A8FF;
--color-pink: #f778ba;
--color-red-rgb: 229, 83, 75;
--color-red: #e5534b;
--color-green-rgb: 87, 171, 90;
--color-green: #57ab5a;
--color-orange: #e0823d;
--color-yellow: #daaa3f;
--color-cyan: #96d0ff;
--color-blue: #539bf5;
--color-purple: #986ee2;
--color-pink: #c96198;
--color-base-00: #0d1117;
--color-base-10: #161b22;
--color-base-20: #161b22;
--color-base-25: #010409;
--color-base-30: #30363d;
--color-base-35: #21262d;
--color-base-40: #30363d;
--color-base-50: #6e7681;
--color-base-60: #999; /* Unused */
--color-base-70: #8b949e;
--color-base-100: #c9d1d9;
--color-base-00: #22272e;
--color-base-10: #2d333b;
--color-base-20: #2d333b;
--color-base-25: #1c2128;
--color-base-30: #444c56;
--color-base-35: #373e47;
--color-base-40: #444c56;
--color-base-50: #636e7b;
--color-base-60: #545d68;
--color-base-70: #768390;
--color-base-100: #adbac7;
--accent-h-theme: 212;
--accent-s-theme: 100%;
--accent-l-theme: 67%;
--accent-h-theme: 213;
--accent-s-theme: 89%;
--accent-l-theme: 64%;
--color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l);
--color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l));
--color-accent-1: hsl(var(--accent-h), var(--accent-s), calc(var(--accent-l) - 3.8%));
@ -756,7 +756,7 @@ body {
--shadow-s: none;
--shadow-l: none;
--inline-code-background: #6e768166;
--inline-code-background: #636e7b66;
--h-color-theme: var(--color-green);
--h1-color-theme: var(--color-green);
--h2-color-theme: var(--color-green);
@ -765,8 +765,8 @@ body {
--h5-color-theme: var(--color-green);
--h6-color-theme: var(--color-green);
--background-modifier-hover-alpha: 0.12;
--color-btn-primary-bg: #238636;
--color-btn-primary-hover-bg: #2ea043;
--color-btn-primary-bg: #347d39;
--color-btn-primary-hover-bg: #46954a;
/* Kanban colors */
--kanban-background: var(--background-primary);
@ -777,9 +777,9 @@ body {
--kanban-options-btn: var(--color-base-30);
}
.is-mobile.theme-dark {
--color-base-00: #0d1117;
--color-base-10: #161b22;
--color-base-20: #161b22;
--color-base-00: #22272e;
--color-base-10: #2d333b;
--color-base-20: #2d333b;
--tag-background: hsla(var(--interactive-accent-hsl), 0.2);
--modal-background: var(--background-secondary);
--search-result-background: var(--background-secondary);