feat(about): 扩展渐变色板并优化技术标签样式

- 新增 15 种 CSS 渐变色变量(从 --gradient-11 到 --gradient-25)
- 为白天和夜间主题添加对应的新技术标签颜色类(.tag-color-11 到 .tag-color-25)
- 更新 JavaScript 中 gradientId 的取值范围从 10 扩展到 25
- 移除旧的控制台日志输出
- 调整配置文件中的空行格式,提升可读性
This commit is contained in:
hehh
2025-11-30 16:02:49 +08:00
parent bff0b529d2
commit 41184ad1d8
3 changed files with 241 additions and 42 deletions

View File

@@ -834,8 +834,8 @@ class UIManager {
//const name = item.name || '';
//const hash = Array.from(name).reduce((a, c) => a + c.charCodeAt(0), 0);
const gid = Number(item.gradientId) && Number.isFinite(Number(item.gradientId))
? Math.max(1, Math.min(10, Number(item.gradientId)))
: (idx % 10) + 1;
? Math.max(1, Math.min(25, Number(item.gradientId)))
: (idx % 25) + 1;
return {...item, gradientId: gid};
});
@@ -894,7 +894,7 @@ class UIManager {
const appendItem = (rowEl, item, idx) => {
const el = document.createElement('span');
el.className = 'tech-tag-mobile';
const colorClass = `tag-color-${item.gradientId || ((idx % 10) + 1)}`;
const colorClass = `tag-color-${item.gradientId || ((idx % 25) + 1)}`;
el.classList.add(colorClass);
el.innerText = item.name;
el.style.border = 'none';
@@ -934,7 +934,7 @@ class UIManager {
techStack.forEach((item, index) => {
const el = document.createElement('a');
el.className = 'tech-tag-3d';
const colorClass = `tag-color-${item.gradientId || ((index % 10) + 1)}`;
const colorClass = `tag-color-${item.gradientId || ((index % 25) + 1)}`;
el.classList.add(colorClass);
el.innerText = item.name;
el.style.border = 'none';
@@ -1035,7 +1035,6 @@ class UIManager {
const isMobile = window.matchMedia('(max-width: 768px)').matches;
const currentState = isMobile ? 'mobile' : 'desktop';
if (windowRef === currentState) {
console.log('Tech Cloud: Skipping resize, same state:', windowRef, currentState);
return
}
windowRef = currentState;