ITStudio_OUC/ITStudioMainSite
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 替换新logo

Browse Source
This commit is contained in:
古宇恒
2026-08-28 16:22:19 +08:00
parent 435c3051d4
commit 3dd3c147fd
6 changed files with 151 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/ITStudioMainSite/assets/css/header.css
+24 -10
View File
@@ -42,9 +42,27 @@
}
.logo-main {
height: 60px; /* 增大 Logo 尺寸 (原52px) */
height: 58px;
width: auto;
display: block;
}
.logo-main-dark {
display: none;
}
[data-theme="dark"] .logo-main-light {
display: none;
}
[data-theme="dark"] .logo-main-dark {
display: block;
}
.logo-mobile {
display: none;
height: 48px;
width: auto;
color: var(--text-primary);
}
/* --- 主导航 (Navigation) --- */
@@ -200,20 +218,16 @@ html:not([data-theme="dark"]) .moon-icon {
width: 115%;
}
/* 默认情况：显示主 Logo，隐藏移动端 Logo */
.logo-mobile {
display: none;
height: 48px; /* 调整高度 */
width: auto;
}
/* --- 响应式适配 --- */
@media (max-width: 900px) {
/* 移动端隐藏主Logo，显示移动端Logo */
.logo-main {
display: none;
}
.logo-main.logo-main-dark {
display: none;
}
.logo-mobile {
display: block;
}
themes/ITStudioMainSite/header.php
+3 -52
View File
@@ -13,58 +13,9 @@
<div class="header-content">
<div class="logo-container">
<a href="<?php echo esc_url(home_url('/')); ?>" class="logo-link">
<svg class="logo-main" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="260" height="70" viewBox="0 0 260 70">
<defs>
<style>
.cls-1 { fill: #f8d1d9; }
.cls-1, .cls-2, .cls-3 { fill-rule: evenodd; }
.cls-2 { fill: #bab5ec; }
.cls-3 { fill: url(#linear-gradient); }
.text-group {
font-family: "PingFang SC", "Microsoft YaHei", "Heiti SC", sans-serif;
text-anchor: middle;
}
.text-cn {
font-size: 26px;
font-weight: 800;
}
.text-en {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 3px;
fill: #8e88c7;
text-transform: uppercase;
}
.deco-solid-circle { fill: #f1b7bf; }
.deco-hollow-circle { fill: none; stroke: #bab5ec; stroke-width: 2; }
.deco-plus { stroke: #bab5ec; stroke-width: 3; stroke-linecap: round; }
.deco-square { fill: #bab5ec; opacity: 0.8; }
.deco-line { stroke: #f8d1d9; stroke-width: 3; stroke-linecap: round; }
</style>
<linearGradient id="linear-gradient" x1="19.41" y1="66" x2="44.59" y2="12" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#bab5ec"/>
<stop offset="1" stop-color="#f1b7bf"/>
</linearGradient>
</defs>
<g id="decorations">
<rect class="deco-square" x="5" y="8" width="6" height="6" transform="rotate(15 8 11)" />
<path class="deco-plus" d="M78 20 L88 20 M83 15 L83 25" />
<circle class="deco-hollow-circle" cx="245" cy="15" r="5" />
<circle class="deco-solid-circle" cx="235" cy="55" r="4" />
<path class="deco-line" d="M250 60 L256 54" />
</g>
<g id="logo-main" transform="translate(12, 2) scale(0.95)">
<path id="cls-1" class="cls-1" d="M0,17L30,0V39L0,57V17Z"/>
<path id="cls-2" class="cls-2" d="M33,39L62,56V17L33,0V39Z"/>
<path id="cls-3" data-name="cls-3" class="cls-3" d="M18,28L46,12V49L18,66V28Z"/>
</g>
<g class="text-group" transform="translate(165, 0)">
<text y="38" class="text-cn" fill="currentColor">爱特工作室</text>
<text y="56" class="text-en">IT Studio</text>
</g>
</svg>
<img src="<?php echo get_template_directory_uri(); ?>/resources/it_logo_2024.svg" class="logo-mobile" alt="IT Studio">
<img src="<?php echo esc_url(get_template_directory_uri()); ?>/resources/head_logo.svg" class="logo-main logo-main-light" alt="爱特工作室">
<img src="<?php echo esc_url(get_template_directory_uri()); ?>/resources/head_logo_dark.svg" class="logo-main logo-main-dark" alt="爱特工作室">
<img src="<?php echo esc_url(get_template_directory_uri()); ?>/resources/it_logo_2024.svg" class="logo-mobile" alt="爱特工作室">
</a>
</div>
themes/ITStudioMainSite/resources/Organization-ITstudio-shield.svg
+4 -9
View File
@@ -1,12 +1,7 @@
<svg xmlns="http://www.w3.org/2000/svg" width="153" height="18" role="img" aria-label="Organization: ITstudio">
<title>Organization: ITStudio</title>
<linearGradient id="s" x2="0" y2="100%">
<stop offset="0" stop-color="#fff" stop-opacity=".7"/>
<stop offset=".1" stop-color="#aaa" stop-opacity=".1"/>
<stop offset=".9" stop-color="#000" stop-opacity=".3"/>
<stop offset="1" stop-color="#000" stop-opacity=".5"/>
</linearGradient><clipPath id="r"><rect width="153" height="18" rx="4" fill="#fff"/>
</clipPath><g clip-path="url(#r)"><rect width="98" height="18" fill="#555"/>
<rect x="98" width="55" height="18" fill="#f8d1d9"/><rect width="153" height="18" fill="url(#s)"/></g>
<linearGradient id="s" x2="0" y2="100%"><stop offset="0" stop-color="#fff" stop-opacity=".7"/><stop offset=".1" stop-color="#aaa" stop-opacity=".1"/><stop offset=".9" stop-color="#000" stop-opacity=".3"/><stop offset="1" stop-color="#000" stop-opacity=".5"/></linearGradient>
<clipPath id="r"><rect width="153" height="18" rx="4" fill="#fff"/></clipPath>
<g clip-path="url(#r)"><rect width="98" height="18" fill="#555"/><rect x="98" width="55" height="18" fill="#5a8dd3"/><rect width="153" height="18" fill="url(#s)"/></g>
<g fill="#fff" text-anchor="middle" font-family="Verdana,Geneva,DejaVu Sans,sans-serif" text-rendering="geometricPrecision" font-size="110">
<image x="5" y="2" width="14" height="14" href="data:image/svg+xml;base64,PHN2ZyBpZD0ibG9nbyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjYyIiBoZWlnaHQ9IjY2IiB2aWV3Qm94PSIwIDAgNjIgNjYiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6ICNmOGQxZDk7CiAgICAgIH0KCiAgICAgIC5jbHMtMSwgLmNscy0yLCAuY2xzLTMgewogICAgICAgIGZpbGwtcnVsZTogZXZlbm9kZDsKICAgICAgfQoKICAgICAgLmNscy0yIHsKICAgICAgICBmaWxsOiAjYmFiNWVjOwogICAgICB9CgogICAgICAuY2xzLTMgewogICAgICAgIGZpbGw6IHVybCgjbGluZWFyLWdyYWRpZW50KTsKICAgICAgfQogICAgPC9zdHlsZT4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0ibGluZWFyLWdyYWRpZW50IiB4MT0iMTkuNDEiIHkxPSI2NiIgeDI9IjQ0LjU5IiB5Mj0iMTIiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYmFiNWVjIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2YxYjdiZiIvPgogICAgPC9saW5lYXJHcmFkaWVudD4KICA8L2RlZnM+CiAgPHBhdGggaWQ9ImNscy0xIiBjbGFzcz0iY2xzLTEiIGQ9Ik0wLDE3TDMwLDBWMzlMMCw1N1YxN1oiLz4KICA8cGF0aCBpZD0iY2xzLTIiIGNsYXNzPSJjbHMtMiIgZD0iTTMzLDM5TDYyLDU2VjE3TDMzLDBWMzlaIi8+CiAgPHBhdGggaWQ9ImNscy0zIiBkYXRhLW5hbWU9ImNscy0zIiBjbGFzcz0iY2xzLTMiIGQ9Ik0xOCwyOEw0NiwxMlY0OUwxOCw2NlYyOFoiLz4KPC9zdmc+Cg=="/><text aria-hidden="true" x="585" y="140" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="710">Organization</text><text x="585" y="130" transform="scale(.1)" fill="#fff" textLength="710">Organization</text><text aria-hidden="true" x="1245" y="140" fill="#ccc" fill-opacity=".3" transform="scale(.1)" textLength="450">ITStudio</text><text x="1245" y="130" transform="scale(.1)" fill="#333" textLength="450">ITStudio</text></g></svg>
<image x="5" y="2" width="14" height="14" preserveAspectRatio="none" href="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iX+WbvuWxgl8yIiBkYXRhLW5hbWU9IuWbvuWxgiAyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgNjIgNjYiPgogIDxkZWZzPgogICAgPHN0eWxlPgogICAgICAuY2xzLTEgewogICAgICAgIGZpbGw6IHVybCgjX+acquWRveWQjeeahOa4kOWPmF8zNik7CiAgICAgIH0KDQogICAgICAuY2xzLTEsIC5jbHMtMiwgLmNscy0zIHsNCiAgICAgICAgZmlsbC1ydWxlOiBldmVub2RkOw0KICAgICAgfQ0KDQogICAgICAuY2xzLTIgewogICAgICAgIGZpbGw6IHVybCgjX+acquWRveWQjeeahOa4kOWPmF8yMyk7CiAgICAgIH0KCiAgICAgIC5jbHMtMyB7CiAgICAgICAgZmlsbDogdXJsKCNf5pyq5ZG95ZCN55qE5riQ5Y+YXzMxKTsKICAgICAgfQogICAgPC9zdHlsZT4KICAgIDxsaW5lYXJHcmFkaWVudCBpZD0iX+acquWRveWQjeeahOa4kOWPmF8zMSIgZGF0YS1uYW1lPSLmnKrlkb3lkI3nmoTmuJDlj5ggMzEiIHgxPSIwIiB5MT0iMjguNSIgeDI9IjMwIiB5Mj0iMjguNSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM2NThmZDUiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNDMiIHN0b3AtY29sb3I9IiM5MGJjZTgiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuOTkiIHN0b3AtY29sb3I9IiNiZmU3ZmEiLz4KICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8bGluZWFyR3JhZGllbnQgaWQ9Il/mnKrlkb3lkI3nmoTmuJDlj5hfMjMiIGRhdGEtbmFtZT0i5pyq5ZG95ZCN55qE5riQ5Y+YIDIzIiB4MT0iMzMiIHkxPSIyOCIgeDI9IjYyIiB5Mj0iMjgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjOGZiNmU1Ii8+CiAgICAgIDxzdG9wIG9mZnNldD0iLjUxIiBzdG9wLWNvbG9yPSIjNWE4ZGQzIi8+CiAgICAgIDxzdG9wIG9mZnNldD0iLjk5IiBzdG9wLWNvbG9yPSIjMmI2N2JmIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPGxpbmVhckdyYWRpZW50IGlkPSJf5pyq5ZG95ZCN55qE5riQ5Y+YXzM2IiBkYXRhLW5hbWU9IuacquWRveWQjeeahOa4kOWPmCAzNiIgeDE9IjE5LjIyIiB5MT0iLS4wMiIgeDI9IjQ0LjQiIHkyPSI1My45OCIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgwIDY1Ljg5KSBzY2FsZSgxIC0xKSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgogICAgICA8c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM4OGUxZmEiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIuNjkiIHN0b3AtY29sb3I9IiM0ZjkyZDYiLz4KICAgICAgPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMmQ1ZWJhIi8+CiAgICA8L2xpbmVhckdyYWRpZW50PgogIDwvZGVmcz4KICA8cGF0aCBpZD0iY2xzLTEiIGNsYXNzPSJjbHMtMyIgZD0iTTAsMTdMMzAsMHYzOUwwLDU3VjE3WiIvPgogIDxwYXRoIGlkPSJjbHMtMiIgY2xhc3M9ImNscy0yIiBkPSJNMzMsMzlsMjksMTdWMTdMMzMsMHYzOVoiLz4KICA8cGF0aCBpZD0iY2xzLTMiIGNsYXNzPSJjbHMtMSIgZD0iTTE4LDI4bDI4LTE2djM3bC0yOCwxN1YyOFoiLz4KPC9zdmc+Cg=="/><text aria-hidden="true" x="585" y="140" fill="#010101" fill-opacity=".3" transform="scale(.1)" textLength="710">Organization</text><text x="585" y="130" transform="scale(.1)" textLength="710">Organization</text><text aria-hidden="true" x="1245" y="140" fill="#ccc" fill-opacity=".3" transform="scale(.1)" textLength="450">ITStudio</text><text x="1245" y="130" fill="#333" transform="scale(.1)" textLength="450">ITStudio</text></g></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.4 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

themes/ITStudioMainSite/resources/head_logo.svg
+29 -33
View File
@@ -1,13 +1,11 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="260" height="70" viewBox="0 0 260 70">
<defs>
<style>
/* 原始Logo样式 */
.cls-1 { fill: #f8d1d9; }
.cls-1 { fill: url(#gradient-left); }
.cls-1, .cls-2, .cls-3 { fill-rule: evenodd; }
.cls-2 { fill: #bab5ec; }
.cls-3 { fill: url(#linear-gradient); }
.cls-2 { fill: url(#gradient-right); }
.cls-3 { fill: url(#gradient-center); }
/* 文字样式 */
.text-group {
font-family: "PingFang SC", "Microsoft YaHei", "Heiti SC", sans-serif;
text-anchor: middle;
@@ -15,58 +13,56 @@
.text-cn {
font-size: 26px;
font-weight: 800;
fill: currentColor;
fill: #1f2937;
}
.text-en {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 3px;
fill: #8e88c7;
fill: #3f73bd;
text-transform: uppercase;
}
/* 装饰元素样式 */
.deco-solid-circle { fill: #f1b7bf; }
.deco-hollow-circle { fill: none; stroke: #bab5ec; stroke-width: 2; }
.deco-plus { stroke: #bab5ec; stroke-width: 3; stroke-linecap: round; }
.deco-square { fill: #bab5ec; opacity: 0.8; }
.deco-line { stroke: #f8d1d9; stroke-width: 3; stroke-linecap: round; }
.deco-solid-circle { fill: #5a8dd3; }
.deco-hollow-circle { fill: none; stroke: #6ea7df; stroke-width: 2; }
.deco-plus { stroke: #6ea7df; stroke-width: 3; stroke-linecap: round; }
.deco-square { fill: #8fb6e5; opacity: 0.8; }
.deco-line { stroke: #bfe7fa; stroke-width: 3; stroke-linecap: round; }
</style>
<linearGradient id="linear-gradient" x1="19.41" y1="66" x2="44.59" y2="12" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#bab5ec"/>
<stop offset="1" stop-color="#f1b7bf"/>
<linearGradient id="gradient-left" x1="0" y1="28.5" x2="30" y2="28.5" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#658fd5"/>
<stop offset=".43" stop-color="#90bce8"/>
<stop offset=".99" stop-color="#bfe7fa"/>
</linearGradient>
<linearGradient id="gradient-right" x1="33" y1="28" x2="62" y2="28" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#8fb6e5"/>
<stop offset=".51" stop-color="#5a8dd3"/>
<stop offset=".99" stop-color="#2b67bf"/>
</linearGradient>
<linearGradient id="gradient-center" x1="19.22" y1="-.02" x2="44.4" y2="53.98" gradientTransform="translate(0 65.89) scale(1 -1)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#88e1fa"/>
<stop offset=".69" stop-color="#4f92d6"/>
<stop offset="1" stop-color="#2d5eba"/>
</linearGradient>
</defs>
<!-- 装饰元素组 -->
<g id="decorations">
<!-- 左上角：实心小方块 (已修复坐标，向右下方移动) -->
<rect class="deco-square" x="5" y="8" width="6" height="6" transform="rotate(15 8 11)" />
<!-- Logo与文字之间：加粗的十字星 -->
<path class="deco-plus" d="M78 20 L88 20 M83 15 L83 25" />
<!-- 右上角：空心圆环 -->
<circle class="deco-hollow-circle" cx="245" cy="15" r="5" />
<!-- 右下角：实心圆点 -->
<circle class="deco-solid-circle" cx="235" cy="55" r="4" />
<!-- 底部装饰线 -->
<path class="deco-line" d="M250 60 L256 54" />
</g>
<!-- 原Logo主体 -->
<g id="logo-main" transform="translate(12, 2) scale(0.95)">
<path id="cls-1" class="cls-1" d="M0,17L30,0V39L0,57V17Z"/>
<path id="cls-2" class="cls-2" d="M33,39L62,56V17L33,0V39Z"/>
<path id="cls-3" data-name="cls-3" class="cls-3" d="M18,28L46,12V49L18,66V28Z"/>
<path id="cls-1" class="cls-1" d="M0,17L30,0v39L0,57V17Z"/>
<path id="cls-2" class="cls-2" d="M33,39l29,17V17L33,0v39Z"/>
<path id="cls-3" class="cls-3" d="M18,28l28-16v37l-28,17V28Z"/>
</g>
<!-- 文字部分 -->
<g class="text-group" transform="translate(165, 0)">
<text y="38" id="logo-text-cn" class="text-cn" style="font-family: 'PingFang SC', 'Microsoft YaHei', 'Heiti SC', sans-serif; text-anchor: middle; font-size: 26px; font-weight: 800; fill: currentColor;">爱特工作室</text>
<text y="56" class="text-en" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-anchor: middle; font-size: 11px; font-weight: 600; letter-spacing: 3px; fill: #8e88c7; text-transform: uppercase;">IT Studio</text>
<text y="38" id="logo-text-cn" class="text-cn">爱特工作室</text>
<text y="56" class="text-en">IT Studio</text>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.1 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

themes/ITStudioMainSite/resources/head_logo_dark.svg
+68
View File
@@ -0,0 +1,68 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="260" height="70" viewBox="0 0 260 70">
<defs>
<style>
.cls-1 { fill: url(#gradient-left); }
.cls-1, .cls-2, .cls-3 { fill-rule: evenodd; }
.cls-2 { fill: url(#gradient-right); }
.cls-3 { fill: url(#gradient-center); }
.text-group {
font-family: "PingFang SC", "Microsoft YaHei", "Heiti SC", sans-serif;
text-anchor: middle;
}
.text-cn {
font-size: 26px;
font-weight: 800;
fill: #ffffff;
}
.text-en {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 600;
letter-spacing: 3px;
fill: #9fc8f2;
text-transform: uppercase;
}
.deco-solid-circle { fill: #6ea7df; }
.deco-hollow-circle { fill: none; stroke: #9fc8f2; stroke-width: 2; }
.deco-plus { stroke: #9fc8f2; stroke-width: 3; stroke-linecap: round; }
.deco-square { fill: #8fb6e5; opacity: 0.9; }
.deco-line { stroke: #bfe7fa; stroke-width: 3; stroke-linecap: round; }
</style>
<linearGradient id="gradient-left" x1="0" y1="28.5" x2="30" y2="28.5" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#658fd5"/>
<stop offset=".43" stop-color="#90bce8"/>
<stop offset=".99" stop-color="#bfe7fa"/>
</linearGradient>
<linearGradient id="gradient-right" x1="33" y1="28" x2="62" y2="28" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#8fb6e5"/>
<stop offset=".51" stop-color="#5a8dd3"/>
<stop offset=".99" stop-color="#2b67bf"/>
</linearGradient>
<linearGradient id="gradient-center" x1="19.22" y1="-.02" x2="44.4" y2="53.98" gradientTransform="translate(0 65.89) scale(1 -1)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#88e1fa"/>
<stop offset=".69" stop-color="#4f92d6"/>
<stop offset="1" stop-color="#2d5eba"/>
</linearGradient>
</defs>
<g id="decorations">
<rect class="deco-square" x="5" y="8" width="6" height="6" transform="rotate(15 8 11)" />
<path class="deco-plus" d="M78 20 L88 20 M83 15 L83 25" />
<circle class="deco-hollow-circle" cx="245" cy="15" r="5" />
<circle class="deco-solid-circle" cx="235" cy="55" r="4" />
<path class="deco-line" d="M250 60 L256 54" />
</g>
<g id="logo-main" transform="translate(12, 2) scale(0.95)">
<path id="cls-1" class="cls-1" d="M0,17L30,0v39L0,57V17Z"/>
<path id="cls-2" class="cls-2" d="M33,39l29,17V17L33,0v39Z"/>
<path id="cls-3" class="cls-3" d="M18,28l28-16v37l-28,17V28Z"/>
</g>
<g class="text-group" transform="translate(165, 0)">
<text y="38" id="logo-text-cn" class="text-cn">爱特工作室</text>
<text y="56" class="text-en">IT Studio</text>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

themes/ITStudioMainSite/resources/it_logo_2024.svg
+22 -10
View File
@@ -1,8 +1,9 @@
<svg id="logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="62" height="66" viewBox="0 0 62 66">
<?xml version="1.0" encoding="UTF-8"?>
<svg id="_图层_2" data-name="图层 2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 62 66">
<defs>
<style>
.cls-1 {
fill: #f8d1d9;
fill: url(#_未命名的渐变_36);
}
.cls-1, .cls-2, .cls-3 {
@@ -10,19 +11,30 @@
}
.cls-2 {
fill: #bab5ec;
fill: url(#_未命名的渐变_23);
}
.cls-3 {
fill: url(#linear-gradient);
fill: url(#_未命名的渐变_31);
}
</style>
<linearGradient id="linear-gradient" x1="19.41" y1="66" x2="44.59" y2="12" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#bab5ec"/>
<stop offset="1" stop-color="#f1b7bf"/>
<linearGradient id="_未命名的渐变_31" data-name="未命名的渐变 31" x1="0" y1="28.5" x2="30" y2="28.5" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#658fd5"/>
<stop offset=".43" stop-color="#90bce8"/>
<stop offset=".99" stop-color="#bfe7fa"/>
</linearGradient>
<linearGradient id="_未命名的渐变_23" data-name="未命名的渐变 23" x1="33" y1="28" x2="62" y2="28" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#8fb6e5"/>
<stop offset=".51" stop-color="#5a8dd3"/>
<stop offset=".99" stop-color="#2b67bf"/>
</linearGradient>
<linearGradient id="_未命名的渐变_36" data-name="未命名的渐变 36" x1="19.22" y1="-.02" x2="44.4" y2="53.98" gradientTransform="translate(0 65.89) scale(1 -1)" gradientUnits="userSpaceOnUse">
<stop offset="0" stop-color="#88e1fa"/>
<stop offset=".69" stop-color="#4f92d6"/>
<stop offset="1" stop-color="#2d5eba"/>
</linearGradient>
</defs>
<path id="cls-1" class="cls-1" d="M0,17L30,0V39L0,57V17Z"/>
<path id="cls-2" class="cls-2" d="M33,39L62,56V17L33,0V39Z"/>
<path id="cls-3" data-name="cls-3" class="cls-3" d="M18,28L46,12V49L18,66V28Z"/>
<path id="cls-1" class="cls-3" d="M0,17L30,0v39L0,57V17Z"/>
<path id="cls-2" class="cls-2" d="M33,39l29,17V17L33,0v39Z"/>
<path id="cls-3" class="cls-1" d="M18,28l28-16v37l-28,17V28Z"/>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 844 B

After

Width:  |  Height:  |  Size: 1.6 KiB