deepcrayon/lila
deepcrayon/lila
1
0
Fork 0
Code Releases Activity

puzzle dark theme

Browse source
This commit is contained in:
Thibault Duplessis 2014-02-09 01:26:24 +01:00
parent 5f3af87a73
commit 0aa899a306
6 changed files with 29 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/ui/SiteMenu.scala
View file

@ -21,14 +21,10 @@ final class SiteMenu(trans: I18nKeys) {
val tv = new Elem("tv", routes.Tv.index, I18nKey.untranslated("TV"))
val message = new Elem("message", routes.Message.inbox(page = 1), trans.inbox)
private val beta = List(play, game, puzzle, tournament, user, team, forum, tv)
private val authenticated = List(play, game, tournament, user, team, forum, tv)
private val authenticated = List(play, game, puzzle, tournament, user, team, forum, tv)
private val anonymous = List(play, game, tournament, user, team, forum, tv)
private val betaTesters = Set("thibault", "hellball", "clarkey", "legend", "chubakka", "iron_logician")
def all(me: Option[User]) = me match {
case Some(me) if betaTesters(me.id) ⇒ beta
case Some(me) ⇒ authenticated
case _ ⇒ anonymous
}

11
cljs/puzzle/src/core.cljs
View file

@ -31,6 +31,11 @@
(jq/css $right {:top (str (- 256 (/ (jq/height $right) 2)) "px")}))
(defn user-chart! [$chart]
(.sparkline $chart (jq/data $chart :points) (clj->js {:type "line"
:width "213px"
:height "80px"})))
(let [dark (jq/has-class ($ :body) :dark)
theme {:lineColor (if dark "#4444ff" "#0000ff")
:fillColor (if dark "#222255" "#ccccff")}]
(.sparkline $chart (jq/data $chart :points) (clj->js (merge
{:type "line"
:width "213px"
:height "80px"}
theme)))))

BIN
public/images/vote-dark.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.9 KiB

BIN
public/images/vote.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

18
public/stylesheets/dark.css
View file

@ -12,7 +12,7 @@ body.dark input, body.dark textarea, body.dark div.analysis_menu > a.active {
body.dark div.analysis_menu > a.active {
border-bottom-color: #1a1a1a;
}
body.dark #reconnecting, body.dark .mini_board, body.dark #nb_connected_players, body.dark div.lichess_chat_top, body.dark div.lichess_chat .lichess_messages, body.dark div.undertable_top, body.dark div.undertable_inner, body.dark div.undertable td, body.dark div.lichess_table .lichess_button, body.dark div.lichess_chat form input, body.dark div.lichess_board_wrap, body.dark #translation_call, body.dark div.footer_wrap, body.dark div.game_config .optional_config, body.dark .ui-state-default, body.dark .ui-widget-content, body.dark div.lichess_goodies div.box, body.dark div.lichess_table, body.dark div.lichess_separator, body.dark div.clock, body.dark .button, body.dark #GameText, body.dark #tournament_side, body.dark #GameBoard table.boardTable, body.dark div.shortcuts .title, body.dark div.content_box, body.dark div.content_box_top, body.dark div.content_box_top a, body.dark div.content_box_inter, body.dark div.content_box_inter a.active, body.dark #site_header div.side_menu a.active, body.dark div.game_row, body.dark form.search_user_form input, body.dark div.user_show div.boxed_data, body.dark #lichess_forum div.post, body.dark #lichess_forum textarea, body.dark #lichess_forum form.wide input, body.dark #lichess_message tr, body.dark #lichess_message div.thread_message, body.dark #lichess_message textarea, body.dark #lichess_message input, body.dark .content_box form input, body.dark div.progressbar, body.dark form.translation_form div.messages, body.dark form.translation_form input, body.dark div.locale_menu a, body.dark #adv_chart, body.dark #top .dropdown, body.dark div.search_status, body.dark table.slist, body.dark table.slist thead th, body.dark #notifications > div, body.dark form.wide input[type="text"], body.dark form.wide textarea, body.dark #team .team-left, body.dark #team .team-right, body.dark #team h2, body.dark .leaderboard_title, body.dark #friend_box, body.dark #friend_box .title, body.dark div.user_show div.mod_zone, body.dark div.user_show div.user-infos, body.dark div.game_config input[type="text"], body.dark #powerTip, body.dark #powerTip > .title, body.dark #powerTip > .actions a, body.dark #hooks_table th, body.dark #hooks_table td, body.dark #hooks_wrap > div.tabs > a, body.dark #hooks_chart > div.grid, body.dark div.analysis_menu, body.dark div.analysis_menu > a {
body.dark #reconnecting, body.dark .mini_board, body.dark #nb_connected_players, body.dark div.lichess_chat_top, body.dark div.lichess_chat .lichess_messages, body.dark div.undertable_top, body.dark div.undertable_inner, body.dark div.undertable td, body.dark div.lichess_table .lichess_button, body.dark div.lichess_chat form input, body.dark div.lichess_board_wrap, body.dark #translation_call, body.dark div.footer_wrap, body.dark div.game_config .optional_config, body.dark .ui-state-default, body.dark .ui-widget-content, body.dark div.lichess_goodies div.box, body.dark #puzzle div.box, body.dark #puzzle h1, body.dark div.lichess_table, body.dark div.lichess_separator, body.dark div.clock, body.dark .button, body.dark #GameText, body.dark #tournament_side, body.dark #GameBoard table.boardTable, body.dark div.shortcuts .title, body.dark div.content_box, body.dark div.content_box_top, body.dark div.content_box_top a, body.dark div.content_box_inter, body.dark div.content_box_inter a.active, body.dark #site_header div.side_menu a.active, body.dark div.game_row, body.dark form.search_user_form input, body.dark div.user_show div.boxed_data, body.dark #lichess_forum div.post, body.dark #lichess_forum textarea, body.dark #lichess_forum form.wide input, body.dark #lichess_message tr, body.dark #lichess_message div.thread_message, body.dark #lichess_message textarea, body.dark #lichess_message input, body.dark .content_box form input, body.dark div.progressbar, body.dark form.translation_form div.messages, body.dark form.translation_form input, body.dark div.locale_menu a, body.dark #adv_chart, body.dark #top .dropdown, body.dark div.search_status, body.dark table.slist, body.dark table.slist thead th, body.dark #notifications > div, body.dark form.wide input[type="text"], body.dark form.wide textarea, body.dark #team .team-left, body.dark #team .team-right, body.dark #team h2, body.dark .leaderboard_title, body.dark #friend_box, body.dark #friend_box .title, body.dark div.user_show div.mod_zone, body.dark div.user_show div.user-infos, body.dark div.game_config input[type="text"], body.dark #powerTip, body.dark #powerTip > .title, body.dark #powerTip > .actions a, body.dark #hooks_table th, body.dark #hooks_table td, body.dark #hooks_wrap > div.tabs > a, body.dark #hooks_chart > div.grid, body.dark div.analysis_menu, body.dark div.analysis_menu > a {
border-color: #3d3d3d;
}
body.dark #timeline, body.dark #timeline > .entry {
@ -159,6 +159,22 @@ body.dark .s16.ddown {
body.dark .future_game_analysis .spinner {
background-image: url("../images/spinner-gray-dark.gif");
}
body.dark #puzzle div.upvote a {
background-image: url('../images/vote-dark.png');
}
body.dark #puzzle > .side p.loss {
color: #e97472;
background: #582b33;
}
body.dark #puzzle > .side p.retry {
color: #8482c9;
background: #101034;
}
body.dark #puzzle > .side p.great,
body.dark #puzzle > .side p.win {
background: #103410;
color: #74a962;
}
body.dark ::-webkit-input-placeholder {
color: #666;

3
public/stylesheets/puzzle.css
View file

@ -99,6 +99,9 @@
#puzzle div.upvote {
float: right;
}
#puzzle div.upvote a {
cursor: normal;
}
#puzzle div.upvote.enabled a {
cursor: pointer;
}