summaryrefslogtreecommitdiff
path: root/web-ui/app
diff options
context:
space:
mode:
authorGabriel Albo <gabriel@albo.com.br>2015-02-27 16:51:34 -0300
committerGabriel Albo <gabriel@albo.com.br>2015-02-27 16:51:34 -0300
commit3576c77fa8b1cd2759f4257fc25b4461b024906d (patch)
tree94d2c92b11b797b5a366ba549606c4d0977f0ccb /web-ui/app
parentc9a6c938557d64e1ad997476aadb2f7684f6f2d8 (diff)
Adding a default background color for tags while we don't build a tag customization functionality
Diffstat (limited to 'web-ui/app')
-rw-r--r--web-ui/app/scss/_colors.scss5
-rw-r--r--web-ui/app/scss/_mixins.scss5
-rw-r--r--web-ui/app/scss/styles.scss7
3 files changed, 11 insertions, 6 deletions
diff --git a/web-ui/app/scss/_colors.scss b/web-ui/app/scss/_colors.scss
index 7e90d6ae..bfa0ca95 100644
--- a/web-ui/app/scss/_colors.scss
+++ b/web-ui/app/scss/_colors.scss
@@ -4,8 +4,11 @@ $navigation_background: #3E3A37;
/* Action buttons and links */
$action_buttons: #3dabc4;
+/* Primary Highlight*/
+$primary_highlight: #FF9C00;
+
/* Unread count dialog bubble background color */
-$secondary_callout: #FF7902;
+$secondary_callout: darken($primary_highlight, 5);
/* Grayscale */
$contrast: #EEE;
diff --git a/web-ui/app/scss/_mixins.scss b/web-ui/app/scss/_mixins.scss
index 5b59cad6..14a1679f 100644
--- a/web-ui/app/scss/_mixins.scss
+++ b/web-ui/app/scss/_mixins.scss
@@ -83,9 +83,10 @@
@mixin tags {
ul.tags {
li {
- background: #DDD;
+ font-size: 0.6rem;
+ background-color: lighten($action_buttons, 12);
+ color: white;
display: inline;
- font-size: 0.55em;
padding: 2px 3px;
margin: 0 1px;
position: relative;
diff --git a/web-ui/app/scss/styles.scss b/web-ui/app/scss/styles.scss
index 71427af5..7ce13d39 100644
--- a/web-ui/app/scss/styles.scss
+++ b/web-ui/app/scss/styles.scss
@@ -114,8 +114,9 @@
line-height: 1.2;
margin: -3px 0 0 0;
li {
- background-color: #DDD;
- color: black;
+ font-size: 0.6rem;
+ background-color: lighten($action_buttons, 12);
+ color: white;
display: inline-block;
height: auto;
font-weight: 400;
@@ -531,7 +532,7 @@ button {
}
.side-nav-toggle-icon {
- padding: 9px 0px 8px 19px;
+ padding: 6px 0px 8px 19px;
display: block;
left: 0;
top: 0;