[css] 自用文字配色分享

使用主题

• 暗黑模式：VSCode Lite Edit
• 明亮模式：浅吟

配色方案分享

这里我主要是暗黑模式用的多些 ，这个配色方案可以平滑的从暗黑模式过渡到明亮模式 ，可能有不足的地方 ，欢迎大家分享下自己的配色方案

暗色模式下：

:root[data-theme-mode=dark] {
    /* 自定义文字颜色 */
    --b3-font-color1: #F08080 !important;   /* 深珊瑚红 */
    --b3-font-color2: #E8A8D0 !important;   /* 柔和粉 */
    --b3-font-color3: #7BADFF !important;   /* 加深蓝 */
    --b3-font-color4: #55B594 !important;   /* 加深翠绿 */
    --b3-font-color5: #E8D538 !important;   /* 明亮黄 */
    --b3-font-color6: #6ED3B8 !important;   /* 青绿色 */
    --b3-font-color7: #FF4B36 !important;   /* 番茄红 */
    --b3-font-color8: #F2B866 !important;   /* 稳重橙 */
    --b3-font-color9: #E0A8A8 !important;   /* 红灰 */
    --b3-font-color10: #3FC9B9 !important;  /* 青蓝 */
    --b3-font-color11: #6EA7F0 !important;  /* 天空蓝 */
    --b3-font-color12: #E09000 !important;  /* 橙色 */
    --b3-font-color13: #c09effdb !important;  /* 紫色 */


    /* 自定义背景颜色 */
    --b3-font-background1: #3A1F1F !important;  /* 对应深珊瑚红的背景色 */
    --b3-font-background2: #42343A !important;  /* 对应柔和粉的背景色 */
    --b3-font-background3: #1C3144 !important;  /* 对应加深蓝的背景色 */
    --b3-font-background4: #263D34 !important;  /* 对应加深翠绿的背景色 */
    --b3-font-background5: #443D12 !important;  /* 对应明亮黄的背景色 */
    --b3-font-background6: #2A423C !important;  /* 对应青绿色的背景色 */
    --b3-font-background7: #4F1C1C !important;  /* 对应番茄红的背景色 */
    --b3-font-background8: #453311 !important;  /* 对应稳重橙的背景色 */
    --b3-font-background9: #3E2E2E !important;  /* 对应红灰的背景色 */
    --b3-font-background10: #1F3F3A !important; /* 对应青蓝的背景色 */
    --b3-font-background11: #22304A !important; /* 对应天空蓝的背景色 */
    --b3-font-background12: #4C3000 !important; /* 对应橙色的背景色 */
    --b3-font-background13: #32204A !important; /* 对应紫色的背景色 */
}

明亮模式下：

:root[data-theme-mode=light] {
    /* 自定义文字颜色 */
    --b3-font-color1: #FF5722 !important;  /* 温暖且柔和的珊瑚红 */
    --b3-font-color2: #F48FB1;  /* 甜美而不过于甜腻的粉紫 */
    --b3-font-color3: #448AFF;  /* 鲜艳而不刺眼的天蓝 */
    --b3-font-color4: #66BB6A;  /* 自然清新的翠绿 */
    --b3-font-color5: #FFD740;  /* 明亮温暖的金黄 */
    --b3-font-color6: #26C6DA;  /* 清新亮丽的青绿色 */
    --b3-font-color7: #E91E63;  /* 强烈而热情的番茄红 */
    --b3-font-color8: #FF9800;  /* 充满活力的橙色 */
    --b3-font-color9: #BDBDBD;  /* 中性低调的银灰 */
    --b3-font-color10: #00ACC1; /* 深邃清澈的青蓝 */
    --b3-font-color11: #03A9F4; /* 清爽宜人的浅天蓝 */
    --b3-font-color12: #FF0000; /* 饱满而生动的暖橘 */
    --b3-font-color13: #673AB7 !important; /* 神秘深邃的淡紫色 */

    /* 自定义背景颜色 */
    --b3-font-background1: #FFF0F0; /* 轻柔的珊瑚红背景 */
    --b3-font-background2: #FCE4EC; /* 甜美柔和的粉紫背景 */
    --b3-font-background3: #E3F2FD; /* 清新舒适的天蓝背景 */
    --b3-font-background4: #E8F5E9; /* 清新自然的翠绿背景 */
    --b3-font-background5: #FFFDE7; /* 明亮轻快的金黄背景 */
    --b3-font-background6: #E0F7FA; /* 清新明亮的青绿色背景 */
    --b3-font-background7: #FFEBEE; /* 温暖柔和的番茄红背景 */
    --b3-font-background8: #FFF3E0; /* 温暖活力的橙色背景 */
    --b3-font-background9: #FAFAFA; /* 中性平和的银灰背景 */
    --b3-font-background10: #B2EBF2; /* 清澈明亮的青蓝背景 */
    --b3-font-background11: #BBDEFB; /* 清新宜人的浅天蓝背景 */
    --b3-font-background12: #FFF3E0; /* 温暖明快的暖橘背景 */
    --b3-font-background13: #EDE7F6; /* 平静神秘的淡紫色背景 */
}