diff --git a/theme-github.css b/theme-github.css index 93575c4..40ed866 100644 --- a/theme-github.css +++ b/theme-github.css @@ -656,20 +656,61 @@ a.muted:hover, } .vch__day__square, +.vch__legend__wrapper rect { + rx: 2px; + ry: 2px; + width: 9px; + height: 9px; + outline: 1px solid rgba(255, 255, 255, 0.05); + border-radius: 0.5px; + outline-offset: -1px; +} + .vch__legend__wrapper rect { rx: 3px; ry: 3px; } +.vch__day__square[style="fill: var(--color-secondary-alpha-60);"], +.vch__legend__wrapper rect[style="fill: var(--color-secondary-alpha-60);"] { + outline: 1px solid rgba(27, 31, 35, 0.06); + background: var(--color-secondary-alpha-60); +} + +.vch__day__square[style="fill: var(--color-primary-light-4);"], +.vch__legend__wrapper rect[style="fill: var(--color-primary-light-4);"] { + background: var(--color-primary-light-4); +} + +.vch__day__square[style="fill: var(--color-primary-light-2);"], +.vch__legend__wrapper rect[style="fill: var(--color-primary-light-2);"] { + background: var(--color-primary-light-2); +} + +.vch__day__square[style="fill: var(--color-primary);"], +.vch__legend__wrapper rect[style="fill: var(--color-primary);"] { + background: var(--color-primary); +} + +.vch__day__square[style="fill: var(--color-primary-dark-2);"], +.vch__legend__wrapper rect[style="fill: var(--color-primary-dark-2);"] { + background: var(--color-primary-dark-2); +} + +.vch__day__square[style="fill: var(--color-primary-dark-4);"], +.vch__legend__wrapper rect[style="fill: var(--color-primary-dark-4);"] { + background: var(--color-primary-dark-4); +} + :root { --is-dark-theme: true; --border-radius: 6px; --color-primary: rgba(57, 211, 83, 0.6); --color-primary-contrast: #fff; - --color-primary-dark-1: rgba(57, 211, 83, 0.7); - --color-primary-dark-2: rgba(57, 211, 83, 0.8); - --color-primary-dark-3: rgba(57, 211, 83, 0.9); - --color-primary-dark-4: rgba(57, 211, 83, 1); + --color-primary-dark-1: rgba(68, 255, 97, 0.7); + --color-primary-dark-2: rgba(57, 211, 83, 1); + --color-primary-dark-3: rgba(68, 255, 97, 0.9); + --color-primary-dark-4: rgba(68, 255, 97, 1); --color-primary-dark-5: #cfddc1; --color-primary-dark-6: #e7eee0; --color-primary-dark-7: #f8faf6;