Sakurasan
7e302c51a6
立意：既是字母 O 也是汉字「一」，对应站名 ONE / 一个博客。 - favicon.svg 重画：横杠用 fill-rule=evenodd 挖成真洞而不是叠一块纸色矩形， 所以纸感 / 墨色暗端 / 后台卡片任何底色都直接透过去，不必为皮肤各出一版； SVG 内带 prefers-color-scheme，标签页深浅自动翻色 - 补 favicon-16/32.png（不认 SVG 的老浏览器）与 apple-touch-icon.png 180 （iOS 不支持 SVG 且会把透明压成黑底，故铺纸色实底）。PNG 由临时 Go 程序 按 8x8 子采样光栅化生成，生成器未入库，产物是资产 - LogoMark.vue 内联 SVG 组件：颜色跟 currentColor，尺寸由外层给 - 接入 6 处：classic 桌面左栏品牌位（原来是个排版字符 ○）、移动顶栏 brand、 时间线头像位、详情页头像位、快发盒头像位；vivid 顶栏与底部 dock 品牌标记 （右下角绿色在线点保留，它是「有人在写」的信号，不属于被替换的部分） - 顺带清理：三处只为算首字母的死代码（initial 与只服务于它的 userName）、 vivid 里一条被同特指度靠后规则完全覆盖的 .av 死规则；标记 wrapper 统一加 flex:none，否则站名一长会被压成椭圆
11 lines
648 B
XML
11 lines
648 B
XML
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="ONE">
|
|
<!-- 方案 A「一横」：墨圆 + 一道白横，既是字母 O 也是汉字「一」。
|
|
横杠用 fill-rule="evenodd" 挖成真洞（不是叠一块纸色矩形），
|
|
所以它在任何底色上都是透明的——不需要为深浅皮肤各出一版。 -->
|
|
<style>
|
|
.m { fill: #33302b }
|
|
@media (prefers-color-scheme: dark) { .m { fill: #e8e3d9 } }
|
|
</style>
|
|
<path class="m" fill-rule="evenodd" d="M32 4a28 28 0 1 0 0 56 28 28 0 1 0 0-56Zm-16 23.5h32a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H16a1 1 0 0 1-1-1v-7a1 1 0 0 1 1-1Z"/>
|
|
</svg>
|