diff --git a/CHANGELOG.md b/CHANGELOG.md index 9c8b3f1..7e1767f 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,5 +1,10 @@ Changelog --- +# 4.2.6 [Organization Avatar Fix] + +- Fixed the GitHub organization avatar backgrounds. + + # 4.2.5 [Notifications Fix, Part Duex] - Fixed the GitHub **unread** notifications look and feel. diff --git a/buildSrc/templates/tempCss.css.txt b/buildSrc/templates/tempCss.css.txt index 35f0962..8f3738a 100644 --- a/buildSrc/templates/tempCss.css.txt +++ b/buildSrc/templates/tempCss.css.txt @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: {{textEditorBackground}}; + --color-avatar-bg: {{textEditorBackground}}; + --color-avatar-border: #00000000; --color-bg-canvas: {{baseBackground}}; --color-bg-canvas-inset: {{baseBackground}}; --color-bg-primary: {{baseBackground}}; diff --git a/package.json b/package.json index c3a58a7..d954638 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "doki-theme-github", - "version": "4.2.5", + "version": "4.2.6", "dependencies": { } } diff --git a/themes/aqua.user.css b/themes/aqua.user.css index ed2fd9e..45ab133 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #262940; + --color-avatar-bg: #262940; + --color-avatar-border: #00000000; --color-bg-canvas: #282b42; --color-bg-canvas-inset: #282b42; --color-bg-primary: #282b42; diff --git a/themes/asuna.user.css b/themes/asuna.user.css index 9aea31a..7224776 100644 --- a/themes/asuna.user.css +++ b/themes/asuna.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Asuna @namespace github.com/doki-theme -@version 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #fcfcfc; + --color-avatar-bg: #fcfcfc; + --color-avatar-border: #00000000; --color-bg-canvas: #ffffff; --color-bg-canvas-inset: #ffffff; --color-bg-primary: #ffffff; diff --git a/themes/beatrice.user.css b/themes/beatrice.user.css index 157817d..28a0ba5 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #FFE5F1; + --color-avatar-bg: #FFE5F1; + --color-avatar-border: #00000000; --color-bg-canvas: #ffe4f1; --color-bg-canvas-inset: #ffe4f1; --color-bg-primary: #ffe4f1; diff --git a/themes/darkness_dark.user.css b/themes/darkness_dark.user.css index 41ecac4..bd6f664 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #0a0904; + --color-avatar-bg: #0a0904; + --color-avatar-border: #00000000; --color-bg-canvas: #080703; --color-bg-canvas-inset: #080703; --color-bg-primary: #080703; diff --git a/themes/darkness_light.user.css b/themes/darkness_light.user.css index dc7cdb4..10329a1 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #FFFEF9; + --color-avatar-bg: #FFFEF9; + --color-avatar-border: #00000000; --color-bg-canvas: #fefefa; --color-bg-canvas-inset: #fefefa; --color-bg-primary: #fefefa; diff --git a/themes/emilia_dark.user.css b/themes/emilia_dark.user.css index 493fe2c..eb2439e 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #492d5a; + --color-avatar-bg: #492d5a; + --color-avatar-border: #00000000; --color-bg-canvas: #4e3162; --color-bg-canvas-inset: #4e3162; --color-bg-primary: #4e3162; diff --git a/themes/emilia_light.user.css b/themes/emilia_light.user.css index 3b7103e..16e3d96 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #fbf0ff; + --color-avatar-bg: #fbf0ff; + --color-avatar-border: #00000000; --color-bg-canvas: #fcf3ff; --color-bg-canvas-inset: #fcf3ff; --color-bg-primary: #fcf3ff; diff --git a/themes/hatsune_miku.user.css b/themes/hatsune_miku.user.css index 76c44ca..a134cba 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #2f3635; + --color-avatar-bg: #2f3635; + --color-avatar-border: #00000000; --color-bg-canvas: #293030; --color-bg-canvas-inset: #293030; --color-bg-primary: #293030; diff --git a/themes/ishtar_dark.user.css b/themes/ishtar_dark.user.css index 9ccefa9..b4e7d4e 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #110F10; + --color-avatar-bg: #110F10; + --color-avatar-border: #00000000; --color-bg-canvas: #0f0d0e; --color-bg-canvas-inset: #0f0d0e; --color-bg-primary: #0f0d0e; diff --git a/themes/ishtar_light.user.css b/themes/ishtar_light.user.css index 421a906..98f1e3e 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #fffefb; + --color-avatar-bg: #fffefb; + --color-avatar-border: #00000000; --color-bg-canvas: #fffffc; --color-bg-canvas-inset: #fffffc; --color-bg-primary: #fffffc; diff --git a/themes/kanna.user.css b/themes/kanna.user.css index 56bdd90..ea0d1a1 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #1a1426; + --color-avatar-bg: #1a1426; + --color-avatar-border: #00000000; --color-bg-canvas: #1b1529; --color-bg-canvas-inset: #1b1529; --color-bg-primary: #1b1529; diff --git a/themes/konata.user.css b/themes/konata.user.css index 54eff6f..7f2cd0e 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #608ee9; + --color-avatar-bg: #608ee9; + --color-avatar-border: #00000000; --color-bg-canvas: #6192ee; --color-bg-canvas-inset: #6192ee; --color-bg-primary: #6192ee; diff --git a/themes/megumin.user.css b/themes/megumin.user.css index 88704a0..5f7dccb 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #2c2126; + --color-avatar-bg: #2c2126; + --color-avatar-border: #00000000; --color-bg-canvas: #271c21; --color-bg-canvas-inset: #271c21; --color-bg-primary: #271c21; diff --git a/themes/mioda_ibuki_dark.user.css b/themes/mioda_ibuki_dark.user.css index 1a6d406..e737360 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #191b1d; + --color-avatar-bg: #191b1d; + --color-avatar-border: #00000000; --color-bg-canvas: #141617; --color-bg-canvas-inset: #141617; --color-bg-primary: #141617; diff --git a/themes/mioda_ibuki_light.user.css b/themes/mioda_ibuki_light.user.css index 7a74971..c1e3437 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #ffeefd; + --color-avatar-bg: #ffeefd; + --color-avatar-border: #00000000; --color-bg-canvas: #ffedfe; --color-bg-canvas-inset: #ffedfe; --color-bg-primary: #ffedfe; diff --git a/themes/misato_katsuragi.user.css b/themes/misato_katsuragi.user.css index 6c91899..1b72b57 100644 --- a/themes/misato_katsuragi.user.css +++ b/themes/misato_katsuragi.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Misato Katsuragi @namespace github.com/doki-theme -@version 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #382536; + --color-avatar-bg: #382536; + --color-avatar-border: #00000000; --color-bg-canvas: #3a2333; --color-bg-canvas-inset: #3a2333; --color-bg-primary: #3a2333; diff --git a/themes/monika_dark.user.css b/themes/monika_dark.user.css index dee1b05..71f7f70 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #1d2115; + --color-avatar-bg: #1d2115; + --color-avatar-border: #00000000; --color-bg-canvas: #1A1E12; --color-bg-canvas-inset: #1A1E12; --color-bg-primary: #1A1E12; diff --git a/themes/monika_light.user.css b/themes/monika_light.user.css index c613c8e..b811fc7 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #f2fff0; + --color-avatar-bg: #f2fff0; + --color-avatar-border: #00000000; --color-bg-canvas: #f3fff4; --color-bg-canvas-inset: #f3fff4; --color-bg-primary: #f3fff4; diff --git a/themes/natsuki_dark.user.css b/themes/natsuki_dark.user.css index 7bb20d4..3471cc3 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #35102c; + --color-avatar-bg: #35102c; + --color-avatar-border: #00000000; --color-bg-canvas: #310a29; --color-bg-canvas-inset: #310a29; --color-bg-primary: #310a29; diff --git a/themes/natsuki_light.user.css b/themes/natsuki_light.user.css index edc832f..464fdba 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #FFE5F1; + --color-avatar-bg: #FFE5F1; + --color-avatar-border: #00000000; --color-bg-canvas: #ffe4f1; --color-bg-canvas-inset: #ffe4f1; --color-bg-primary: #ffe4f1; diff --git a/themes/ram.user.css b/themes/ram.user.css index 56a22a2..59278a2 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #342f36; + --color-avatar-bg: #342f36; + --color-avatar-border: #00000000; --color-bg-canvas: #302930; --color-bg-canvas-inset: #302930; --color-bg-primary: #302930; diff --git a/themes/rem.user.css b/themes/rem.user.css index 6032e70..f701075 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #2f3036; + --color-avatar-bg: #2f3036; + --color-avatar-border: #00000000; --color-bg-canvas: #292A30; --color-bg-canvas-inset: #292A30; --color-bg-primary: #292A30; diff --git a/themes/rias.user.css b/themes/rias.user.css index 7f28363..5ef3931 100644 --- a/themes/rias.user.css +++ b/themes/rias.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Rias @namespace github.com/doki-theme -@version 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #3E1010; + --color-avatar-bg: #3E1010; + --color-avatar-border: #00000000; --color-bg-canvas: #401112; --color-bg-canvas-inset: #401112; --color-bg-primary: #401112; diff --git a/themes/rory_mercury.user.css b/themes/rory_mercury.user.css index 46067f0..359d022 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #141417; + --color-avatar-bg: #141417; + --color-avatar-border: #00000000; --color-bg-canvas: #161619; --color-bg-canvas-inset: #161619; --color-bg-primary: #161619; diff --git a/themes/ryuko.user.css b/themes/ryuko.user.css index 023868c..3afa06d 100644 --- a/themes/ryuko.user.css +++ b/themes/ryuko.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Ryuko @namespace github.com/doki-theme -@version 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #2b3238; + --color-avatar-bg: #2b3238; + --color-avatar-border: #00000000; --color-bg-canvas: #2f363c; --color-bg-canvas-inset: #2f363c; --color-bg-primary: #2f363c; diff --git a/themes/satsuki.user.css b/themes/satsuki.user.css index bd11e58..1bef3fa 100644 --- a/themes/satsuki.user.css +++ b/themes/satsuki.user.css @@ -1,7 +1,7 @@ /* ==UserStyle== @name Doki-Theme: Satsuki @namespace github.com/doki-theme -@version 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #e7e6eb; + --color-avatar-bg: #e7e6eb; + --color-avatar-border: #00000000; --color-bg-canvas: #eae9ee; --color-bg-canvas-inset: #eae9ee; --color-bg-primary: #eae9ee; diff --git a/themes/sayori_dark.user.css b/themes/sayori_dark.user.css index a2e6183..0e4193f 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #111b2d; + --color-avatar-bg: #111b2d; + --color-avatar-border: #00000000; --color-bg-canvas: #0E1D31; --color-bg-canvas-inset: #0E1D31; --color-bg-primary: #0E1D31; diff --git a/themes/sayori_light.user.css b/themes/sayori_light.user.css index 2f371ca..5991777 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #f0faff; + --color-avatar-bg: #f0faff; + --color-avatar-border: #00000000; --color-bg-canvas: #f3faff; --color-bg-canvas-inset: #f3faff; --color-bg-primary: #f3faff; diff --git a/themes/tohsaka_rin.user.css b/themes/tohsaka_rin.user.css index 4bbbe95..731018d 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #161415; + --color-avatar-bg: #161415; + --color-avatar-border: #00000000; --color-bg-canvas: #191718; --color-bg-canvas-inset: #191718; --color-bg-primary: #191718; diff --git a/themes/yuri_dark.user.css b/themes/yuri_dark.user.css index 67640a3..75d7c64 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #422D5A; + --color-avatar-bg: #422D5A; + --color-avatar-border: #00000000; --color-bg-canvas: #493162; --color-bg-canvas-inset: #493162; --color-bg-primary: #493162; diff --git a/themes/yuri_light.user.css b/themes/yuri_light.user.css index c1e5e8b..4b6f631 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 4.2.5 +@version 4.2.6 @description Browse code with your waifu. @author Unthrottled @license MIT @@ -41,6 +41,8 @@ /* Doki addons */ :root { --color-previewable-comment-form-bg: #f3f0ff; + --color-avatar-bg: #f3f0ff; + --color-avatar-border: #00000000; --color-bg-canvas: #f7f3ff; --color-bg-canvas-inset: #f7f3ff; --color-bg-primary: #f7f3ff;