有没有同学也觉得黑色的导航太压抑?
发布于 11 年前 作者 jiyinyiyong 3984 次浏览 最后一次编辑是 8 年前

颜色太暗淡了, 看起来有点压抑… 而且界面显得很挤有没有 我倾向的风格是杂志浅色的背景区分出 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那边是淡紫色吗?初看有点不适应,觉得如果可以做点效果出来好

临时做的 Demo, 颜色没细调, 没多少人回帖说明喜欢黑色的人居多… 最近也没时间花这上边… 只能打住了

@jiyinyiyong 最近在关注什么技术啊?

@jiyinyiyong 不回帖并不表示喜欢黑色的。我也不喜欢黑色,尤其是代码块用黑色作背景。我更喜欢整体都是淡淡的。

@cony138 匆匆忙忙找了个实习, 每天 Backbone

@leizongmin 也对… 等有时间好多事情想做的

尝试改了下, 改出不少 Bug… 这样感觉好点不? http://huaban.com/pins/60707961/zoom/ http://huaban.com/pins/60707943/zoom/

用 theme 可以让用户自己选适合的。

回到顶部