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，否则站名一长会被压成椭圆
27 lines
834 B
Vue
27 lines
834 B
Vue
<script setup>
|
|
// 站标「一横」：墨圆 + 一道白横 —— 字母 O 与汉字「一」同形，对应站名 ONE / 一个博客。
|
|
//
|
|
// 横杠是 fill-rule="evenodd" 挖出来的真洞，不是叠一块纸色矩形，所以任何底色
|
|
// （纸感 / 墨色暗端 / 后台卡片）都直接透过去，不必为皮肤各出一版。
|
|
// 颜色跟随 currentColor，尺寸由外层容器决定。
|
|
</script>
|
|
|
|
<template>
|
|
<svg class="logo-mark" viewBox="0 0 64 64" aria-hidden="true" focusable="false">
|
|
<path
|
|
fill="currentColor"
|
|
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>
|
|
</template>
|
|
|
|
<style scoped>
|
|
.logo-mark {
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
flex-shrink: 0;
|
|
}
|
|
</style>
|