diff --git a/CHANGELOG.md b/CHANGELOG.md index 83d9e66..c55d9e2 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,6 +1,10 @@ Changelog --- +# 78.0-1.0.1 [Light Theme Enhancements] + +- Made the light themes a bit more usable (Now that I am actually using them). + # 78.0-1.0.0 [The Boys] I'm trying to bring in a bit of inclusion. diff --git a/buildSrc/assets/templates/tempCss.css.txt b/buildSrc/assets/templates/tempCss.css.txt index aaf6a27..8e3609c 100644 --- a/buildSrc/assets/templates/tempCss.css.txt +++ b/buildSrc/assets/templates/tempCss.css.txt @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: {{baseBackground}} !important; --color-canvas-inset: {{baseBackground}} !important; - --color-canvas-inset: {{baseBackground}} !important; --color-canvas-overlay: {{secondaryBackground}} !important; --color-bg-primary: {{baseBackground}} !important; --color-calendar-graph-day-bg: {{codeBlock}} !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: {{borderColor}} !important; --color-text-secondary: {{infoForeground}} !important; --color-text-tertiary: {{lineNumberColor}} !important; + --color-primer-fg-disabled: {{disabledColor}} !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: {{lightnessThreshold}} !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: {{issueLabelColor}}; + background: {{issueLabelBackground}}; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: {{defaultButtonColor|selectionForeground}}; @@ -160,6 +171,10 @@ fill: {{baseIconColor}}; } + .octicon .octicon-git-merge { + fill: {{baseBackground}} !important; + } + .btn-primary .octicon { fill: {{defaultButtonColor|selectionForeground}} !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: {{breakpointActiveColor}}; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: {{filePurple}}; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: {{diff.conflict}}; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: {{disabledColor}}; background-color: {{selectionInactive}}; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, {{lightEditorColor}} 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/buildSrc/src/BuildThemes.ts b/buildSrc/src/BuildThemes.ts index 239587e..253fa36 100644 --- a/buildSrc/src/BuildThemes.ts +++ b/buildSrc/src/BuildThemes.ts @@ -4,7 +4,9 @@ import { DokiThemeDefinitions, evaluateTemplates, fillInTemplateScript, + getColorFromTemplate, MasterDokiThemeDefinition, + resolveColor, resolvePaths, } from 'doki-build-source'; @@ -95,6 +97,21 @@ function evaluateTemplate( ), accentColorEditor: dokiThemeDefinition.overrides?.editorScheme?.colors?.accentColor || dokiThemeDefinition.colors.accentColor, + lightnessThreshold: dokiThemeDefinition.dark ? 0.6 : 0.453, + issueLabelColor: dokiThemeDefinition.dark ? 'hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%))' : 'hsl(0deg, 0%, calc(var(--lightness-switch) * 100%))', + issueLabelBackground: dokiThemeDefinition.dark ? 'rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha))' : 'rgb(var(--label-r), var(--label-g), var(--label-b));', + }, + (templateVariable, templateVariables) => { + const colorFromTemplate = getColorFromTemplate(templateVariables, templateVariable); + if(typeof colorFromTemplate === 'number') { + return colorFromTemplate; + } + + const hexColor = resolveColor( + colorFromTemplate, + templateVariables + ); + return hexColor; } ); } catch (e) { diff --git a/package.json b/package.json index a09109a..037be52 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "doki-theme-github", - "version": "78.1.0", + "version": "78.1.1", "dependencies": { } } diff --git a/themes/aqua.user.css b/themes/aqua.user.css index dc939b4..1a9efda 100644 --- a/themes/aqua.user.css +++ b/themes/aqua.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Aqua @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #282b42 !important; --color-canvas-inset: #282b42 !important; - --color-canvas-inset: #282b42 !important; --color-canvas-overlay: #242942 !important; --color-bg-primary: #282b42 !important; --color-calendar-graph-day-bg: #2e3149 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #2a334b !important; --color-text-secondary: #7b8bab !important; --color-text-tertiary: #61647b !important; + --color-primer-fg-disabled: #585F6F !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #717981; } + .octicon .octicon-git-merge { + fill: #282b42 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #2b503c; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #342b58; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #585F6F; background-color: #31344b; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #2a2d44 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/astolfo.user.css b/themes/astolfo.user.css index c804ddc..679a2ed 100644 --- a/themes/astolfo.user.css +++ b/themes/astolfo.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Astolfo @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #171816 !important; --color-canvas-inset: #171816 !important; - --color-canvas-inset: #171816 !important; --color-canvas-overlay: #141513 !important; --color-bg-primary: #171816 !important; --color-calendar-graph-day-bg: #201d1d !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #212220 !important; --color-text-secondary: #957a4d !important; --color-text-tertiary: #8e856e !important; + --color-primer-fg-disabled: #6f6f6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #837e6f; } + .octicon .octicon-git-merge { + fill: #171816 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #21461c; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #251a32; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #422121; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6f6f; background-color: #261c20; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #1e201d 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/asuna_dark.user.css b/themes/asuna_dark.user.css index a5e2e83..d4c60c9 100644 --- a/themes/asuna_dark.user.css +++ b/themes/asuna_dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Asuna Dark @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #202020 !important; --color-canvas-inset: #202020 !important; - --color-canvas-inset: #202020 !important; --color-canvas-overlay: #1c1c1c !important; --color-bg-primary: #202020 !important; --color-calendar-graph-day-bg: #232323 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #2a2929 !important; --color-text-secondary: #7a3f41 !important; --color-text-tertiary: #5d5051 !important; + --color-primer-fg-disabled: #6f606b !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #766A6B; } + .octicon .octicon-git-merge { + fill: #202020 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #22451d; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #2a1e38; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f606b; background-color: #262626; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #1d1d1d 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/asuna_light.user.css b/themes/asuna_light.user.css index d643965..17d612b 100644 --- a/themes/asuna_light.user.css +++ b/themes/asuna_light.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Asuna Light @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #ffffff !important; --color-canvas-inset: #ffffff !important; - --color-canvas-inset: #ffffff !important; --color-canvas-overlay: #fcfcfc !important; --color-bg-primary: #ffffff !important; --color-calendar-graph-day-bg: #f6f6f6 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #eeeeee !important; --color-text-secondary: #a25252 !important; --color-text-tertiary: #aaaaaa !important; + --color-primer-fg-disabled: #A2B6CB !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #393d45; @@ -160,6 +171,10 @@ fill: #85838b; } + .octicon .octicon-git-merge { + fill: #ffffff !important; + } + .btn-primary .octicon { fill: #393d45 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #c1fdb9; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #d1b7ef; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFB6AE; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #A2B6CB; background-color: #fff4f4; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #f6f6f6 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/azuki.user.css b/themes/azuki.user.css index 3083f2f..de96a3e 100644 --- a/themes/azuki.user.css +++ b/themes/azuki.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Azuki @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #322623 !important; --color-canvas-inset: #322623 !important; - --color-canvas-inset: #322623 !important; --color-canvas-overlay: #291e1b !important; --color-bg-primary: #322623 !important; --color-calendar-graph-day-bg: #3b2b21 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #403331 !important; --color-text-secondary: #b0a17f !important; --color-text-tertiary: #6c635a !important; + --color-primer-fg-disabled: #5b606f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #322623; @@ -160,6 +171,10 @@ fill: #7d7268; } + .octicon .octicon-git-merge { + fill: #322623 !important; + } + .btn-primary .octicon { fill: #322623 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #324b21; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #372239; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #4B2424; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #5b606f; background-color: #402f21; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #342723 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/beatrice.user.css b/themes/beatrice.user.css index 5e0d667..2539be5 100644 --- a/themes/beatrice.user.css +++ b/themes/beatrice.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Beatrice @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #ffe4f1 !important; --color-canvas-inset: #ffe4f1 !important; - --color-canvas-inset: #ffe4f1 !important; --color-canvas-overlay: #f5c1d4 !important; --color-bg-primary: #ffe4f1 !important; --color-calendar-graph-day-bg: #FDD8FF !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #F1D7E6 !important; --color-text-secondary: #dd87a1 !important; --color-text-tertiary: #aaaaaa !important; + --color-primer-fg-disabled: #ceaec7 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #f049da; @@ -160,6 +171,10 @@ fill: #af8da6; } + .octicon .octicon-git-merge { + fill: #ffe4f1 !important; + } + .btn-primary .octicon { fill: #f049da !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #c3edb2; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #d2a3e6; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFA9BF; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #ceaec7; background-color: #fdd3f1; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #ffe0ea 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/chocola.user.css b/themes/chocola.user.css index 0fabf3f..46adb64 100644 --- a/themes/chocola.user.css +++ b/themes/chocola.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Chocola @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #30292c !important; --color-canvas-inset: #30292c !important; - --color-canvas-inset: #30292c !important; --color-canvas-overlay: #282023 !important; --color-bg-primary: #30292c !important; --color-calendar-graph-day-bg: #4d2d3c !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #3a3336 !important; --color-text-secondary: #b0a17f !important; --color-text-tertiary: #6c5a63 !important; + --color-primer-fg-disabled: #6f5b64 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #30292c; @@ -160,6 +171,10 @@ fill: #7d6c74; } + .octicon .octicon-git-merge { + fill: #30292c !important; + } + .btn-primary .octicon { fill: #30292c !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #304f29; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #362340; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #4B2424; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f5b64; background-color: #412b32; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #312c2e 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/christmas_chocola.user.css b/themes/christmas_chocola.user.css index e893dc6..3802c50 100644 --- a/themes/christmas_chocola.user.css +++ b/themes/christmas_chocola.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Christmas Chocola @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #3c161f !important; --color-canvas-inset: #3c161f !important; - --color-canvas-inset: #3c161f !important; --color-canvas-overlay: #14271c !important; --color-bg-primary: #3c161f !important; --color-calendar-graph-day-bg: #342422 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #4b1c27 !important; --color-text-secondary: #56b36f !important; --color-text-tertiary: #6d816c !important; + --color-primer-fg-disabled: #65515c !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fefefe; @@ -160,6 +171,10 @@ fill: #816c73; } + .octicon .octicon-git-merge { + fill: #3c161f !important; + } + .btn-primary .octicon { fill: #fefefe !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #3b361f; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #3f1535; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #4B2424; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #65515c; background-color: #2e2f24; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #471823 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/cinnamon.user.css b/themes/cinnamon.user.css index 5468328..47183d4 100644 --- a/themes/cinnamon.user.css +++ b/themes/cinnamon.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Cinnamon @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #393784 !important; --color-canvas-inset: #393784 !important; - --color-canvas-inset: #393784 !important; --color-canvas-overlay: #333184 !important; --color-bg-primary: #393784 !important; --color-calendar-graph-day-bg: #33417a !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #413e96 !important; --color-text-secondary: #dfe19f !important; --color-text-tertiary: #ffffff !important; + --color-primer-fg-disabled: #a08fb8 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #393784; @@ -160,6 +171,10 @@ fill: #f2fdff; } + .octicon .octicon-git-merge { + fill: #393784 !important; + } + .btn-primary .octicon { fill: #393784 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #365868; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #3f328b; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #622E4C; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #a08fb8; background-color: #38497c; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #3b3887 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/coconut.user.css b/themes/coconut.user.css index 035b4a2..d8d2693 100644 --- a/themes/coconut.user.css +++ b/themes/coconut.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Coconut @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #3a3143 !important; --color-canvas-inset: #3a3143 !important; - --color-canvas-inset: #3a3143 !important; --color-canvas-overlay: #2d2735 !important; --color-bg-primary: #3a3143 !important; --color-calendar-graph-day-bg: #2f3354 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #453b4e !important; --color-text-secondary: #b0a17f !important; --color-text-tertiary: #605a6c !important; + --color-primer-fg-disabled: #625b6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #3a3143; @@ -160,6 +171,10 @@ fill: #746c7d; } + .octicon .octicon-git-merge { + fill: #3a3143 !important; + } + .btn-primary .octicon { fill: #3a3143 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #345237; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #3a2a50; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #492929; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #625b6f; background-color: #2e3b53; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #362f3f 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/darkness_dark.user.css b/themes/darkness_dark.user.css index a43b73e..0b6b287 100644 --- a/themes/darkness_dark.user.css +++ b/themes/darkness_dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Darkness Dark @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #080703 !important; --color-canvas-inset: #080703 !important; - --color-canvas-inset: #080703 !important; --color-canvas-overlay: #100d03 !important; --color-bg-primary: #080703 !important; --color-calendar-graph-day-bg: #191715 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #1c1500 !important; --color-text-secondary: #7c7262 !important; --color-text-tertiary: #666879 !important; + --color-primer-fg-disabled: #6f6f6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #6c6563; } + .octicon .octicon-git-merge { + fill: #080703 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #14360b; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #180b20; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6f6f; background-color: #1d1704; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #100e09 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/darkness_light.user.css b/themes/darkness_light.user.css index 49f547d..637b9ea 100644 --- a/themes/darkness_light.user.css +++ b/themes/darkness_light.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Darkness Light @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #fefefa !important; --color-canvas-inset: #fefefa !important; - --color-canvas-inset: #fefefa !important; --color-canvas-overlay: #fffff7 !important; --color-bg-primary: #fefefa !important; --color-calendar-graph-day-bg: #f4f3ee !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #f1f4e0 !important; --color-text-secondary: #aaaaaa !important; --color-text-tertiary: #aaaaaa !important; + --color-primer-fg-disabled: #7F818F !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #A8930A; @@ -160,6 +171,10 @@ fill: #979087; } + .octicon .octicon-git-merge { + fill: #fefefa !important; + } + .btn-primary .octicon { fill: #A8930A !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #c3feb7; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #d2b8ec; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFB6AE; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #7F818F; background-color: #FFFFBC; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #fff9ec 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/echidna.user.css b/themes/echidna.user.css index 5220c8d..7e976e7 100644 --- a/themes/echidna.user.css +++ b/themes/echidna.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Echidna @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #141216 !important; --color-canvas-inset: #141216 !important; - --color-canvas-inset: #141216 !important; --color-canvas-overlay: #110f13 !important; --color-bg-primary: #141216 !important; --color-calendar-graph-day-bg: #1e1b20 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #1e2021 !important; --color-text-secondary: #75aaab !important; --color-text-tertiary: #6f7779 !important; + --color-primer-fg-disabled: #646464 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #222222; @@ -160,6 +171,10 @@ fill: #818181; } + .octicon .octicon-git-merge { + fill: #141216 !important; + } + .btn-primary .octicon { fill: #222222 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #1b3c18; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #241634; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #391B1B; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #646464; background-color: #1f1c21; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #171419 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/emilia_dark.user.css b/themes/emilia_dark.user.css index 87669a5..faf6e8b 100644 --- a/themes/emilia_dark.user.css +++ b/themes/emilia_dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Emilia Dark @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #4e3162 !important; --color-canvas-inset: #4e3162 !important; - --color-canvas-inset: #4e3162 !important; --color-canvas-overlay: #4e2d62 !important; --color-bg-primary: #4e3162 !important; --color-calendar-graph-day-bg: #442a55 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #553a63 !important; --color-text-secondary: #a775ab !important; --color-text-tertiary: #666879 !important; + --color-primer-fg-disabled: #AF9ECB !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #d29eff; @@ -160,6 +171,10 @@ fill: #816b96; } + .octicon .octicon-git-merge { + fill: #4e3162 !important; + } + .btn-primary .octicon { fill: #d29eff !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #485451; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #512c6d; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #AF9ECB; background-color: #513466; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #503161 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/emilia_light.user.css b/themes/emilia_light.user.css index 31f456f..f916624 100644 --- a/themes/emilia_light.user.css +++ b/themes/emilia_light.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Emilia Light @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #fcf3ff !important; --color-canvas-inset: #fcf3ff !important; - --color-canvas-inset: #fcf3ff !important; --color-canvas-overlay: #faecff !important; --color-bg-primary: #fcf3ff !important; --color-calendar-graph-day-bg: #f2eaf6 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #e9d8f6 !important; --color-text-secondary: #8864ac !important; --color-text-tertiary: #aaaaaa !important; + --color-primer-fg-disabled: #A2B6CB !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #393d45; @@ -160,6 +171,10 @@ fill: #ae8daf; } + .octicon .octicon-git-merge { + fill: #fcf3ff !important; + } + .btn-primary .octicon { fill: #393d45 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #c1f5bc; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #cfaef0; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFB6AE; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #A2B6CB; background-color: #e8d7f1; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #f5e4fa 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/essex.user.css b/themes/essex.user.css index b7bcb3f..df72c63 100644 --- a/themes/essex.user.css +++ b/themes/essex.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Essex @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #002446 !important; --color-canvas-inset: #002446 !important; - --color-canvas-inset: #002446 !important; --color-canvas-overlay: #002f5d !important; --color-bg-primary: #002446 !important; --color-calendar-graph-day-bg: #3B1414 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #002c55 !important; --color-text-secondary: #ad9e6e !important; --color-text-tertiary: #5d7685 !important; + --color-primer-fg-disabled: #5b646f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #66707c; } + .octicon .octicon-git-merge { + fill: #002446 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #0c4736; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #102053; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #3F1A22; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #5b646f; background-color: #2d1a32; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #002243 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/gasai_yuno.user.css b/themes/gasai_yuno.user.css index 19a2eb7..43ed11a 100644 --- a/themes/gasai_yuno.user.css +++ b/themes/gasai_yuno.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Gasai Yuno @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #1a081a !important; --color-canvas-inset: #1a081a !important; - --color-canvas-inset: #1a081a !important; --color-canvas-overlay: #130511 !important; --color-bg-primary: #1a081a !important; --color-calendar-graph-day-bg: #261231 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #300c30 !important; --color-text-secondary: #ab5555 !important; --color-text-tertiary: #796675 !important; + --color-primer-fg-disabled: #505050 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #1a081a; @@ -160,6 +171,10 @@ fill: #766370; } + .octicon .octicon-git-merge { + fill: #1a081a !important; + } + .btn-primary .octicon { fill: #1a081a !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #1d3517; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #260a32; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #451414; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #505050; background-color: #2b0c27; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #1d081b 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/genos.user.css b/themes/genos.user.css index a40f8c7..adbec3f 100644 --- a/themes/genos.user.css +++ b/themes/genos.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Genos @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #2f3031 !important; --color-canvas-inset: #2f3031 !important; - --color-canvas-inset: #2f3031 !important; --color-canvas-overlay: #232529 !important; --color-bg-primary: #2f3031 !important; --color-calendar-graph-day-bg: #463e33 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #3b3c3e !important; --color-text-secondary: #ad9e6e !important; --color-text-tertiary: #80755d !important; + --color-primer-fg-disabled: #566171 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #2f3031; @@ -160,6 +171,10 @@ fill: #636168; } + .octicon .octicon-git-merge { + fill: #2f3031 !important; + } + .btn-primary .octicon { fill: #2f3031 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #335032; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #302540; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5C1B2F; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #566171; background-color: #3f3d38; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #393b3d 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/gray.user.css b/themes/gray.user.css index 7d6b60c..274c620 100644 --- a/themes/gray.user.css +++ b/themes/gray.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Gray @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #3b3f41 !important; --color-canvas-inset: #3b3f41 !important; - --color-canvas-inset: #3b3f41 !important; --color-canvas-overlay: #363e3e !important; --color-bg-primary: #3b3f41 !important; --color-calendar-graph-day-bg: #323f41 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #424648 !important; --color-text-secondary: #b0a17f !important; --color-text-tertiary: #556c6a !important; + --color-primer-fg-disabled: #6f6f6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #6e7b7d; } + .octicon .octicon-git-merge { + fill: #3b3f41 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #375d37; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #3e3752; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #442222; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6f6f; background-color: #324142; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #353b3f 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/hanekawa_tsubasa.user.css b/themes/hanekawa_tsubasa.user.css index cc8ba16..cd1f327 100644 --- a/themes/hanekawa_tsubasa.user.css +++ b/themes/hanekawa_tsubasa.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Hanekawa Tsubasa @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #141115 !important; --color-canvas-inset: #141115 !important; - --color-canvas-inset: #141115 !important; --color-canvas-overlay: #1b1820 !important; --color-bg-primary: #141115 !important; --color-calendar-graph-day-bg: #281f28 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #211c23 !important; --color-text-secondary: #988ccb !important; --color-text-tertiary: #777495 !important; + --color-primer-fg-disabled: #6f6f6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #ebd6fc; @@ -160,6 +171,10 @@ fill: #7e7997; } + .octicon .octicon-git-merge { + fill: #141115 !important; + } + .btn-primary .octicon { fill: #ebd6fc !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #193a15; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #1d102c; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #36151F; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6f6f; background-color: #362338; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #181719 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/hatsune_miku.user.css b/themes/hatsune_miku.user.css index 3aa7249..c845329 100644 --- a/themes/hatsune_miku.user.css +++ b/themes/hatsune_miku.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Hatsune Miku @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #293030 !important; --color-canvas-inset: #293030 !important; - --color-canvas-inset: #293030 !important; --color-canvas-overlay: #313939 !important; --color-bg-primary: #293030 !important; --color-calendar-graph-day-bg: #2b3231 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #2d3839 !important; --color-text-secondary: #73999b !important; --color-text-tertiary: #666879 !important; + --color-primer-fg-disabled: #586f6d !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #718181; } + .octicon .octicon-git-merge { + fill: #293030 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #325b33; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #36304a; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #586f6d; background-color: #3a4444; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #303837 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/hayase_nagatoro.user.css b/themes/hayase_nagatoro.user.css index 544a9a4..01a5385 100644 --- a/themes/hayase_nagatoro.user.css +++ b/themes/hayase_nagatoro.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Hayase Nagatoro @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #1d1d1d !important; --color-canvas-inset: #1d1d1d !important; - --color-canvas-inset: #1d1d1d !important; --color-canvas-overlay: #171717 !important; --color-bg-primary: #1d1d1d !important; --color-calendar-graph-day-bg: #1f1c1b !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #272626 !important; --color-text-secondary: #7e5b37 !important; --color-text-tertiary: #5d5550 !important; + --color-primer-fg-disabled: #6f6461 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #767066; } + .octicon .octicon-git-merge { + fill: #1d1d1d !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #1d4019; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #261b34; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #3E1D1D; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6461; background-color: #262626; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #1b1b1b 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/hinata_shoyo.user.css b/themes/hinata_shoyo.user.css index 2cede2d..7bea143 100644 --- a/themes/hinata_shoyo.user.css +++ b/themes/hinata_shoyo.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Hinata Shoyo @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #26223d !important; --color-canvas-inset: #26223d !important; - --color-canvas-inset: #26223d !important; --color-canvas-overlay: #1b1830 !important; --color-bg-primary: #26223d !important; --color-calendar-graph-day-bg: #3f2b35 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #363056 !important; --color-text-secondary: #ba804b !important; --color-text-tertiary: #55596c !important; + --color-primer-fg-disabled: #6f6f6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #26223d; @@ -160,6 +171,10 @@ fill: #656d82; } + .octicon .octicon-git-merge { + fill: #26223d !important; + } + .btn-primary .octicon { fill: #26223d !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #253d35; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #2f2051; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #442222; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6f6f; background-color: #3c2b3a; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #272341 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/ishtar_dark.user.css b/themes/ishtar_dark.user.css index 2fbf4a6..b5d5f43 100644 --- a/themes/ishtar_dark.user.css +++ b/themes/ishtar_dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Ishtar Dark @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #0f0d0e !important; --color-canvas-inset: #0f0d0e !important; - --color-canvas-inset: #0f0d0e !important; --color-canvas-overlay: #0a0a06 !important; --color-bg-primary: #0f0d0e !important; --color-calendar-graph-day-bg: #191718 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #1a1a00 !important; --color-text-secondary: #866e45 !important; --color-text-tertiary: #6c6d5b !important; + --color-primer-fg-disabled: #6f6f6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #0f0d0e; @@ -160,6 +171,10 @@ fill: #848482; } + .octicon .octicon-git-merge { + fill: #0f0d0e !important; + } + .btn-primary .octicon { fill: #0f0d0e !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #1a3b14; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #1b0e28; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #391B1B; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6f6f; background-color: #1A1913; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #161512 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/ishtar_light.user.css b/themes/ishtar_light.user.css index 0afe9b5..1c2ff7c 100644 --- a/themes/ishtar_light.user.css +++ b/themes/ishtar_light.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Ishtar Light @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #fffffc !important; --color-canvas-inset: #fffffc !important; - --color-canvas-inset: #fffffc !important; --color-canvas-overlay: #fcfcfa !important; --color-bg-primary: #fffffc !important; --color-calendar-graph-day-bg: #f6f6f6 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #eeeeee !important; --color-text-secondary: #5078a5 !important; --color-text-tertiary: #aaaaaa !important; + --color-primer-fg-disabled: #A2B6CB !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #393d45; @@ -160,6 +171,10 @@ fill: #85838b; } + .octicon .octicon-git-merge { + fill: #fffffc !important; + } + .btn-primary .octicon { fill: #393d45 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #c3feb9; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #d2b8ee; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFB6AE; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #A2B6CB; background-color: #fef9ea; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #fffcf3 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/jabami_yumeko.user.css b/themes/jabami_yumeko.user.css index b5cefdf..e7c7177 100644 --- a/themes/jabami_yumeko.user.css +++ b/themes/jabami_yumeko.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Jabami Yumeko @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #070000 !important; --color-canvas-inset: #070000 !important; - --color-canvas-inset: #070000 !important; --color-canvas-overlay: #160304 !important; --color-bg-primary: #070000 !important; --color-calendar-graph-day-bg: #1d0406 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #1e0000 !important; --color-text-secondary: #7e2a2a !important; --color-text-tertiary: #97706f !important; + --color-primer-fg-disabled: #584445 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #795555; } + .octicon .octicon-git-merge { + fill: #070000 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #102f07; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #1a041e; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #471316; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #584445; background-color: #220708; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #140404 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/jahy.user.css b/themes/jahy.user.css index 2f827f6..42d1d52 100644 --- a/themes/jahy.user.css +++ b/themes/jahy.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Jahy @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #221738 !important; --color-canvas-inset: #221738 !important; - --color-canvas-inset: #221738 !important; --color-canvas-overlay: #220e29 !important; --color-bg-primary: #221738 !important; --color-calendar-graph-day-bg: #2c0e29 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #322252 !important; --color-text-secondary: #ad9e6e !important; --color-text-tertiary: #656079 !important; + --color-primer-fg-disabled: #655b6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #6c677a; } + .octicon .octicon-git-merge { + fill: #221738 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #223c2d; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #2a1647; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #3F1A22; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #655b6f; background-color: #2c1a36; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #271233 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/kanna.user.css b/themes/kanna.user.css index 973e889..1938290 100644 --- a/themes/kanna.user.css +++ b/themes/kanna.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Kanna @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #1b1529 !important; --color-canvas-inset: #1b1529 !important; - --color-canvas-inset: #1b1529 !important; --color-canvas-overlay: #150f20 !important; --color-bg-primary: #1b1529 !important; --color-calendar-graph-day-bg: #1d152d !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #221f2e !important; --color-text-secondary: #9d79c2 !important; --color-text-tertiary: #6a6679 !important; + --color-primer-fg-disabled: #6f6f6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #7f7e82; } + .octicon .octicon-git-merge { + fill: #1b1529 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #213f26; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #26163f; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6f6f; background-color: #231a31; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #1f182d 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/katsuragi_misato.user.css b/themes/katsuragi_misato.user.css index f5a71cc..4e5a4e5 100644 --- a/themes/katsuragi_misato.user.css +++ b/themes/katsuragi_misato.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Katsuragi Misato @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #3a2333 !important; --color-canvas-inset: #3a2333 !important; - --color-canvas-inset: #3a2333 !important; --color-canvas-overlay: #382639 !important; --color-bg-primary: #3a2333 !important; --color-calendar-graph-day-bg: #322130 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #432E3D !important; --color-text-secondary: #8c72a9 !important; --color-text-tertiary: #666879 !important; + --color-primer-fg-disabled: #525C6F !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #ffffff; @@ -160,6 +171,10 @@ fill: #767290; } + .octicon .octicon-git-merge { + fill: #3a2333 !important; + } + .btn-primary .octicon { fill: #ffffff !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #3a4d33; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #44244c; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #525C6F; background-color: #4b283c; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #3d2a3d 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/kirino.user.css b/themes/kirino.user.css index 107b9cd..5c45f3e 100644 --- a/themes/kirino.user.css +++ b/themes/kirino.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Kirino @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #152321 !important; --color-canvas-inset: #152321 !important; - --color-canvas-inset: #152321 !important; --color-canvas-overlay: #182826 !important; --color-bg-primary: #152321 !important; --color-calendar-graph-day-bg: #292a1f !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #1e322f !important; --color-text-secondary: #b0a17f !important; --color-text-tertiary: #657978 !important; + --color-primer-fg-disabled: #5b6f6d !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #6b7e79; } + .octicon .octicon-git-merge { + fill: #152321 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #1b471e; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #201e36; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #3E2424; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #5b6f6d; background-color: #2a1f2e; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #182826 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/konata.user.css b/themes/konata.user.css index 647d527..a99688f 100644 --- a/themes/konata.user.css +++ b/themes/konata.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Konata @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #334c7d !important; --color-canvas-inset: #334c7d !important; - --color-canvas-inset: #334c7d !important; --color-canvas-overlay: #344d82 !important; --color-bg-primary: #334c7d !important; --color-calendar-graph-day-bg: #3e5f99 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #3e5d99 !important; --color-text-secondary: #addfa9 !important; --color-text-tertiary: #ffffff !important; + --color-primer-fg-disabled: #93A5BA !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #e7e9ff; @@ -160,6 +171,10 @@ fill: #f2fdff; } + .octicon .octicon-git-merge { + fill: #334c7d !important; + } + .btn-primary .octicon { fill: #e7e9ff !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #377071; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #3a4385; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #554069; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #93A5BA; background-color: #39558d; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #3a588e 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/mai_dark.user.css b/themes/mai_dark.user.css index 7e1c716..34f1c51 100644 --- a/themes/mai_dark.user.css +++ b/themes/mai_dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Mai Dark @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #25254B !important; --color-canvas-inset: #25254B !important; - --color-canvas-inset: #25254B !important; --color-canvas-overlay: #272750 !important; --color-bg-primary: #25254B !important; --color-calendar-graph-day-bg: #2d3049 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #2b2c57 !important; --color-text-secondary: #7cab9c !important; --color-text-tertiary: #61647b !important; + --color-primer-fg-disabled: #576f6a !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #25254e; @@ -160,6 +171,10 @@ fill: #62677b; } + .octicon .octicon-git-merge { + fill: #25254B !important; + } + .btn-primary .octicon { fill: #25254e !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #294c42; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #302461; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #576f6a; background-color: #233b53; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #29294e 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/mai_light.user.css b/themes/mai_light.user.css index 890d689..b8edc1a 100644 --- a/themes/mai_light.user.css +++ b/themes/mai_light.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Mai Light @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #fbf3f2 !important; --color-canvas-inset: #fbf3f2 !important; - --color-canvas-inset: #fbf3f2 !important; --color-canvas-overlay: #f8efee !important; --color-bg-primary: #fbf3f2 !important; --color-calendar-graph-day-bg: #eaecf6 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #e6d8d7 !important; --color-text-secondary: #6564ac !important; --color-text-tertiary: #aaaaaa !important; + --color-primer-fg-disabled: #a2accb !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbf3f2; @@ -160,6 +171,10 @@ fill: #85838b; } + .octicon .octicon-git-merge { + fill: #fbf3f2 !important; + } + .btn-primary .octicon { fill: #fbf3f2 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #c0f6b2; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #d2b3ea; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFB6AE; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #a2accb; background-color: #f1ecf2; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #f5eef2 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/maika.user.css b/themes/maika.user.css index 4006d9a..4c24225 100644 --- a/themes/maika.user.css +++ b/themes/maika.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Maika @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #24062f !important; --color-canvas-inset: #24062f !important; - --color-canvas-inset: #24062f !important; --color-canvas-overlay: #260633 !important; --color-bg-primary: #24062f !important; --color-calendar-graph-day-bg: #2a0930 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #341140 !important; --color-text-secondary: #79b7c1 !important; --color-text-tertiary: #70677b !important; + --color-primer-fg-disabled: #5c4e68 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #6d627b; } + .octicon .octicon-git-merge { + fill: #24062f !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #29342e; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #2c0942; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #451323; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #5c4e68; background-color: #2e0a37; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #2a0635 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/makise_kurisu.user.css b/themes/makise_kurisu.user.css index 36c06fd..586a80f 100644 --- a/themes/makise_kurisu.user.css +++ b/themes/makise_kurisu.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Makise Kurisu @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #1c1010 !important; --color-canvas-inset: #1c1010 !important; - --color-canvas-inset: #1c1010 !important; --color-canvas-overlay: #190d0d !important; --color-bg-primary: #1c1010 !important; --color-calendar-graph-day-bg: #231314 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #2b1919 !important; --color-text-secondary: #843030 !important; --color-text-tertiary: #624849 !important; + --color-primer-fg-disabled: #6f6f6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #726969; } + .octicon .octicon-git-merge { + fill: #1c1010 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #1f3710; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #26102a; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #492222; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6f6f; background-color: #211414; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #1d0c0d 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/maple_dark.user.css b/themes/maple_dark.user.css index a1810ce..5f6aa5b 100644 --- a/themes/maple_dark.user.css +++ b/themes/maple_dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Maple Dark @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #321f1f !important; --color-canvas-inset: #321f1f !important; - --color-canvas-inset: #321f1f !important; --color-canvas-overlay: #2a1818 !important; --color-bg-primary: #321f1f !important; --color-calendar-graph-day-bg: #2e2b26 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #412828 !important; --color-text-secondary: #bfb38c !important; --color-text-tertiary: #6c5b55 !important; + --color-primer-fg-disabled: #6f6764 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #7d7172; } + .octicon .octicon-git-merge { + fill: #321f1f !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #31471f; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #381c35; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #4B2424; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6764; background-color: #2e2f2a; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #321f1f 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/maple_light.user.css b/themes/maple_light.user.css index 59f8251..58b5874 100644 --- a/themes/maple_light.user.css +++ b/themes/maple_light.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Maple Light @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #ffd297 !important; --color-canvas-inset: #ffd297 !important; - --color-canvas-inset: #ffd297 !important; --color-canvas-overlay: #f9ca92 !important; --color-bg-primary: #ffd297 !important; --color-calendar-graph-day-bg: #ead88a !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #f1bb73 !important; --color-text-secondary: #763530 !important; --color-text-tertiary: #693434 !important; + --color-primer-fg-disabled: #8a7f48 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #ffd297; @@ -160,6 +171,10 @@ fill: #5d3855; } + .octicon .octicon-git-merge { + fill: #ffd297 !important; + } + .btn-primary .octicon { fill: #ffd297 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #c3df70; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #d196a3; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #ffc088; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #8a7f48; background-color: #f7bd86; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #ffc892 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/megumin.user.css b/themes/megumin.user.css index a201cc4..7f37d18 100644 --- a/themes/megumin.user.css +++ b/themes/megumin.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Megumin @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #271c21 !important; --color-canvas-inset: #271c21 !important; - --color-canvas-inset: #271c21 !important; --color-canvas-overlay: #281d22 !important; --color-bg-primary: #271c21 !important; --color-calendar-graph-day-bg: #2f2329 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #32262c !important; --color-text-secondary: #75595d !important; --color-text-tertiary: #7b7373 !important; + --color-primer-fg-disabled: #585F6F !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #E2CB14; @@ -160,6 +171,10 @@ fill: #948785; } + .octicon .octicon-git-merge { + fill: #271c21 !important; + } + .btn-primary .octicon { fill: #E2CB14 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #304a26; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #341f3d; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #585F6F; background-color: #31262b; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #2f2429 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/miia.user.css b/themes/miia.user.css index f2baf87..27378b9 100644 --- a/themes/miia.user.css +++ b/themes/miia.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Miia @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #36101c !important; --color-canvas-inset: #36101c !important; - --color-canvas-inset: #36101c !important; --color-canvas-overlay: #330e1b !important; --color-bg-primary: #36101c !important; --color-calendar-graph-day-bg: #3c1623 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #411221 !important; --color-text-secondary: #b19e78 !important; --color-text-tertiary: #a87975 !important; + --color-primer-fg-disabled: #6f4f4a !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #815f59; } + .octicon .octicon-git-merge { + fill: #36101c !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #343a1c; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #42123a; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #57171a; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f4f4a; background-color: #441c21; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #360f1d 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/mioda_ibuki_dark.user.css b/themes/mioda_ibuki_dark.user.css index 9116bce..c615e2d 100644 --- a/themes/mioda_ibuki_dark.user.css +++ b/themes/mioda_ibuki_dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Mioda Ibuki Dark @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #141617 !important; --color-canvas-inset: #141617 !important; - --color-canvas-inset: #141617 !important; --color-canvas-overlay: #1a1e20 !important; --color-bg-primary: #141617 !important; --color-calendar-graph-day-bg: #1f2123 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #1e2021 !important; --color-text-secondary: #ab8d9f !important; --color-text-tertiary: #666879 !important; + --color-primer-fg-disabled: #6f6f6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #818181; } + .octicon .octicon-git-merge { + fill: #141617 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #20451f; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #241a35; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6f6f; background-color: #333333; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #1e2122 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/mioda_ibuki_light.user.css b/themes/mioda_ibuki_light.user.css index a479373..99c10ff 100644 --- a/themes/mioda_ibuki_light.user.css +++ b/themes/mioda_ibuki_light.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Mioda Ibuki Light @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #ffedfe !important; --color-canvas-inset: #ffedfe !important; - --color-canvas-inset: #ffedfe !important; --color-canvas-overlay: #FFEAF9 !important; --color-bg-primary: #ffedfe !important; --color-calendar-graph-day-bg: #ecf2f8 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #ede1e9 !important; --color-text-secondary: #5ca4d4 !important; --color-text-tertiary: #aaaaaa !important; + --color-primer-fg-disabled: #cba2c4 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #393d45; @@ -160,6 +171,10 @@ fill: #b896b1; } + .octicon .octicon-git-merge { + fill: #ffedfe !important; + } + .btn-primary .octicon { fill: #393d45 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #c3f3ba; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #d2adef; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFB6AE; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #cba2c4; background-color: #f1d7ef; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #fae3f7 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/misaka_mikoto.user.css b/themes/misaka_mikoto.user.css index 2a2a0e5..3a319ff 100644 --- a/themes/misaka_mikoto.user.css +++ b/themes/misaka_mikoto.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Misaka Mikoto @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #0d193b !important; --color-canvas-inset: #0d193b !important; - --color-canvas-inset: #0d193b !important; --color-canvas-overlay: #030e24 !important; --color-bg-primary: #0d193b !important; --color-calendar-graph-day-bg: #0a2458 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #101f4a !important; --color-text-secondary: #70bfbc !important; --color-text-tertiary: #5d6680 !important; + --color-primer-fg-disabled: #565871 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #0d193b; @@ -160,6 +171,10 @@ fill: #667195; } + .octicon .octicon-git-merge { + fill: #0d193b !important; + } + .btn-primary .octicon { fill: #0d193b !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #154337; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #1a174a; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #3F1A22; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #565871; background-color: #0a3054; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #0f1e4c 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/monika_dark.user.css b/themes/monika_dark.user.css index 09d7cb9..836853f 100644 --- a/themes/monika_dark.user.css +++ b/themes/monika_dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Monika Dark @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #1A1E12 !important; --color-canvas-inset: #1A1E12 !important; - --color-canvas-inset: #1A1E12 !important; --color-canvas-overlay: #1a1e12 !important; --color-bg-primary: #1A1E12 !important; --color-calendar-graph-day-bg: #23271A !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #202416 !important; --color-text-secondary: #3b753d !important; --color-text-tertiary: #697966 !important; + --color-primer-fg-disabled: #505050 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #ffffff; @@ -160,6 +171,10 @@ fill: #657F6E; } + .octicon .octicon-git-merge { + fill: #1A1E12 !important; + } + .btn-primary .octicon { fill: #ffffff !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #244a19; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #292130; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #505050; background-color: #122D13; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #212618 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/monika_light.user.css b/themes/monika_light.user.css index f000139..a550a34 100644 --- a/themes/monika_light.user.css +++ b/themes/monika_light.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Monika Light @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #f3fff4 !important; --color-canvas-inset: #f3fff4 !important; - --color-canvas-inset: #f3fff4 !important; --color-canvas-overlay: #edffec !important; --color-bg-primary: #f3fff4 !important; --color-calendar-graph-day-bg: #eaf6eb !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #e2eee3 !important; --color-text-secondary: #3b753d !important; --color-text-tertiary: #aaaaaa !important; + --color-primer-fg-disabled: #A2B6CB !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #393d45; @@ -160,6 +171,10 @@ fill: #838b83; } + .octicon .octicon-git-merge { + fill: #f3fff4 !important; + } + .btn-primary .octicon { fill: #393d45 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #baffb1; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #c9b9e6; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFB6AE; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #A2B6CB; background-color: #def9e2; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #e5fae6 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/nadeshiko.user.css b/themes/nadeshiko.user.css index 762f9c1..a027497 100644 --- a/themes/nadeshiko.user.css +++ b/themes/nadeshiko.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Nadeshiko @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #34252e !important; --color-canvas-inset: #34252e !important; - --color-canvas-inset: #34252e !important; --color-canvas-overlay: #2a1c23 !important; --color-bg-primary: #34252e !important; --color-calendar-graph-day-bg: #332625 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #43303c !important; --color-text-secondary: #7ea5c1 !important; --color-text-tertiary: #6a5a6c !important; + --color-primer-fg-disabled: #6f5b68 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #34252e; @@ -160,6 +171,10 @@ fill: #786c7d; } + .octicon .octicon-git-merge { + fill: #34252e !important; + } + .btn-primary .octicon { fill: #34252e !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #304926; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #382140; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #3E2424; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f5b68; background-color: #3b2837; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #34242d 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/nakano_miku.user.css b/themes/nakano_miku.user.css index f3c9823..97c76de 100644 --- a/themes/nakano_miku.user.css +++ b/themes/nakano_miku.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Nakano Miku @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #25475e !important; --color-canvas-inset: #25475e !important; - --color-canvas-inset: #25475e !important; --color-canvas-overlay: #233f55 !important; --color-bg-primary: #25475e !important; --color-calendar-graph-day-bg: #234b52 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #26546b !important; --color-text-secondary: #addfa9 !important; --color-text-tertiary: #b9dfb6 !important; + --color-primer-fg-disabled: #93A5BA !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #25475e; @@ -160,6 +171,10 @@ fill: #eaf5f7; } + .octicon .octicon-git-merge { + fill: #25475e !important; + } + .btn-primary .octicon { fill: #25475e !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #29644f; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #2f3f6c; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #554069; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #93A5BA; background-color: #345165; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #25455c 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/nakano_nino.user.css b/themes/nakano_nino.user.css index ca24cf3..84dfbfd 100644 --- a/themes/nakano_nino.user.css +++ b/themes/nakano_nino.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Nakano Nino @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #1a161c !important; --color-canvas-inset: #1a161c !important; - --color-canvas-inset: #1a161c !important; --color-canvas-overlay: #221c23 !important; --color-bg-primary: #1a161c !important; --color-calendar-graph-day-bg: #232024 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #232024 !important; --color-text-secondary: #ab8d9f !important; --color-text-tertiary: #666879 !important; + --color-primer-fg-disabled: #6f6f6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #7d757e; } + .octicon .octicon-git-merge { + fill: #1a161c !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #254521; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #2d1c3b; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6f6f; background-color: #2d1f27; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #242025 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/nakano_yotsuba.user.css b/themes/nakano_yotsuba.user.css index ee29db2..7322e13 100644 --- a/themes/nakano_yotsuba.user.css +++ b/themes/nakano_yotsuba.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Nakano Yotsuba @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #140e19 !important; --color-canvas-inset: #140e19 !important; - --color-canvas-inset: #140e19 !important; --color-canvas-overlay: #1a0d20 !important; --color-bg-primary: #140e19 !important; --color-calendar-graph-day-bg: #250a29 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #231929 !important; --color-text-secondary: #c08865 !important; --color-text-tertiary: #F8E3D7 !important; + --color-primer-fg-disabled: #4d4c50 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #706f7e; } + .octicon .octicon-git-merge { + fill: #140e19 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #26360f; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #1f0f30; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #4D2020; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #4d4c50; background-color: #371819; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #280b0b 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/natsuki_dark.user.css b/themes/natsuki_dark.user.css index 9e380e6..ff42e14 100644 --- a/themes/natsuki_dark.user.css +++ b/themes/natsuki_dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Natsuki Dark @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #310a29 !important; --color-canvas-inset: #310a29 !important; - --color-canvas-inset: #310a29 !important; --color-canvas-overlay: #330A2B !important; --color-bg-primary: #310a29 !important; --color-calendar-graph-day-bg: #3d1c31 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #381927 !important; --color-text-secondary: #b74170 !important; --color-text-tertiary: #796675 !important; + --color-primer-fg-disabled: #505050 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #e6afca; @@ -160,6 +171,10 @@ fill: #7F707A; } + .octicon .octicon-git-merge { + fill: #310a29 !important; + } + .btn-primary .octicon { fill: #e6afca !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #373c2b; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #380d40; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #505050; background-color: #6F3654; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #3e1334 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/natsuki_light.user.css b/themes/natsuki_light.user.css index 92bbecc..6fc8bf4 100644 --- a/themes/natsuki_light.user.css +++ b/themes/natsuki_light.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Natsuki Light @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #ffe4f1 !important; --color-canvas-inset: #ffe4f1 !important; - --color-canvas-inset: #ffe4f1 !important; --color-canvas-overlay: #f5c1d4 !important; --color-bg-primary: #ffe4f1 !important; --color-calendar-graph-day-bg: #FDD8FF !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #F1D7E6 !important; --color-text-secondary: #dd87a1 !important; --color-text-tertiary: #aaaaaa !important; + --color-primer-fg-disabled: #ceaec7 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #f049da; @@ -160,6 +171,10 @@ fill: #af8da6; } + .octicon .octicon-git-merge { + fill: #ffe4f1 !important; + } + .btn-primary .octicon { fill: #f049da !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #c3edb2; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #d2a3e6; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFA9BF; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #ceaec7; background-color: #fdd3f1; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #ffe0ea 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/ram.user.css b/themes/ram.user.css index 56f2d3f..aef37a5 100644 --- a/themes/ram.user.css +++ b/themes/ram.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Ram @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #302930 !important; --color-canvas-inset: #302930 !important; - --color-canvas-inset: #302930 !important; --color-canvas-overlay: #373139 !important; --color-bg-primary: #302930 !important; --color-calendar-graph-day-bg: #42283e !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #362d39 !important; --color-text-secondary: #ab7b9d !important; --color-text-tertiary: #666879 !important; + --color-primer-fg-disabled: #6c586f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #717981; } + .octicon .octicon-git-merge { + fill: #302930 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #365533; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #3b2a4a; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6c586f; background-color: #413a44; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #353038 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/raphtalia.user.css b/themes/raphtalia.user.css index 862366b..a22bd06 100644 --- a/themes/raphtalia.user.css +++ b/themes/raphtalia.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Raphtalia @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #231a13 !important; --color-canvas-inset: #231a13 !important; - --color-canvas-inset: #231a13 !important; --color-canvas-overlay: #1e160f !important; --color-bg-primary: #231a13 !important; --color-calendar-graph-day-bg: #2c1e12 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #30231a !important; --color-text-secondary: #bfb38c !important; --color-text-tertiary: #6c5f55 !important; + --color-primer-fg-disabled: #68635d !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #7d7871; } + .octicon .octicon-git-merge { + fill: #231a13 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #254315; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #28162b; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #4B2424; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #68635d; background-color: #2f1e10; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #261c14 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/rei.user.css b/themes/rei.user.css index a5f9500..27a5b75 100644 --- a/themes/rei.user.css +++ b/themes/rei.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Rei @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #171918 !important; --color-canvas-inset: #171918 !important; - --color-canvas-inset: #171918 !important; --color-canvas-overlay: #191b1a !important; --color-bg-primary: #171918 !important; --color-calendar-graph-day-bg: #1b242e !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #1e211f !important; --color-text-secondary: #7da1c2 !important; --color-text-tertiary: #666879 !important; + --color-primer-fg-disabled: #526f69 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #ffffff; @@ -160,6 +171,10 @@ fill: #76857d; } + .octicon .octicon-git-merge { + fill: #171918 !important; + } + .btn-primary .octicon { fill: #ffffff !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #204521; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #20162f; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #422121; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #526f69; background-color: #18242d; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #1d1f23 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/rem.user.css b/themes/rem.user.css index a819752..8c65165 100644 --- a/themes/rem.user.css +++ b/themes/rem.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Rem @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #292A30 !important; --color-canvas-inset: #292A30 !important; - --color-canvas-inset: #292A30 !important; --color-canvas-overlay: #313239 !important; --color-bg-primary: #292A30 !important; --color-calendar-graph-day-bg: #293342 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #2d3439 !important; --color-text-secondary: #7b8bab !important; --color-text-tertiary: #666879 !important; + --color-primer-fg-disabled: #585F6F !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #717981; } + .octicon .octicon-git-merge { + fill: #292A30 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #325633; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #362b4a; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #585F6F; background-color: #3a3f44; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #303238 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/rias_crimson.user.css b/themes/rias_crimson.user.css index fdb86f7..f75f430 100644 --- a/themes/rias_crimson.user.css +++ b/themes/rias_crimson.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Rias Crimson @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #401112 !important; --color-canvas-inset: #401112 !important; - --color-canvas-inset: #401112 !important; --color-canvas-overlay: #401010 !important; --color-bg-primary: #401112 !important; --color-calendar-graph-day-bg: #491818 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #551818 !important; --color-text-secondary: #cdacac !important; --color-text-tertiary: #cdb0b0 !important; + --color-primer-fg-disabled: #6f4f4a !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #9e898e; } + .octicon .octicon-git-merge { + fill: #401112 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #3f3c14; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #44152e; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #57171a; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f4f4a; background-color: #491818; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #451515 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/rias_onyx.user.css b/themes/rias_onyx.user.css index 7d7951e..0a31ef5 100644 --- a/themes/rias_onyx.user.css +++ b/themes/rias_onyx.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Rias Onyx @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #130000 !important; --color-canvas-inset: #130000 !important; - --color-canvas-inset: #130000 !important; --color-canvas-overlay: #1c0607 !important; --color-bg-primary: #130000 !important; --color-calendar-graph-day-bg: #1d0406 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #220000 !important; --color-text-secondary: #6e2727 !important; --color-text-tertiary: #97706f !important; + --color-primer-fg-disabled: #584445 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #795b5e; } + .octicon .octicon-git-merge { + fill: #130000 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #192f07; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #1e041e; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #471316; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #584445; background-color: #220708; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #180404 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/rimiru_tempest.user.css b/themes/rimiru_tempest.user.css index 42c3919..70aa5ff 100644 --- a/themes/rimiru_tempest.user.css +++ b/themes/rimiru_tempest.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Rimiru Tempest @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #262127 !important; --color-canvas-inset: #262127 !important; - --color-canvas-inset: #262127 !important; --color-canvas-overlay: #151016 !important; --color-bg-primary: #262127 !important; --color-calendar-graph-day-bg: #2d3d55 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #3f3741 !important; --color-text-secondary: #b0a17f !important; --color-text-tertiary: #675a6c !important; + --color-primer-fg-disabled: #685e6d !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #262127; @@ -160,6 +171,10 @@ fill: #7f7782; } + .octicon .octicon-git-merge { + fill: #262127 !important; + } + .btn-primary .octicon { fill: #262127 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #21391f; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #2c1c3b; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #4B2424; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #685e6d; background-color: #24324b; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #282229 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/rory_mercury.user.css b/themes/rory_mercury.user.css index a2cc352..7f66b4a 100644 --- a/themes/rory_mercury.user.css +++ b/themes/rory_mercury.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Rory Mercury @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #161619 !important; --color-canvas-inset: #161619 !important; - --color-canvas-inset: #161619 !important; --color-canvas-overlay: #111114 !important; --color-bg-primary: #161619 !important; --color-calendar-graph-day-bg: #191715 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #261616 !important; --color-text-secondary: #843030 !important; --color-text-tertiary: #796666 !important; + --color-primer-fg-disabled: #6f6f6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #726969; } + .octicon .octicon-git-merge { + fill: #161619 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #1c3f1a; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #251935; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #492222; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6f6f; background-color: #2a1a1c; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #18181b 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/ryuko_dark.user.css b/themes/ryuko_dark.user.css index c2070a0..5462b34 100644 --- a/themes/ryuko_dark.user.css +++ b/themes/ryuko_dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Ryuko Dark @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #2f363c !important; --color-canvas-inset: #2f363c !important; - --color-canvas-inset: #2f363c !important; --color-canvas-overlay: #282f35 !important; --color-bg-primary: #2f363c !important; --color-calendar-graph-day-bg: #292e34 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #30383d !important; --color-text-secondary: #6e707a !important; --color-text-tertiary: #666879 !important; + --color-primer-fg-disabled: #585F6F !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #E2CB14; @@ -160,6 +171,10 @@ fill: #717981; } + .octicon .octicon-git-merge { + fill: #2f363c !important; + } + .btn-primary .octicon { fill: #E2CB14 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #2f5835; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #352f4e; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #585F6F; background-color: #292e34; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #2a3137 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/ryuko_light.user.css b/themes/ryuko_light.user.css index 673b588..9622f34 100644 --- a/themes/ryuko_light.user.css +++ b/themes/ryuko_light.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Ryuko Light @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #fafbfc !important; --color-canvas-inset: #fafbfc !important; - --color-canvas-inset: #fafbfc !important; --color-canvas-overlay: #eef6ff !important; --color-bg-primary: #fafbfc !important; --color-calendar-graph-day-bg: #bff8e2 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #e5e5ee !important; --color-text-secondary: #1f79a1 !important; --color-text-tertiary: #344f69 !important; + --color-primer-fg-disabled: #74889f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #103365; @@ -160,6 +171,10 @@ fill: #455d8e; } + .octicon .octicon-git-merge { + fill: #fafbfc !important; + } + .btn-primary .octicon { fill: #103365 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #c3ffbc; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #cbb3eb; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFB6AE; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #74889f; background-color: #bdd3f3; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #f0f5fd 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/sagiri.user.css b/themes/sagiri.user.css index 1e35c05..6058b9a 100644 --- a/themes/sagiri.user.css +++ b/themes/sagiri.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Sagiri @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #0b443e !important; --color-canvas-inset: #0b443e !important; - --color-canvas-inset: #0b443e !important; --color-canvas-overlay: #08332e !important; --color-bg-primary: #0b443e !important; --color-calendar-graph-day-bg: #07312c !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #0d514a !important; --color-text-secondary: #eae99a !important; --color-text-tertiary: #ffffff !important; + --color-primer-fg-disabled: #769382 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #e7e9ff; @@ -160,6 +171,10 @@ fill: #d0eae9; } + .octicon .octicon-git-merge { + fill: #0b443e !important; + } + .btn-primary .octicon { fill: #e7e9ff !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #145f33; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #193a4f; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #491E1E; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #769382; background-color: #072f2b; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #0b423b 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/satsuki_dark.user.css b/themes/satsuki_dark.user.css index b714945..bb11d91 100644 --- a/themes/satsuki_dark.user.css +++ b/themes/satsuki_dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Satsuki Dark @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #272b2d !important; --color-canvas-inset: #272b2d !important; - --color-canvas-inset: #272b2d !important; --color-canvas-overlay: #1d2123 !important; --color-bg-primary: #272b2d !important; --color-calendar-graph-day-bg: #402729 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #32373a !important; --color-text-secondary: #af543f !important; --color-text-tertiary: #596570 !important; + --color-primer-fg-disabled: #5c5151 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fefefe; @@ -160,6 +171,10 @@ fill: #697777; } + .octicon .octicon-git-merge { + fill: #272b2d !important; + } + .btn-primary .octicon { fill: #fefefe !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #294f29; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #2c2340; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #4B2424; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #5c5151; background-color: #3f2527; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #282b2e 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/satsuki_light.user.css b/themes/satsuki_light.user.css index 8a2521a..fd62bc5 100644 --- a/themes/satsuki_light.user.css +++ b/themes/satsuki_light.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Satsuki Light @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #fafbfc !important; --color-canvas-inset: #fafbfc !important; - --color-canvas-inset: #fafbfc !important; --color-canvas-overlay: #eef6ff !important; --color-bg-primary: #fafbfc !important; --color-calendar-graph-day-bg: #cff7f5 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #e5e5ee !important; --color-text-secondary: #1f45a1 !important; --color-text-tertiary: #344f69 !important; + --color-primer-fg-disabled: #74889f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fafbfc; @@ -160,6 +171,10 @@ fill: #455d8e; } + .octicon .octicon-git-merge { + fill: #fafbfc !important; + } + .btn-primary .octicon { fill: #fafbfc !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #c3ffbc; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #cbb3eb; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFB6AE; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #74889f; background-color: #bdd3f3; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #f0f5fd 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/sayori_dark.user.css b/themes/sayori_dark.user.css index c64c36a..e21a9f7 100644 --- a/themes/sayori_dark.user.css +++ b/themes/sayori_dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Sayori Dark @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #0E1D31 !important; --color-canvas-inset: #0E1D31 !important; - --color-canvas-inset: #0E1D31 !important; --color-canvas-overlay: #131d2d !important; --color-bg-primary: #0E1D31 !important; --color-calendar-graph-day-bg: #1B1D31 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #1a1c2d !important; --color-text-secondary: #3a9fb1 !important; --color-text-tertiary: #666879 !important; + --color-primer-fg-disabled: #505050 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #9CF5FF; @@ -160,6 +171,10 @@ fill: #5B777F; } + .octicon .octicon-git-merge { + fill: #0E1D31 !important; + } + .btn-primary .octicon { fill: #9CF5FF !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #1a452c; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #1c1c46; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #505050; background-color: #1d274b; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #152036 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/sayori_light.user.css b/themes/sayori_light.user.css index 87a6c53..2fd8b45 100644 --- a/themes/sayori_light.user.css +++ b/themes/sayori_light.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Sayori Light @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #f3faff !important; --color-canvas-inset: #f3faff !important; - --color-canvas-inset: #f3faff !important; --color-canvas-overlay: #ecfbff !important; --color-bg-primary: #f3faff !important; --color-calendar-graph-day-bg: #eaf0f6 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #e2eaee !important; --color-text-secondary: #64a6ac !important; --color-text-tertiary: #aaaaaa !important; + --color-primer-fg-disabled: #A2B6CB !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #393d45; @@ -160,6 +171,10 @@ fill: #838a8b; } + .octicon .octicon-git-merge { + fill: #f3faff !important; + } + .btn-primary .octicon { fill: #393d45 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #b9fcbc; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #c8b5f0; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFB6AE; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #A2B6CB; background-color: #d7e3f1; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #e4f3fa 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/shigure.user.css b/themes/shigure.user.css index d71f520..984f601 100644 --- a/themes/shigure.user.css +++ b/themes/shigure.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Shigure @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #e5e5ff !important; --color-canvas-inset: #e5e5ff !important; - --color-canvas-inset: #e5e5ff !important; --color-canvas-overlay: #cccaff !important; --color-bg-primary: #e5e5ff !important; --color-calendar-graph-day-bg: #e7d8f1 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #d6d5fe !important; --color-text-secondary: #584484 !important; --color-text-tertiary: #38336b !important; + --color-primer-fg-disabled: #484d8a !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #d3dcfd; @@ -160,6 +171,10 @@ fill: #4a385d; } + .octicon .octicon-git-merge { + fill: #e5e5ff !important; + } + .btn-primary .octicon { fill: #d3dcfd !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #b4f0bc; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #b99ff0; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFB6AE; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #484d8a; background-color: #b4b2fa; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #dcdbff 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/shima_rin.user.css b/themes/shima_rin.user.css index 4700dd6..ad735fc 100644 --- a/themes/shima_rin.user.css +++ b/themes/shima_rin.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Shima Rin @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #323742 !important; --color-canvas-inset: #323742 !important; - --color-canvas-inset: #323742 !important; --color-canvas-overlay: #2c3039 !important; --color-bg-primary: #323742 !important; --color-calendar-graph-day-bg: #3c3443 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #393e48 !important; --color-text-secondary: #b0a17f !important; --color-text-tertiary: #5a626c !important; + --color-primer-fg-disabled: #5b606f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #6c747d; } + .octicon .octicon-git-merge { + fill: #323742 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #2f5637; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #383153; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #3E2424; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #5b606f; background-color: #403545; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #2f3643 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/sonoda_umi.user.css b/themes/sonoda_umi.user.css index 6fb4d65..6407f6c 100644 --- a/themes/sonoda_umi.user.css +++ b/themes/sonoda_umi.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Sonoda Umi @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #15173e !important; --color-canvas-inset: #15173e !important; - --color-canvas-inset: #15173e !important; --color-canvas-overlay: #151739 !important; --color-bg-primary: #15173e !important; --color-calendar-graph-day-bg: #181a47 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #1c1f50 !important; --color-text-secondary: #6878c2 !important; --color-text-tertiary: #5e5e79 !important; + --color-primer-fg-disabled: #6f6f6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #222222; @@ -160,6 +171,10 @@ fill: #656d82; } + .octicon .octicon-git-merge { + fill: #15173e !important; + } + .btn-primary .octicon { fill: #222222 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #1d4238; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #261c58; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6f6f; background-color: #202649; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #171942 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/takanashi_rikka.user.css b/themes/takanashi_rikka.user.css index 9414549..62b9a90 100644 --- a/themes/takanashi_rikka.user.css +++ b/themes/takanashi_rikka.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Takanashi Rikka @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #231e2d !important; --color-canvas-inset: #231e2d !important; - --color-canvas-inset: #231e2d !important; --color-canvas-overlay: #16121e !important; --color-bg-primary: #231e2d !important; --color-calendar-graph-day-bg: #351929 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #2f283c !important; --color-text-secondary: #bd7e99 !important; --color-text-tertiary: #8e6e7b !important; + --color-primer-fg-disabled: #745c65 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #8e7480; } + .octicon .octicon-git-merge { + fill: #231e2d !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #254428; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #291a3f; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #441919; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #745c65; background-color: #3d182a; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #261f33 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/tohru.user.css b/themes/tohru.user.css index 53be830..800c7f4 100644 --- a/themes/tohru.user.css +++ b/themes/tohru.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Tohru @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #ffe591 !important; --color-canvas-inset: #ffe591 !important; - --color-canvas-inset: #ffe591 !important; --color-canvas-overlay: #fde388 !important; --color-bg-primary: #ffe591 !important; --color-calendar-graph-day-bg: #f9da7d !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #e8bf69 !important; --color-text-secondary: #763530 !important; --color-text-tertiary: #693434 !important; + --color-primer-fg-disabled: #8a7f48 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #652009; @@ -160,6 +171,10 @@ fill: #3d455d; } + .octicon .octicon-git-merge { + fill: #ffe591 !important; + } + .btn-primary .octicon { fill: #652009 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #c3ea6f; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #cc9f9f; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #f9bf7c; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #8a7f48; background-color: #f0c07e; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #ffe494 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/tohsaka_rin.user.css b/themes/tohsaka_rin.user.css index 6816208..69a98a3 100644 --- a/themes/tohsaka_rin.user.css +++ b/themes/tohsaka_rin.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Tohsaka Rin @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #191718 !important; --color-canvas-inset: #191718 !important; - --color-canvas-inset: #191718 !important; --color-canvas-overlay: #151314 !important; --color-bg-primary: #191718 !important; --color-calendar-graph-day-bg: #211D1E !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #211e1e !important; --color-text-secondary: #86a4ab !important; --color-text-tertiary: #847878 !important; + --color-primer-fg-disabled: #6f6f6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #818181; } + .octicon .octicon-git-merge { + fill: #191718 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #1e3f19; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #271a34; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #422121; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6f6f; background-color: #241B1D; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #1d1719 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/vanilla.user.css b/themes/vanilla.user.css index c843759..0e035b3 100644 --- a/themes/vanilla.user.css +++ b/themes/vanilla.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Vanilla @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #2d2f43 !important; --color-canvas-inset: #2d2f43 !important; - --color-canvas-inset: #2d2f43 !important; --color-canvas-overlay: #272935 !important; --color-bg-primary: #2d2f43 !important; --color-calendar-graph-day-bg: #2f3354 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #383a50 !important; --color-text-secondary: #b0a17f !important; --color-text-tertiary: #5a5e6c !important; + --color-primer-fg-disabled: #5b5d6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #2d2f43; @@ -160,6 +171,10 @@ fill: #6c6f7d; } + .octicon .octicon-git-merge { + fill: #2d2f43 !important; + } + .btn-primary .octicon { fill: #2d2f43 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #2f5339; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #332850; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #492929; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #5b5d6f; background-color: #3a425e; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #303142 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/yukihira_soma.user.css b/themes/yukihira_soma.user.css index 8457e4d..8ba0cb7 100644 --- a/themes/yukihira_soma.user.css +++ b/themes/yukihira_soma.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Yukihira Soma @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #122235 !important; --color-canvas-inset: #122235 !important; - --color-canvas-inset: #122235 !important; --color-canvas-overlay: #06111d !important; --color-bg-primary: #122235 !important; --color-calendar-graph-day-bg: #251a2b !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #233a55 !important; --color-text-secondary: #6e89ad !important; --color-text-tertiary: #5d6c80 !important; + --color-primer-fg-disabled: #627282 !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #5f6469; } + .octicon .octicon-git-merge { + fill: #122235 !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #113a2b; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #1b1c46; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5C1B2F; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #627282; background-color: #361c2b; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #112439 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/yukinoshita_yukino.user.css b/themes/yukinoshita_yukino.user.css index f854f52..89f3512 100644 --- a/themes/yukinoshita_yukino.user.css +++ b/themes/yukinoshita_yukino.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Yukinoshita Yukino @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #24262b !important; --color-canvas-inset: #24262b !important; - --color-canvas-inset: #24262b !important; --color-canvas-overlay: #222429 !important; --color-bg-primary: #24262b !important; --color-calendar-graph-day-bg: #25272c !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #2b2d32 !important; --color-text-secondary: #456186 !important; --color-text-tertiary: #545e6d !important; + --color-primer-fg-disabled: #6f6f6f !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #fbfbfb; @@ -160,6 +171,10 @@ fill: #747a84; } + .octicon .octicon-git-merge { + fill: #24262b !important; + } + .btn-primary .octicon { fill: #fbfbfb !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #254a26; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #322846; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #391B1B; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f6f6f; background-color: #303237; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #212328 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/yuri_dark.user.css b/themes/yuri_dark.user.css index 20a9f70..d46f000 100644 --- a/themes/yuri_dark.user.css +++ b/themes/yuri_dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Yuri Dark @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #493162 !important; --color-canvas-inset: #493162 !important; - --color-canvas-inset: #493162 !important; --color-canvas-overlay: #412D62 !important; --color-bg-primary: #493162 !important; --color-calendar-graph-day-bg: #3e2955 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #4d3a63 !important; --color-text-secondary: #9d52ab !important; --color-text-tertiary: #6f6679 !important; + --color-primer-fg-disabled: #AF9ECB !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #B39EFF; @@ -160,6 +171,10 @@ fill: #6d6b96; } + .octicon .octicon-git-merge { + fill: #493162 !important; + } + .btn-primary .octicon { fill: #B39EFF !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #425451; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #4a2c6d; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #5d323f; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #AF9ECB; background-color: #473466; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #453161 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/yuri_light.user.css b/themes/yuri_light.user.css index 030f040..ff6d17d 100644 --- a/themes/yuri_light.user.css +++ b/themes/yuri_light.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Yuri Light @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #f7f3ff !important; --color-canvas-inset: #f7f3ff !important; - --color-canvas-inset: #f7f3ff !important; --color-canvas-overlay: #f5ecff !important; --color-bg-primary: #f7f3ff !important; --color-calendar-graph-day-bg: #efeaf6 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #e2e3ee !important; --color-text-secondary: #8864ac !important; --color-text-tertiary: #aaaaaa !important; + --color-primer-fg-disabled: #A2B6CB !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #393d45; @@ -160,6 +171,10 @@ fill: #a68daf; } + .octicon .octicon-git-merge { + fill: #f7f3ff !important; + } + .btn-primary .octicon { fill: #393d45 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #bbf5bc; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #cbaef0; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFB6AE; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #A2B6CB; background-color: #ded7f1; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #eae4fa 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/zero_two_dark.user.css b/themes/zero_two_dark.user.css index 30e9ba7..17680aa 100644 --- a/themes/zero_two_dark.user.css +++ b/themes/zero_two_dark.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Zero Two Dark @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #330f10 !important; --color-canvas-inset: #330f10 !important; - --color-canvas-inset: #330f10 !important; --color-canvas-overlay: #330e0e !important; --color-bg-primary: #330f10 !important; --color-calendar-graph-day-bg: #3c1616 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #481818 !important; --color-text-secondary: #b19e78 !important; --color-text-tertiary: #a87975 !important; + --color-primer-fg-disabled: #6f4f4a !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.6 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%)); + background: rgba(var(--label-r), var(--label-g), var(--label-b), var(--background-alpha)); + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #330f10; @@ -160,6 +171,10 @@ fill: #815f59; } + .octicon .octicon-git-merge { + fill: #330f10 !important; + } + .btn-primary .octicon { fill: #330f10 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #343b14; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #39102a; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #57171a; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #6f4f4a; background-color: #3c1818; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #381212 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic, diff --git a/themes/zero_two_light.user.css b/themes/zero_two_light.user.css index 5515494..20acee6 100644 --- a/themes/zero_two_light.user.css +++ b/themes/zero_two_light.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Zero Two Light @namespace github.com/doki-theme -@version 78.1.0 +@version 78.1.1 @description Cute anime themes for GitHub @author Unthrottled @license MIT @@ -49,7 +49,6 @@ --color-avatar-border: #00000000 !important; --color-bg-canvas: #fcfcfc !important; --color-canvas-inset: #fcfcfc !important; - --color-canvas-inset: #fcfcfc !important; --color-canvas-overlay: #fcfcfc !important; --color-bg-primary: #fcfcfc !important; --color-calendar-graph-day-bg: #f6f6f6 !important; @@ -89,8 +88,20 @@ --color-input-disabled-border: #eeeeee !important; --color-text-secondary: #5282a2 !important; --color-text-tertiary: #aaaaaa !important; + --color-primer-fg-disabled: #A2B6CB !important; + --lightness-threshold: 0.453 !important; } + [data-color-mode="light"][data-light-theme*="dark"] .hx_IssueLabel, [data-color-mode="dark"][data-dark-theme*="dark"] .hx_IssueLabel { + --lightness-threshold: 0.453 !important; + --background-alpha: 0.18; + --border-alpha: 0.3; + --lighten-by: calc(((var(--lightness-threshold) - var(--perceived-lightness)) * 100) * var(--lightness-switch)); + color: hsl(0deg, 0%, calc(var(--lightness-switch) * 100%)); + background: rgb(var(--label-r), var(--label-g), var(--label-b));; + border-color: hsla(var(--label-h), calc(var(--label-s) * 1%), calc((var(--label-l) + var(--lighten-by)) * 1%), var(--border-alpha)); +} + .suggester li:hover .octicon, .suggester li[aria-selected="true"] .octicon { fill: #EFA554; @@ -160,6 +171,10 @@ fill: #85838b; } + .octicon .octicon-git-merge { + fill: #fcfcfc !important; + } + .btn-primary .octicon { fill: #EFA554 !important; } @@ -13654,21 +13669,18 @@ .Label--orange { background-color: #f3582c; } - /* source #9: "#6a737d" */ - .state, .State { - background-color: #444; - } + /* source #9: "#2cbe4e" */ .State--green { - background-color: #373; + background-color: #c1fdb9; } /* source #9: "#6f42c1" */ .State--purple { - background-color: #8368aa; + background-color: #cfb5ed; } /* source #9: "#cb2431" */ .State--red { - background-color: #911; + background-color: #FFB6AE; } /* source #9: "color: #586069", "rgba(27,31,35,.08)" */ .Counter { @@ -14688,7 +14700,7 @@ } /* source #14: "color: rgba(36,41,46,.4)", "#eff3f6", "none", "rgba(27,31,35,0.2)", "box-shadow: none" */ .btn.disabled, .btn:disabled, .btn[aria-disabled="true"] { - color: rgba(210, 210, 210, 0.4); + color: #A2B6CB; background-color: #fff4f4; background-image: none; border-color: rgba(200, 200, 200, 0.15); @@ -17878,7 +17890,7 @@ div[style*="background-color: #044d6e"], background: radial-gradient(ellipse at center, #000 0%, rgba(0, 0, 0, .6) 65%, rgba(0, 0, 0, .6) 100%) !important; } .TimelineItem-break { - background: linear-gradient(to bottom, rgba(25, 25, 25, .8) 1%, transparent 80%) !important; + background: linear-gradient(to bottom, #f6f6f6 1%, transparent 80%) !important; } /* light grey gradient */ .signup-button:hover, a.signin:hover, .hero .textographic,