Hass/message-pusher
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 4 Wiki Activity

style(ui): 将主题从液态玻璃更新为新拟态设计并替换仓库链接
Publish Docker image (amd64) / Push Docker image to multiple registries (push) Has been cancelled
Details
Publish Docker image (arm64) / Push Docker image to multiple registries (push) Has been cancelled
Details
Linux Release / release (push) Has been cancelled
Details
macOS Release / release (push) Has been cancelled
Details
Windows Release / release (push) Has been cancelled
Details

Browse Source 
- 将整体 UI 主题从液态玻璃效果更改为新拟态（Neumorphism）设计风格
- 更新所有 GitHub 仓库链接至新组织地址
- 简化页脚信息，移除作者和许可证声明
- 调整消息页面的 HTML 结构和样式以匹配新设计
This commit is contained in:
zimonianhua
2026-02-11 14:20:32 +08:00
parent de68963f40
commit 96eb8d7064
9 changed files with 538 additions and 205 deletions
Download Patch File Download Diff File Expand all files Collapse all files
common/init.go
+1 -1
View File
@@ -19,7 +19,7 @@ var (
func printHelp() {
fmt.Println(fmt.Sprintf("Message Pusher %s - Your all in one message push system.", Version))
fmt.Println("Copyright (C) 2023 JustSong. All rights reserved.")
fmt.Println("GitHub: https://github.com/songquanpeng/message-pusher")
fmt.Println("GitHub: https://github.com/xyzmos/message-pusher")
fmt.Println("Usage: message-pusher [options]")
fmt.Println("Options:")
flag.CommandLine.VisitAll(func(f *flag.Flag) {
common/public/message.html
+18 -19
View File
@@ -7,26 +7,25 @@
<title>{{.title}}</title>
<meta name="description" content="{{.description}}">
</head>
<body class="liquid-glass-container">
<div class="wrapper">
<!-- Liquid Glass Card -->
<div class="liquid-glass" style="position: relative; overflow: hidden;">
<!-- Edge Highlight Effect -->
<div class="liquid-glass-highlight"></div>
<article id="article">
<h1 class="title">{{.title}}</h1>
<div class="info">
<span class="line">发布于：<span class="liquid-glass-pill">{{.time}}</span></span>
</div>
<blockquote>
{{.description | unescape}}
</blockquote>
<div class="content-body">
<body>
<div>
<div class="article-container" style="max-width: 960px">
<div class="columns is-desktop">
<div class="column">
<article id="article">
<h1 class="title is-3 is-4-mobile">{{.title}}</h1>
<div class="info">
<span class="line">发布于：<span class="tag is-light">{{.time}}</span></span>
</div>
<blockquote>
{{.description | unescape}}
</blockquote>
{{.content | unescape}}
</div>
</article>
</article>
</div>
</div>
</div>
</div>
</body>
</html>
</html>
common/public/static/app.css
+250 -147
View File
@@ -1,223 +1,326 @@
/* Liquid Glass Global Styles */
/* 液态玻璃变量 */
/* Neumorphism Global Styles */
:root {
--liquid-glass-bg: rgba(255, 255, 255, 0.15);
--liquid-glass-bg-hover: rgba(255, 255, 255, 0.25);
--liquid-glass-border: rgba(255, 255, 255, 0.3);
--liquid-glass-ring: rgba(255, 255, 255, 0.2);
--liquid-glass-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15);
--liquid-glass-blur: 40px; /* backdrop-blur-2xl/3xl */
--liquid-glass-saturate: 1.5;
--text-primary: #ffffff;
--text-secondary: rgba(255, 255, 255, 0.8);
--link-color: #60a5fa; /* blue-400 */
--link-hover-color: #93c5fd; /* blue-300 */
--neu-bg: #e0e5ec;
--neu-bg-light: #f0f0f3;
--neu-shadow-dark: #b8bcc2;
--neu-shadow-light: #ffffff;
--neu-accent: #6d5dfc;
--neu-text: #333333;
--neu-text-muted: #6b7280;
}
/* 基础液态玻璃类 */
.liquid-glass {
background: var(--liquid-glass-bg);
backdrop-filter: blur(var(--liquid-glass-blur)) saturate(var(--liquid-glass-saturate));
-webkit-backdrop-filter: blur(var(--liquid-glass-blur)) saturate(var(--liquid-glass-saturate));
border: 1px solid var(--liquid-glass-border);
/* Utility Classes */
.neu-raised {
background: var(--neu-bg);
border-radius: 12px;
box-shadow:
var(--liquid-glass-shadow),
inset 0 1px 1px rgba(255, 255, 255, 0.25);
border-radius: 1.5rem; /* rounded-2xl */
transition: all 0.3s ease-out;
8px 8px 16px var(--neu-shadow-dark),
-8px -8px 16px var(--neu-shadow-light);
}
.liquid-glass:hover {
background: var(--liquid-glass-bg-hover);
.neu-raised-sm {
box-shadow:
4px 4px 8px var(--neu-shadow-dark),
-4px -4px 8px var(--neu-shadow-light);
}
/* 液态玻璃容器 - 渐变背景 (Blue-Purple) */
.liquid-glass-container {
background: linear-gradient(135deg, #2563eb 0%, #9333ea 50%, #ec4899 100%);
min-height: 100vh;
width: 100%;
position: relative;
overflow-x: hidden;
.neu-pressed {
background: var(--neu-bg);
border-radius: 12px;
box-shadow:
inset 8px 8px 16px var(--neu-shadow-dark),
inset -8px -8px 16px var(--neu-shadow-light);
}
/* 边缘高光效果 */
.liquid-glass-highlight {
background-image: linear-gradient(
to bottom,
rgba(255, 255, 255, 0.15),
transparent 50%
);
pointer-events: none;
position: absolute;
inset: 0;
border-radius: inherit;
.neu-pressed-sm {
box-shadow:
inset 4px 4px 8px var(--neu-shadow-dark),
inset -4px -4px 8px var(--neu-shadow-light);
}
/* 胶囊标签样式 */
.liquid-glass-pill {
display: inline-flex;
align-items: center;
gap: 0.375rem;
padding: 0.375rem 1rem;
background: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(16px) saturate(1.5);
-webkit-backdrop-filter: blur(16px) saturate(1.5);
border: 1px solid rgba(255, 255, 255, 0.3);
border-radius: 9999px;
font-size: 0.875rem;
font-weight: 500;
color: white;
box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3);
.neu-hover:hover {
box-shadow:
4px 4px 8px var(--neu-shadow-dark),
-4px -4px 8px var(--neu-shadow-light);
}
/* General Resets & Typography adapted for Liquid Glass */
.neu-active:active {
box-shadow:
inset 4px 4px 8px var(--neu-shadow-dark),
inset -4px -4px 8px var(--neu-shadow-light);
}
.neu-circle {
border-radius: 50%;
}
/* Base Styles */
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;
font-family: Verdana, Candara, Arial, Helvetica, Microsoft YaHei, sans-serif;
line-height: 1.6;
margin: 0;
color: var(--text-primary);
background-color: var(--neu-bg);
color: var(--neu-text);
}
nav {
margin-bottom: 16px;
}
a {
text-decoration: none;
color: var(--link-color);
transition: color 0.2s;
color: var(--neu-accent);
transition: all 0.3s ease;
}
a:hover {
color: var(--link-hover-color);
text-decoration: none !important;
color: var(--neu-accent);
text-shadow: 0 0 5px rgba(109, 93, 252, 0.3);
}
/* Layout */
.wrapper {
max-width: 960px;
margin: 0 auto;
padding: 2rem 1rem;
}
/* Article Styles */
article {
font-size: 16px;
line-height: 1.6;
word-wrap: break-word;
color: var(--text-primary);
padding: 2rem;
#page-container {
position: relative;
min-height: 97vh;
}
#content-wrap {
padding-bottom: 4rem;
}
#footer {
height: 4rem;
}
/* Article Container - Main Card */
.article-container {
margin: 40px auto;
max-width: 960px;
padding: 40px;
overflow-wrap: break-word;
word-break: break-word;
line-height: 1.6;
background: var(--neu-bg);
border-radius: 24px;
box-shadow:
12px 12px 24px var(--neu-shadow-dark),
-12px -12px 24px var(--neu-shadow-light);
}
@media screen and (max-width: 768px) {
.article-container {
margin: 16px;
padding: 20px;
box-shadow:
6px 6px 12px var(--neu-shadow-dark),
-6px -6px 12px var(--neu-shadow-light);
}
}
/* Typography */
article {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
font-size: 16px;
line-height: 1.5;
word-wrap: break-word;
color: var(--neu-text);
}
article h1, article h2, article h3, article h4, article h5, article h6 {
color: var(--text-primary);
margin-top: 1.5em;
margin-bottom: 0.5em;
margin-top: 24px;
margin-bottom: 16px;
font-weight: 600;
line-height: 1.5;
color: var(--neu-text);
}
article h1 { font-size: 2.25em; line-height: 1.2; }
article h2 { font-size: 1.75em; padding-bottom: 0.3em; border-bottom: 1px solid rgba(255,255,255,0.2); }
article h3 { font-size: 1.5em; }
article h1 { font-size: 2em; }
article h2 { font-size: 1.5em; padding-bottom: 0.3em; }
article h3 { font-size: 1.25em; }
article h4 { font-size: 1.25em; }
article h5 { font-size: 1.1em; }
article h6 { font-size: 1em; font-weight: bold; }
.info {
font-size: 0.9rem;
color: var(--text-secondary);
margin-bottom: 1.5rem;
display: flex;
align-items: center;
font-size: 14px;
line-height: 28px;
text-align: left;
color: var(--neu-text-muted);
margin-bottom: 24px;
}
/* Blockquote - Pressed Effect */
article blockquote {
margin: 16px 0;
padding: 16px 24px;
border-left: none;
border-radius: 12px;
background: var(--neu-bg);
box-shadow:
inset 4px 4px 8px var(--neu-shadow-dark),
inset -4px -4px 8px var(--neu-shadow-light);
color: var(--neu-text-muted);
}
/* Code Blocks - Pressed Effect */
article pre {
max-width: 100%;
display: block;
overflow: auto;
padding: 16px;
margin-top: 12px;
margin-bottom: 12px;
border-radius: 12px;
background: var(--neu-bg);
box-shadow:
inset 4px 4px 8px var(--neu-shadow-dark),
inset -4px -4px 8px var(--neu-shadow-light);
}
/* Code Blocks */
code {
font-family: "JetBrains Mono", "Cascadia Code", Consolas, monospace;
font-size: 0.9em;
font-family: "JetBrains Mono", "Cascadia Code", Consolas, Microsoft YaHei, monospace;
}
article code {
background: rgba(0, 0, 0, 0.2);
color: #e2e8f0;
padding: 0.2em 0.4em;
border-radius: 0.375rem;
color: var(--neu-accent);
background-color: transparent;
padding: .065em .4em;
border-radius: 6px;
}
article pre {
background: rgba(0, 0, 0, 0.25);
padding: 1rem;
border-radius: 0.75rem;
overflow-x: auto;
margin: 1rem 0;
border: 1px solid rgba(255, 255, 255, 0.1);
/* Inline Code Style */
p code, li code {
background-color: var(--neu-bg);
box-shadow:
inset 2px 2px 4px var(--neu-shadow-dark),
inset -2px -2px 4px var(--neu-shadow-light);
padding: 2px 6px;
border-radius: 6px;
}
article pre code {
background: transparent;
padding: 0;
color: inherit;
font-size: 0.9em;
/* Lists */
article ul, article ol {
padding-left: 2em;
}
/* Blockquotes */
article blockquote {
margin: 1rem 0;
padding: 0.5rem 1rem;
border-left: 4px solid rgba(255, 255, 255, 0.4);
background: rgba(255, 255, 255, 0.05);
border-radius: 0 0.5rem 0.5rem 0;
color: var(--text-secondary);
article li + li {
margin-top: 0.25em;
}
/* Tables */
article table {
width: 100%;
border-collapse: collapse;
margin: 1rem 0;
}
article table th, article table td {
border: 1px solid rgba(255, 255, 255, 0.2);
padding: 0.75rem;
margin: auto;
border-collapse: separate;
border-spacing: 0;
vertical-align: middle;
text-align: left;
min-width: 66%;
border-radius: 12px;
overflow: hidden;
background: var(--neu-bg);
box-shadow:
8px 8px 16px var(--neu-shadow-dark),
-8px -8px 16px var(--neu-shadow-light);
margin-bottom: 24px;
}
article table td,
article table th {
background: rgba(255, 255, 255, 0.1);
font-weight: 600;
padding: 12px 16px;
border-bottom: 1px solid rgba(184, 188, 194, 0.3);
}
article table tr:last-child td {
border-bottom: none;
}
/* Images */
img {
max-width: 100%;
height: auto;
border-radius: 0.75rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
max-height: 100%;
border-radius: 12px;
margin: 16px 0;
box-shadow:
8px 8px 16px var(--neu-shadow-dark),
-8px -8px 16px var(--neu-shadow-light);
}
/* Helpers */
.shadow {
box-shadow: var(--liquid-glass-shadow);
/* Tags (e.g. timestamp) */
.tag.is-light {
background: var(--neu-bg);
color: var(--neu-text-muted);
padding: 4px 12px;
border-radius: 20px;
box-shadow:
4px 4px 8px var(--neu-shadow-dark),
-4px -4px 8px var(--neu-shadow-light);
font-size: 0.85em;
font-weight: 500;
}
/* Specific elements from original CSS that might be needed */
.columns {
display: flex;
justify-content: center;
}
.column {
width: 100%;
max-width: 960px;
}
/* Scrollbar customization for webkit */
/* Scrollbar */
::-webkit-scrollbar {
width: 8px;
height: 8px;
width: 12px;
height: 12px;
}
::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
background: var(--neu-bg);
}
::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.3);
border-radius: 4px;
background: var(--neu-shadow-dark);
border-radius: 6px;
border: 3px solid var(--neu-bg);
}
::-webkit-scrollbar-thumb:hover {
background: rgba(255, 255, 255, 0.5);
/* Helper classes */
.shadow {
box-shadow:
8px 8px 16px var(--neu-shadow-dark),
-8px -8px 16px var(--neu-shadow-light);
}
.nav-shadow {
box-shadow:
0 4px 8px var(--neu-shadow-dark);
}
/* Pagination */
.paginator div {
border: none;
cursor: pointer;
display: inline-block;
min-width: 40px;
text-align: center;
font-weight: bold;
padding: 10px 20px;
margin: 0 8px;
background: var(--neu-bg);
border-radius: 12px;
color: var(--neu-text);
box-shadow:
4px 4px 8px var(--neu-shadow-dark),
-4px -4px 8px var(--neu-shadow-light);
transition: all 0.2s ease;
}
.paginator div:hover {
transform: translateY(-2px);
box-shadow:
6px 6px 12px var(--neu-shadow-dark),
-6px -6px 12px var(--neu-shadow-light);
color: var(--neu-accent);
}
.paginator div:active {
transform: translateY(0);
box-shadow:
inset 4px 4px 8px var(--neu-shadow-dark),
inset -4px -4px 8px var(--neu-shadow-light);
}