我搞了一个 V2EX 类某乎的主题,支持亮色与暗色🌙☀️

2021-12-03 13:50:45 +08:00
 viewweiwu

调整了间距 & 更改颜色。

使用方式

设置 > 自定义 CSS

@import "https://sunflower-assets.oss-cn-hangzhou.aliyuncs.com/css/v2ex.css";

效果预览

10066 次点击
所在节点    分享创造
93 条回复
WilsonGGG
2021-12-04 08:21:19 +08:00
哇,好看很多哎,感恩
rm0gang0rf
2021-12-04 08:43:42 +08:00
@viewweiwu 请问暗色开关在哪。。我的怎么没有
veotax
2021-12-04 09:17:30 +08:00
@viewweiwu 这个太赞了,有办法直接集成到这个开源论坛程序么( Casnode )? https://github.com/casbin/casnode 直接提 PR 到代码仓库里,做一个深度集成,以后源码也放在里面维护
Torpedo
2021-12-04 10:57:33 +08:00
66666
FunamiYui
2021-12-04 11:01:11 +08:00
用上了,感觉不错,谢谢楼主
mortal
2021-12-04 11:13:26 +08:00
好看,谢谢 LZ !
Spoience
2021-12-04 11:17:47 +08:00
挺好看的
liuser666
2021-12-05 19:53:20 +08:00
改了改背景颜色
body{font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif}body #Wrapper{background-image:unset!important;background-color:#FFF8E7}:root{--box-border-radius:2px;--box-border-color:#f0f2f7;--link-color:#8590a6;--link-hover-color:#294a8e;--box-border-color:#f0f2f7}a:active,a:link,a:visited{color:var(--link-color)}a.topic-link:active,a.topic-link:link{color:#333;font-size:18px}a.topic-link:hover{color:var(--link-hover-color)}.cell{padding:12px}.ago,.gray,.no{font-family:Bender}#Top{height:52px;border-bottom:none;background-color:unset;box-shadow:0 1px 3px rgba(18,18,18,.1)}#Top>.content{height:100%;display:flex;align-items:center}#Rightbar .fade{color:#333}#Tabs{padding:12px 0;border-top-left-radius:0;border-top-right-radius:0}#Main .box{box-shadow:0 1px 3px rgb(18 18 18 / 10%)}#Main .item a:hover{text-decoration:none!important}#Main .cell.item{padding:16px 24px}#Main .cell.item td:nth-child(3){padding-left:8px}#Main .cell td:nth-child(2){line-height:unset!important}.count_livid{padding:0!important;margin-right:0!important;color:#999!important;font-family:Bender!important;background-color:unset!important}.topic_info{margin-top:4px;display:inline-block}.topic_info a{color:var(--color-fade);font-weight:400}.topic_info a:hover{color:var(--link-hover-color)}a.tab:active,a.tab:link,a.tab:visited{min-width:4.8em;padding:12px 6px 12px 24px;margin-right:0!important;font-size:16px;font-weight:500}.a.tab_current:active,a.tab_current:link,a.tab_current:visited{min-width:4.8em;padding:12px 6px 12px 24px;margin-right:0!important;font-size:16px;color:#06f;font-weight:500;background-color:unset}a.tab:hover{color:var(--link-hover-color);background-color:unset}#SecondaryTabs,.inner{padding:10px 24px}#SecondaryTabs a{color:#999}#SecondaryTabs a:hover{color:#06f}a.top:link,a.top:visited{font-weight:unset;color:var(--link-color)}.site-nav{padding-top:0}.site-nav .tools *{margin-left:24px}.topic_content{line-height:1.6}.topic_content p{font-size:15px;margin:1.4em 0}.topic_buttons{background:unset;padding:12px}.topic_buttons>:nth-child(2)::before{content:'🌟';margin-right:.5em}.topic_buttons>:nth-child(3)::before{content:'🪶';margin-right:.5em}.topic_buttons>:nth-child(4)::before{content:'🥱';margin-right:.5em}.topic_buttons #topic_thank a::before{content:'🙏';margin-right:.5em}.reply_content{font-size:16px}.normal.button{color:#000;font-weight:unset!important;background-color:unset;background-image:unset!important;background:unset!important;box-shadow:unset!important;border:1px solid #ccc!important}.normal.button:hover{color:#ccc}.super.button{border-radius:var(--box-border-radius)}.mll{border:1px solid #ccc!important}.mll:focus{border:1px solid #8590a6!important}#Bottom{border-top:none}#Rightbar td{border-left:none!important;border-right:none!important}.ml,.sl{border-radius:var(--box-border-radius)}#search-container::before{width:47px;top:unset}#search-container{height:34px;border-radius:17px}#search-container #search{height:34px;padding-left:12px}.select2-container--default .select2-selection--single{border-radius:var(--box-border-radius)}.wwads-cn{border-bottom:none}body #Wrapper.Night{background-color:#6b7785}.Night a.topic-link:active,.Night a.topic-link:link{color:#a5a5a5}.Night a.topic-link:visited{color:#606060}.Night #Rightbar .fade{color:#ccc}.Night .normal.button{color:#d1d5d9;background-color:#18222d}.header{padding:16px 24px}h1{margin:0 0 16px}#Main .cell{padding:16px 24px}.Night .box{background-color:#272e3b}
viewweiwu
2021-12-06 10:19:04 +08:00
@Steps 谢谢,确实我的钱快没了,我还以为没什么流量呢,我这就去搞
viewweiwu
2021-12-06 10:58:19 +08:00
换成 CDN 了,兄弟们,可以把地址换成这个。
@import "https://cdn.jsdelivr.net/gh/viewweiwu/v2ex-zhihu-theme/v2ex.css"
viewweiwu
2021-12-06 13:54:18 +08:00
详情内容回到 [顶部按钮] 固定在右下角

@import "https://cdn.jsdelivr.net/gh/viewweiwu/v2ex-zhihu-theme@1.1/v2ex.css";
banyungong
2021-12-06 14:23:54 +08:00
给大佬递茶🍵
superfatboy
2021-12-06 17:36:09 +08:00
不错,看起来舒服多了
qq73666
2021-12-07 11:00:58 +08:00
[二哈][doge]
janda
2021-12-09 15:35:33 +08:00
看起来是舒服多了哈,只不过我看这个帖子的时候、两边还是马赛克样的白色、这是这个主题下的背景不能改嘛?
已经是黑夜模式了
viewweiwu
2021-12-09 19:27:54 +08:00
@janda 马赛克应该被我覆盖了呀,你那边还有的吗
viewweiwu
2021-12-09 20:55:36 +08:00
janda
2021-12-10 09:35:03 +08:00
viewweiwu
2021-12-10 10:02:44 +08:00
@janda 请复制这一堆样式。


@import "https://cdn.jsdelivr.net/gh/viewweiwu/v2ex-zhihu-theme@1.2/v2ex.css";

body #Wrapper.Night {
background: none !important;
background-image: none !important;
background-color:#141414 !important;
}
janda
2021-12-10 10:53:34 +08:00
@viewweiwu 可以了、多谢大佬哈!字体和配色眼睛看着很舒服

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/819780

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX