From 1575f06136ef078a6c6cfa17a0239cfa23a531ce Mon Sep 17 00:00:00 2001 From: Hakadao Date: Tue, 13 Aug 2024 00:10:03 +0800 Subject: [PATCH] chore: Adjust Bilibili homepage top bar color and style --- src/styles/variables.scss | 80 +++++++++++++++++++-------------------- 1 file changed, 40 insertions(+), 40 deletions(-) diff --git a/src/styles/variables.scss b/src/styles/variables.scss index f5b6f5d3..4d4ee59f 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -56,59 +56,59 @@ --bew-theme-color-auto: var(--bew-theme-color); --bew-theme-color: hsl(195 100% 42%); - --bew-theme-color-10: color-mix(in oklab, var(--bew-theme-color), transparent 10%); - --bew-theme-color-20: color-mix(in oklab, var(--bew-theme-color), transparent 20%); - --bew-theme-color-30: color-mix(in oklab, var(--bew-theme-color), transparent 30%); - --bew-theme-color-40: color-mix(in oklab, var(--bew-theme-color), transparent 40%); + --bew-theme-color-10: color-mix(in oklab, var(--bew-theme-color), transparent 90%); + --bew-theme-color-20: color-mix(in oklab, var(--bew-theme-color), transparent 80%); + --bew-theme-color-30: color-mix(in oklab, var(--bew-theme-color), transparent 70%); + --bew-theme-color-40: color-mix(in oklab, var(--bew-theme-color), transparent 60%); --bew-theme-color-50: color-mix(in oklab, var(--bew-theme-color), transparent 50%); - --bew-theme-color-60: color-mix(in oklab, var(--bew-theme-color), transparent 60%); - --bew-theme-color-70: color-mix(in oklab, var(--bew-theme-color), transparent 70%); - --bew-theme-color-80: color-mix(in oklab, var(--bew-theme-color), transparent 80%); - --bew-theme-color-90: color-mix(in oklab, var(--bew-theme-color), transparent 90%); + --bew-theme-color-60: color-mix(in oklab, var(--bew-theme-color), transparent 40%); + --bew-theme-color-70: color-mix(in oklab, var(--bew-theme-color), transparent 30%); + --bew-theme-color-80: color-mix(in oklab, var(--bew-theme-color), transparent 20%); + --bew-theme-color-90: color-mix(in oklab, var(--bew-theme-color), transparent 10%); --bew-info-color: hsl(198 93% 60%); - --bew-info-color-10: color-mix(in oklab, var(--bew-info-color), transparent 10%); - --bew-info-color-20: color-mix(in oklab, var(--bew-info-color), transparent 20%); - --bew-info-color-30: color-mix(in oklab, var(--bew-info-color), transparent 30%); - --bew-info-color-40: color-mix(in oklab, var(--bew-info-color), transparent 40%); + --bew-info-color-10: color-mix(in oklab, var(--bew-info-color), transparent 90%); + --bew-info-color-20: color-mix(in oklab, var(--bew-info-color), transparent 80%); + --bew-info-color-30: color-mix(in oklab, var(--bew-info-color), transparent 70%); + --bew-info-color-40: color-mix(in oklab, var(--bew-info-color), transparent 60%); --bew-info-color-50: color-mix(in oklab, var(--bew-info-color), transparent 50%); - --bew-info-color-60: color-mix(in oklab, var(--bew-info-color), transparent 60%); - --bew-info-color-70: color-mix(in oklab, var(--bew-info-color), transparent 70%); - --bew-info-color-80: color-mix(in oklab, var(--bew-info-color), transparent 80%); - --bew-info-color-90: color-mix(in oklab, var(--bew-info-color), transparent 90%); + --bew-info-color-60: color-mix(in oklab, var(--bew-info-color), transparent 40%); + --bew-info-color-70: color-mix(in oklab, var(--bew-info-color), transparent 30%); + --bew-info-color-80: color-mix(in oklab, var(--bew-info-color), transparent 20%); + --bew-info-color-90: color-mix(in oklab, var(--bew-info-color), transparent 10%); --bew-success-color: hsl(164 60% 40%); - --bew-success-color-10: color-mix(in oklab, var(--bew-success-color), transparent 10%); - --bew-success-color-20: color-mix(in oklab, var(--bew-success-color), transparent 20%); - --bew-success-color-30: color-mix(in oklab, var(--bew-success-color), transparent 30%); - --bew-success-color-40: color-mix(in oklab, var(--bew-success-color), transparent 40%); + --bew-success-color-10: color-mix(in oklab, var(--bew-success-color), transparent 90%); + --bew-success-color-20: color-mix(in oklab, var(--bew-success-color), transparent 80%); + --bew-success-color-30: color-mix(in oklab, var(--bew-success-color), transparent 70%); + --bew-success-color-40: color-mix(in oklab, var(--bew-success-color), transparent 60%); --bew-success-color-50: color-mix(in oklab, var(--bew-success-color), transparent 50%); - --bew-success-color-60: color-mix(in oklab, var(--bew-success-color), transparent 60%); - --bew-success-color-70: color-mix(in oklab, var(--bew-success-color), transparent 70%); - --bew-success-color-80: color-mix(in oklab, var(--bew-success-color), transparent 80%); - --bew-success-color-90: color-mix(in oklab, var(--bew-success-color), transparent 90%); + --bew-success-color-60: color-mix(in oklab, var(--bew-success-color), transparent 40%); + --bew-success-color-70: color-mix(in oklab, var(--bew-success-color), transparent 30%); + --bew-success-color-80: color-mix(in oklab, var(--bew-success-color), transparent 20%); + --bew-success-color-90: color-mix(in oklab, var(--bew-success-color), transparent 10%); --bew-warning-color: hsl(48 90% 53%); - --bew-warning-color-10: color-mix(in oklab, var(--bew-warning-color), transparent 10%); - --bew-warning-color-20: color-mix(in oklab, var(--bew-warning-color), transparent 20%); - --bew-warning-color-30: color-mix(in oklab, var(--bew-warning-color), transparent 30%); - --bew-warning-color-40: color-mix(in oklab, var(--bew-warning-color), transparent 40%); + --bew-warning-color-10: color-mix(in oklab, var(--bew-warning-color), transparent 90%); + --bew-warning-color-20: color-mix(in oklab, var(--bew-warning-color), transparent 80%); + --bew-warning-color-30: color-mix(in oklab, var(--bew-warning-color), transparent 70%); + --bew-warning-color-40: color-mix(in oklab, var(--bew-warning-color), transparent 60%); --bew-warning-color-50: color-mix(in oklab, var(--bew-warning-color), transparent 50%); - --bew-warning-color-60: color-mix(in oklab, var(--bew-warning-color), transparent 60%); - --bew-warning-color-70: color-mix(in oklab, var(--bew-warning-color), transparent 70%); - --bew-warning-color-80: color-mix(in oklab, var(--bew-warning-color), transparent 80%); - --bew-warning-color-90: color-mix(in oklab, var(--bew-warning-color), transparent 90%); + --bew-warning-color-60: color-mix(in oklab, var(--bew-warning-color), transparent 40%); + --bew-warning-color-70: color-mix(in oklab, var(--bew-warning-color), transparent 30%); + --bew-warning-color-80: color-mix(in oklab, var(--bew-warning-color), transparent 20%); + --bew-warning-color-90: color-mix(in oklab, var(--bew-warning-color), transparent 10%); --bew-error-color: hsl(358 75% 59%); - --bew-error-color-10: color-mix(in oklab, var(--bew-error-color), transparent 10%); - --bew-error-color-20: color-mix(in oklab, var(--bew-error-color), transparent 20%); - --bew-error-color-30: color-mix(in oklab, var(--bew-error-color), transparent 30%); - --bew-error-color-40: color-mix(in oklab, var(--bew-error-color), transparent 40%); + --bew-error-color-10: color-mix(in oklab, var(--bew-error-color), transparent 90%); + --bew-error-color-20: color-mix(in oklab, var(--bew-error-color), transparent 80%); + --bew-error-color-30: color-mix(in oklab, var(--bew-error-color), transparent 70%); + --bew-error-color-40: color-mix(in oklab, var(--bew-error-color), transparent 60%); --bew-error-color-50: color-mix(in oklab, var(--bew-error-color), transparent 50%); - --bew-error-color-60: color-mix(in oklab, var(--bew-error-color), transparent 60%); - --bew-error-color-70: color-mix(in oklab, var(--bew-error-color), transparent 70%); - --bew-error-color-80: color-mix(in oklab, var(--bew-error-color), transparent 80%); - --bew-error-color-90: color-mix(in oklab, var(--bew-error-color), transparent 90%); + --bew-error-color-60: color-mix(in oklab, var(--bew-error-color), transparent 40%); + --bew-error-color-70: color-mix(in oklab, var(--bew-error-color), transparent 30%); + --bew-error-color-80: color-mix(in oklab, var(--bew-error-color), transparent 20%); + --bew-error-color-90: color-mix(in oklab, var(--bew-error-color), transparent 10%); // #endregion // #region Text colors