有没有同学也觉得黑色的导航太压抑?
颜色太暗淡了, 看起来有点压抑… 而且界面显得很挤有没有
我倾向的风格是杂志浅色的背景区分出 div
, 文字统一用暗淡的颜色
然后去掉圆角去掉阴影, 不用复杂的图标, 尽量文字标识和进行对齐
Web 的风格跟杂志类似, 而不是模仿高档汽车那么多按钮
貌似图片上传功能出了点问题, 求测试… 没图片只好上代码了, 我在 Ubuntu Chrome 下做的调试: jQuery… 你懂的…
$(".navbar-inner").removeClass()
$(".navbar").css("background-color", "hsl(240,20%,90%)")
$(".navbar .nav>li>a").css({
"font-weight": "normal", "font-size": "13px", "line-height": "25px"
})
$("body p").css({"font-size": "14px"})
reset_font_color = function(){$(this).css("color", "hsl(0,00%,40%)")}
reset_font_color()
$(".navbar .nav>li>a").hover(reset_font_color)
$("#q").css("background-color", "white")
$(".brand").html('CNodeJS').css({
"font-size": "28px", "line-height": "34px", "color": "hsl(0,0%,40%)"
})
$("a.topic_title").css({
"font-size": "16px",
"line-height": "34px"
})
$(".user_avatar").css({
width: "34px",
height: "34px"
})
$(".topic_wrap .sep10").remove()
$(".topic_wrap .col_fade").remove()
$(".panel").css({
"box-shadow": "none"
})
$(".moon_tags").remove()
$(".board.cl").remove()
$("pre.prettyprint").css({
"background": "hsl(0, 0%, 90%)"
})
$("pre.prettyprint .str").css({
"color": "hsl(0, 6%, 39%)"
})
$("pre.prettyprint .pun").css({
"color": "hsl(0, 0%, 55%)"
})
$("pre.prettyprint .pln").css({
"color": "hsl(0, 6%, 54%)"
})
$("pre.prettyprint .kwd").css({
"color": "hsl(54, 34%, 37%)"
})
8 回复
太灰色了吧,nav那边是淡紫色吗?初看有点不适应,觉得如果可以做点效果出来好
@jiyinyiyong 最近在关注什么技术啊?
@jiyinyiyong 不回帖并不表示喜欢黑色的。我也不喜欢黑色,尤其是代码块用黑色作背景。我更喜欢整体都是淡淡的。
用 theme 可以让用户自己选适合的。