Merge pull request #7 from SummerFleur2997/main

为已有样式添加更多的字符集支持 & 新增俄文混淆样式

src/settings.html

@@ -48,6 +48,7 @@
                         <setting-option data-value="Furry" title="😾小心福瑞控">🐶 ♡喵呜~汪oωo</setting-option>
                         <setting-option data-value="JP" title="全是片假名谁看得懂啊">⚔️ 異世界の伝説</setting-option>
                         <setting-option data-value="Geek" title="澤野弘之">💥 βios</setting-option>
+                        <setting-option data-value="RUS" title="苏卡不列！">🍺 Сука блядь</setting-option>
                         <setting-option data-value="EN">🌐 ENGILHS</setting-option>
                     </setting-select>
                 </setting-item>
@@ -57,6 +58,7 @@
                         <setting-text data-type="secondary">选择头像遮罩的样式</setting-text>
                     </div>
                     <setting-select class="selector" data-config="avatarStyle">
+                        <setting-option data-value="0">不遮罩</setting-option>
                         <setting-option data-value="1">主色 - 清晰渐变</setting-option>
                         <setting-option data-value="2">主色 - 平缓渐变</setting-option>
                         <setting-option data-value="3">主色 - 清雅</setting-option>

src/styles/base.css

@@ -59,11 +59,21 @@ body #app {
     }
   }
 
-  --avatar-mask-bg: linear-gradient(
-    30deg,
-    hsl(from var(--brand_standard) h 40% 50% / var(--avatar-mask-opacity)) 48%,
-    hsl(from var(--brand_standard) h 30% 65% / var(--avatar-mask-opacity)) 52%
-  );
+  --avatar-mask-bg: none;
+
+  &[data-ccnd-avatar="0"] {
+    --avatar-mask-opacity: 0;
+    --avatar-filter: none;
+    --avatar-mix-blend-mode: normal;
+  }
+
+  &[data-ccnd-avatar="1"] {
+    --avatar-mask-bg: linear-gradient(
+      30deg,
+      hsl(from var(--brand_standard) h 70% 50% / var(--avatar-mask-opacity)) 20%,
+      hsl(from var(--brand_standard) h 45% 85% / var(--avatar-mask-opacity)) 80%
+    );
+  }
 
   &[data-ccnd-avatar="2"] {
     --avatar-mask-bg: linear-gradient(
@@ -135,7 +145,7 @@ body #app {
     }
   }
 
-  :is(.list-item, .group-user, .ml-item, .recent-contact-item) {
+  &:not([data-ccnd-avatar="0"]) :is(.list-item, .group-user, .ml-item, .recent-contact-item) {
     &:nth-child(n) {
       .avatar {
         filter: hue-rotate(-30deg);