aboutsummaryrefslogtreecommitdiffstats
path: root/view
diff options
context:
space:
mode:
authorRedMatrix <info@friendica.com>2014-04-16 17:39:51 +1000
committerRedMatrix <info@friendica.com>2014-04-16 17:39:51 +1000
commit077296ccf17c9d4680b608981eae664a287d9007 (patch)
tree8f4616880e12626b0586e86604167affd5b2a7ae /view
parent925c63343e941e1d22eaf3b0c3f6d2879f996f73 (diff)
parent16db3934958f7fa2f8768ed631121bab518c84f4 (diff)
downloadvolse-hubzilla-077296ccf17c9d4680b608981eae664a287d9007.tar.gz
volse-hubzilla-077296ccf17c9d4680b608981eae664a287d9007.tar.bz2
volse-hubzilla-077296ccf17c9d4680b608981eae664a287d9007.zip
Merge pull request #414 from jeroenpraat/patch-2
Large update dark schema
Diffstat (limited to 'view')
-rw-r--r--view/theme/redbasic/css/style.css116
-rw-r--r--view/theme/redbasic/php/style.php111
-rw-r--r--view/theme/redbasic/schema/dark.php100
3 files changed, 289 insertions, 38 deletions
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index f1bfbd711..8d91e0169 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -66,16 +66,16 @@ textarea {
}
input {
- border: 1px solid #666666;
+ border: 1px solid $input_border;
-moz-border-radius: $radiuspx;
border-radius: $radiuspx;
padding: 3px;
}
input[type="submit"] {
- background-color: #F0F0F0;
+ background-color: $input_bgsubmit;
font-weight: bold;
- color: #0080FF;
+ color: $input_linksubmit;
text-decoration: none;
}
@@ -101,10 +101,10 @@ code {
}
blockquote {
- background-color: #f4f8f9;
- border-left: 4px solid #dae4ee;
+ background-color: $blockquote_bgcolour;
+ border-left: 4px solid $blockquote_bordercolour;
padding: 0.4em;
- color: #000;
+ color: $blockquote_colour;
margin-left: 20px;
}
@@ -230,7 +230,16 @@ footer {
/*TODO: we should use one class for all this. */
.group-selected, .fileas-selected, .categories-selected, .search-selected, .active {
- color: #444444 !important;
+ color: $selected_active_colour !important;
+ text-decoration: $selected_active_deco !important;
+}
+
+.fileas-all {
+ text-decoration: none !important;
+}
+
+.fileas-all:hover {
+ text-decoration: underline !important;
}
#sysmsg {
@@ -1391,23 +1400,29 @@ brain is weird like that */
/* autocomplete popup */
.acpopup {
max-height:150px;
- background-color:#ffffff;
+ background-color:$acpopup_bgcolour;
overflow:auto;
z-index:100000;
- border:1px solid #cccccc;
+ border:1px solid $acpopup_bordercolour;
}
.acpopupitem {
- background-color:#ffffff; padding: 4px;
+ background-color:$acpopup_bgcolour; padding: 4px;
clear:left;
}
.acpopupitem.taggable {
- background-color: #ddddff;
+ background-color: $acpopup_tgbl_bgcolour;
}
.acpopupitem img {
float: left;
margin-right: 4px;
}
+.acpopupitem:hover {
+ text-decoration: underline;
+ color: $acpopup_hovercolour;
+ cursor:pointer;
+}
+
.acpopupitem.selected {
color: #FFFFFF; background: #3465A4;
}
@@ -1531,11 +1546,12 @@ header {
}
.notif-item a {
- color: #000000;
+ color: $notif_itemcolour;
}
.notif-item a:hover {
text-decoration: underline;
+ color: $notif_itemhovercolour;
}
.notif-image {
@@ -1544,8 +1560,27 @@ header {
padding: 7px 7px 0px 0px;
}
-.notify-seen {
- background: #DDDDDD;
+
+#nav-notify-menu {
+ background: $notify_bgcolour;
+}
+
+#nav-notify-menu a {
+ color: $notify_linkcolour;
+}
+
+#nav-notify-menu a:hover {
+ background: $notify_bghover;
+}
+
+.notify-seen a {
+ background: $notifyseen_bgcolour;
+ color: $notifyseen_linkcolour !important;
+}
+
+.notify-seen a:hover {
+ background: $notifyseen_bghover;
+ color: $notifyseen_linkhover !important;
}
#page-spinner {
@@ -1892,14 +1927,14 @@ img.mail-list-sender-photo {
border-radius: $radiuspx;
background-color: $item_colour;
opacity: $item_opacity;
- border-left: 2px solid #f4f4f4;
- border-bottom: 1px solid #f4f4f4;
+ border-left: 2px solid $item_bordercolour;
+ border-bottom: 1px solid $item_bordercolour;
}
.wall-item-comment-wrapper {
margin-top: 10px;
- border-left: 2px solid #f4f4f4;
- border-bottom: 1px solid #f4f4f4;
+ border-left: 2px solid $item_bordercolour;
+ border-bottom: 1px solid $item_bordercolour;
}
.wallwall .wwto {
@@ -2138,6 +2173,8 @@ blockquote {
border-radius: $radiuspx;
}
+
+
.dropdown-menu img {
border-radius: $radiuspx;
}
@@ -2209,6 +2246,48 @@ blockquote {
box-shadow: none;
}
+.nav-tabs{
+ border-bottom:1px solid $navtabs_borderc !important;
+}
+
+.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{
+ color: $navtabs_fontcolour !important;
+ background-color: $navtabs_bgcolour;
+}
+
+.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{
+ border:1px solid $navtabs_borderc !important;
+ border-bottom:1px solid transparent !important;
+ bottom: -1px !important;
+}
+
+.nav-tabs.nav-justified > li > a {
+ border-bottom: none;
+ $navtabs_linkcolour
+}
+
+.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
+ text-decoration: $navtabs_decohover;
+ background-color: $navtabs_bgchover;
+ border-bottom: 1px solid $navtabs_bgchover;
+ border-color: $navtabs_bgchover;
+ $navtabs_linkchover
+}
+
+.btn-default {
+ background-color: $editbuttons_bgcolour;
+ border-color: $editbuttons_bordercolour;
+ text-shadow: none;
+ box-shadow: none;
+}
+
+.btn-default:hover, .btn-default:focus, .btn-default:active .btn-default.active {
+ background-color: $editbuttons_bghover;
+ border-color: $editbuttons_bordercolour;
+ color: $input_colourhover;
+ text-decoration: $input_decohover;
+}
+
@media screen and (max-width: 767px) {
aside#region_1 {
background: rgba(0, 0, 0, .1);
@@ -2256,4 +2335,5 @@ blockquote {
.acl-list-item {
width: calc(100% - 10px);
}
+
}
diff --git a/view/theme/redbasic/php/style.php b/view/theme/redbasic/php/style.php
index 49852036b..8984df788 100644
--- a/view/theme/redbasic/php/style.php
+++ b/view/theme/redbasic/php/style.php
@@ -87,8 +87,22 @@ if(! $a->install) {
$nav_icon_colour = "#999";
if (! $nav_active_icon_colour)
$nav_active_icon_colour = "#fff";
+ if (! $navtabs_borderc)
+ $navtabs_borderc = "#ddd";
+ if (! $navtabs_fontcolour)
+ $navtabs_fontcolour = "#555";
+ if (! $navtabs_bgcolour)
+ $navtabs_bgcolour = "#fff";
+ if (! $navtabs_linkcolour)
+ $navtabs_linkcolour = "";
+ if (! $navtabs_linkchover)
+ $navtabs_linkchover = "";
+ if (! $navtabs_decohover)
+ $navtabs_decohover = "none";
+ if (! $navtabs_bgchover)
+ $navtabs_bgchover = "#eee";
if (! $link_colour)
- $link_colour = "#0080FF";
+ $link_colour = "#0080ff";
if (! $banner_colour)
$banner_colour = "#fff";
if (! $search_background)
@@ -100,23 +114,77 @@ if(! $a->install) {
if (! $item_colour)
$item_colour = "#fdfdfd";
if (! $toolicon_colour)
- $toolicon_colour = '#777777';
+ $toolicon_colour = '#777';
if (! $toolicon_activecolour)
$toolicon_activecolour = '#000';
if (! $item_opacity)
$item_opacity = "1";
+ if (! $item_bordercolour)
+ $item_bordercolour = "#f4f4f4";
if (! $font_size)
$font_size = "1.0em";
if (! $body_font_size)
$body_font_size = "11px";
if (! $font_colour)
- $font_colour = "#4D4D4D";
+ $font_colour = "#4d4d4d";
+ if (! $selected_active_colour)
+ $selected_active_colour = "#444";
+ if (! $selected_active_deco)
+ $selected_active_deco = "none";
+ if (! $blockquote_colour)
+ $blockquote_colour = "#000";
+ if (! $blockquote_bgcolour)
+ $blockquote_bgcolour = "#f4f8f9";
+ if (! $blockquote_bordercolour)
+ $blockquote_bordercolour = "#dae4ee";
+ if (! $notif_itemcolour)
+ $notif_itemcolour = "#000";
+ if (! $notif_itemhovercolour)
+ $notif_itemhovercolour = "#000";
+ if (! $editbuttons_bgcolour)
+ $editbuttons_bgcolour = "#fff";
+ if (! $editbuttons_bordercolour)
+ $editbuttons_bordercolour = "#ccc";
+ if (! $editbuttons_bghover)
+ $editbuttons_bghover = "#ebebeb";
+ if (! $acpopup_bgcolour)
+ $acpopup_bgcolour = "#fff";
+ if (! $acpopup_bordercolour)
+ $acpopup_bordercolour = "#ccc";
+ if (! $acpopup_tgbl_bgcolour)
+ $acpopup_tgbl_bgcolour = "#ddddff";
+ if (! $acpopup_hovercolour)
+ $acpopup_hovercolour = "#000";
+ if (! $notify_bgcolour)
+ $notify_bgcolour = "#fff";
+ if (! $notify_linkcolour)
+ $notify_linkcolour = "#333";
+ if (! $notify_bghover)
+ $notify_bghover = "#e7e7e7";
+ if (! $notifyseen_bgcolour)
+ $notifyseen_bgcolour = "#ddd";
+ if (! $notifyseen_linkcolour)
+ $notifyseen_linkcolour = "#333";
+ if (! $notifyseen_bghover)
+ $notifyseen_bghover = "#e7e7e7";
+ if (! $notifyseen_linkhover)
+ $notifyseen_linkhover = "#333";
+ if (! $input_bgsubmit)
+ $input_bgsubmit = "#F0F0F0";
+ if (! $input_linksubmit)
+ $input_linksubmit = "#0080FF";
+ if (! $input_border)
+ $input_border = "#666";
+ if (! $input_colourhover)
+ $input_colourhover = "#333";
+ if (! $input_decohover)
+ $input_decohover = "none";
if (! $radius)
$radius = "0";
if (! $shadow)
$shadow = "0";
if(! $active_colour)
- $active_colour = '#FFFFFF';
+ $active_colour = '#fff';
if (! $converse_width) {
$converse_width="1024px";
}
@@ -154,6 +222,13 @@ $options = array (
'$nav_bd' => $nav_bd,
'$nav_icon_colour' => $nav_icon_colour,
'$nav_active_icon_colour' => $nav_active_icon_colour,
+'$navtabs_borderc' => $navtabs_borderc,
+'$navtabs_fontcolour' => $navtabs_fontcolour,
+'$navtabs_bgcolour' => $navtabs_bgcolour,
+'$navtabs_linkcolour' => $navtabs_linkcolour,
+'$navtabs_linkchover' => $navtabs_linkchover,
+'$navtabs_bgchover' => $navtabs_bgchover,
+'$navtabs_decohover' => $navtabs_decohover,
'$link_colour' => $link_colour,
'$banner_colour' => $banner_colour,
'$search_background' => $search_background,
@@ -161,11 +236,39 @@ $options = array (
'$background_image' => $background_image,
'$item_colour' => $item_colour,
'$item_opacity' => $item_opacity,
+'$item_bordercolour' => $item_bordercolour,
'$toolicon_colour' => $toolicon_colour,
'$toolicon_activecolour' => $toolicon_activecolour,
'$font_size' => $font_size,
'$font_colour' => $font_colour,
+'$selected_active_colour' => $selected_active_colour,
+'$selected_active_deco' => $selected_active_deco,
'$body_font_size' => $body_font_size,
+'$blockquote_colour' => $blockquote_colour,
+'$blockquote_bgcolour' => $blockquote_bgcolour,
+'$blockquote_bordercolour' => $blockquote_bordercolour,
+'$blockquote_bgcolourhover' => $blockquote_bgcolourhover,
+'$notif_itemcolour' => $notif_itemcolour,
+'$notif_itemhovercolour' => $notif_itemhovercolour,
+'$editbuttons_bgcolour' => $editbuttons_bgcolour,
+'$editbuttons_bordercolour' => $editbuttons_bordercolour,
+'$editbuttons_bghover' => $editbuttons_bghover,
+'$acpopup_bgcolour' => $acpopup_bgcolour,
+'$acpopup_bordercolour' => $acpopup_bordercolour,
+'$acpopup_tgbl_bgcolour' => $acpopup_tgbl_bgcolour,
+'$acpopup_hovercolour' => $acpopup_hovercolour,
+'$notify_bgcolour' => $notify_bgcolour,
+'$notify_linkcolour' => $notify_linkcolour,
+'$notify_bghover' => $notify_bghover,
+'$notifyseen_bgcolour' => $notifyseen_bgcolour,
+'$notifyseen_linkcolour' => $notifyseen_linkcolour,
+'$notifyseen_bghover' => $notifyseen_bghover,
+'$notifyseen_linkhover' => $notifyseen_linkhover,
+'$input_bgsubmit' => $input_bgsubmit,
+'$input_linksubmit' => $input_linksubmit,
+'$input_border' => $input_border,
+'$input_colourhover' => $input_colourhover,
+'$input_decohover' => $input_decohover,
'$radius' => $radius,
'$shadow' => $shadow,
'$active_colour' => $active_colour,
diff --git a/view/theme/redbasic/schema/dark.php b/view/theme/redbasic/schema/dark.php
index 24ed4f418..27fbd26fc 100644
--- a/view/theme/redbasic/schema/dark.php
+++ b/view/theme/redbasic/schema/dark.php
@@ -1,34 +1,102 @@
<?php
if (! $nav_bg)
- $nav_bg = "#000000";
+ $nav_bg = "#000";
if (! $nav_gradient_top)
- $nav_gradient_top = "#000000";
+ $nav_gradient_top = "#000";
if (! $nav_gradient_bottom)
- $nav_gradient_bottom = "#000000";
+ $nav_gradient_bottom = "#000";
if (! $nav_active_gradient_top)
- $nav_active_gradient_top = "#333333";
+ $nav_active_gradient_top = "#333";
if (! $nav_active_gradient_bottom)
- $nav_active_gradient_bottom = "#111111";
+ $nav_active_gradient_bottom = "#111";
if (! $nav_bd)
- $nav_bd = "#111111";
+ $nav_bd = "#111";
if (! $nav_icon_colour)
- $nav_icon_colour = "#999999";
+ $nav_icon_colour = "#999";
if (! $nav_active_icon_colour)
- $nav_active_icon_colour = "#ffffff";
+ $nav_active_icon_colour = "#fff";
+ if (! $navtabs_borderc)
+ $navtabs_borderc = "#333";
+ if (! $navtabs_fontcolour)
+ $navtabs_fontcolour = "#fff";
+ if (! $navtabs_bgcolour)
+ $navtabs_bgcolour = "#111";
+ if (! $navtabs_linkcolour)
+ $navtabs_linkcolour = "color: #ccc;";
+ if (! $navtabs_linkchover)
+ $navtabs_linkchover = "color: #fff;";
+ if (! $navtabs_bgchover)
+ $navtabs_bgchover = "#222";
+ if (! $navtabs_decohover)
+ $navtabs_decohover = "underline";
if (! $link_colour)
- $link_colour = "#ffffff";
+ $link_colour = "#fff";
+ if (! $selected_active_colour)
+ $selected_active_colour = "#fff";
+ if (! $selected_active_deco)
+ $selected_active_deco = "underline";
if (! $banner_colour)
- $banner_colour = "#999999";
+ $banner_colour = "#999";
if (! $search_background)
- $search_background = "#999999";
+ $search_background = "#999";
if (! $bgcolour)
- $bgcolour = "#111111";
+ $bgcolour = "#111";
if (! $item_colour)
- $item_colour = "#111111";
+ $item_colour = "#111";
if (! $toolicon_colour)
- $toolicon_colour = '#999999';
+ $toolicon_colour = '#999';
if (! $toolicon_activecolour)
- $toolicon_activecolour = '#ffffff';
+ $toolicon_activecolour = '#fff';
if (! $font_colour)
- $font_colour = "#cccccc";
+ $font_colour = "#ccc";
+ if (! $blockquote_colour)
+ $blockquote_colour = "#ccc";
+ if (! $blockquote_bgcolour)
+ $blockquote_bgcolour = "#1e1e1e";
+ if (! $blockquote_bordercolour)
+ $blockquote_bordercolour = "#666";
+ if (! $item_bordercolour)
+ $item_bordercolour = "#333";
+ if (! $notif_itemcolour)
+ $notif_itemcolour = "#ccc";
+ if (! $notif_itemhovercolour)
+ $notif_itemhovercolour = "#fff";
+ if (! $acpopup_bgcolour)
+ $acpopup_bgcolour = "#222";
+ if (! $acpopup_bordercolour)
+ $acpopup_bordercolour = "#333";
+ if (! $acpopup_tgbl_bgcolour)
+ $acpopup_tgbl_bgcolour = "#333";
+ if (! $acpopup_hovercolour)
+ $acpopup_hovercolour = "#fff";
+ if (! $editbuttons_bgcolour)
+ $editbuttons_bgcolour = "#1e1e1e";
+ if (! $editbuttons_bordercolour)
+ $editbuttons_bordercolour = "#222";
+ if (! $editbuttons_bghover)
+ $editbuttons_bghover = "#222";
+ if (! $notify_bgcolour)
+ $notify_bgcolour = "#000";
+ if (! $notify_linkcolour)
+ $notify_linkcolour = "#FFF";
+ if (! $notify_bghover)
+ $notify_bghover = "#222";
+ if (! $notifyseen_bgcolour)
+ $notifyseen_bgcolour = "#111";
+ if (! $notifyseen_linkcolour)
+ $notifyseen_linkcolour = "#222";
+ if (! $notifyseen_bghover)
+ $notifyseen_bghover = "#222";
+ if (! $notifyseen_linkhover)
+ $notifyseen_linkhover = "#CCC";
+ if (! $input_bgsubmit)
+ $input_bgsubmit = "#333";
+ if (! $input_linksubmit)
+ $input_linksubmit = "#fff";
+ if (! $input_border)
+ $input_border = "#222";
+ if (! $input_colourhover)
+ $input_colourhover = "#fff";
+ if (! $input_decohover)
+ $input_decohover = "underline";