Merge branch 'ssrihari-fix-colors' into develop
This commit is contained in:
commit
08dcc8c52d
13 changed files with 41 additions and 39 deletions
|
|
@ -2,6 +2,7 @@
|
||||||
|
|
||||||
## Refactor
|
## Refactor
|
||||||
* Move non-model federation stuff into lib/ [#4363](https://github.com/diaspora/diaspora/pull/4363)
|
* Move non-model federation stuff into lib/ [#4363](https://github.com/diaspora/diaspora/pull/4363)
|
||||||
|
* Build a color palette to uniform color usage [#4437](https://github.com/diaspora/diaspora/pull/4437) [#4469](https://github.com/diaspora/diaspora/pull/4469)
|
||||||
|
|
||||||
## Bug fixes
|
## Bug fixes
|
||||||
* Highlight down arrow at the user menu on hover [#4441](https://github.com/diaspora/diaspora/pull/4441)
|
* Highlight down arrow at the user menu on hover [#4441](https://github.com/diaspora/diaspora/pull/4441)
|
||||||
|
|
|
||||||
|
|
@ -69,7 +69,7 @@ h1, h2, h3, h4
|
||||||
|
|
||||||
small
|
small
|
||||||
:font-size small
|
:font-size small
|
||||||
:color #999
|
:color $text-grey
|
||||||
|
|
||||||
ul > li
|
ul > li
|
||||||
:list-style none
|
:list-style none
|
||||||
|
|
@ -292,7 +292,7 @@ ul.as-selections
|
||||||
|
|
||||||
.grey,
|
.grey,
|
||||||
.grey *
|
.grey *
|
||||||
:color #999
|
:color $text-grey
|
||||||
|
|
||||||
.details,
|
.details,
|
||||||
.details *
|
.details *
|
||||||
|
|
@ -307,7 +307,7 @@ ul.as-selections
|
||||||
.via
|
.via
|
||||||
:color #aaa
|
:color #aaa
|
||||||
a
|
a
|
||||||
:color #999
|
:color $text-grey
|
||||||
:text
|
:text
|
||||||
:decoration none
|
:decoration none
|
||||||
:border none
|
:border none
|
||||||
|
|
@ -334,7 +334,7 @@ ul.as-selections
|
||||||
:size small
|
:size small
|
||||||
:font
|
:font
|
||||||
:weight normal
|
:weight normal
|
||||||
:color #999
|
:color $text-grey
|
||||||
#latest_message_time
|
#latest_message_time
|
||||||
:font-style italic
|
:font-style italic
|
||||||
ul
|
ul
|
||||||
|
|
@ -514,7 +514,7 @@ form p.checkbox_select
|
||||||
:top 6px
|
:top 6px
|
||||||
|
|
||||||
@mixin placeholder_styles
|
@mixin placeholder_styles
|
||||||
:color #999
|
:color $text-grey
|
||||||
:text-shadow 0 1px 1px #eee
|
:text-shadow 0 1px 1px #eee
|
||||||
:font-weight normal
|
:font-weight normal
|
||||||
|
|
||||||
|
|
@ -530,7 +530,7 @@ form p.checkbox_select
|
||||||
|
|
||||||
#publisher
|
#publisher
|
||||||
:z-index 1
|
:z-index 1
|
||||||
:color #999
|
:color $text-grey
|
||||||
:position relative
|
:position relative
|
||||||
:margin
|
:margin
|
||||||
:top 0
|
:top 0
|
||||||
|
|
@ -686,7 +686,7 @@ form p.checkbox_select
|
||||||
:background #fff
|
:background #fff
|
||||||
|
|
||||||
&.active
|
&.active
|
||||||
:border 1px solid #999
|
:border 1px solid $border-dark-grey
|
||||||
|
|
||||||
:position relative
|
:position relative
|
||||||
:padding
|
:padding
|
||||||
|
|
@ -891,7 +891,7 @@ input[type="search"]
|
||||||
:top 10px
|
:top 10px
|
||||||
|
|
||||||
.photo_options
|
.photo_options
|
||||||
:color #888
|
:color $text-grey
|
||||||
:text
|
:text
|
||||||
:align center
|
:align center
|
||||||
|
|
||||||
|
|
@ -1083,7 +1083,7 @@ ul#request_result
|
||||||
:right 5px
|
:right 5px
|
||||||
|
|
||||||
:padding 5px
|
:padding 5px
|
||||||
:border 1px solid #999
|
:border 1px solid $border-dark-grey
|
||||||
|
|
||||||
> .name
|
> .name
|
||||||
:white-space nowrap
|
:white-space nowrap
|
||||||
|
|
@ -1144,7 +1144,7 @@ ul#request_result
|
||||||
:font
|
:font
|
||||||
:size 12px
|
:size 12px
|
||||||
:display block
|
:display block
|
||||||
:color #888
|
:color $text-grey
|
||||||
:text-shadow 0 1px 0 #fff
|
:text-shadow 0 1px 0 #fff
|
||||||
|
|
||||||
#mce-error-response
|
#mce-error-response
|
||||||
|
|
@ -1227,7 +1227,7 @@ ul#request_result
|
||||||
:margin
|
:margin
|
||||||
:top 14px
|
:top 14px
|
||||||
:left 540px
|
:left 540px
|
||||||
:color #888
|
:color $text-grey
|
||||||
|
|
||||||
|
|
||||||
ul#press_logos
|
ul#press_logos
|
||||||
|
|
@ -1341,7 +1341,7 @@ ul#press_logos
|
||||||
.show_comments,
|
.show_comments,
|
||||||
.likes_container
|
.likes_container
|
||||||
a
|
a
|
||||||
:color #999
|
:color $text-grey
|
||||||
|
|
||||||
.likes
|
.likes
|
||||||
.icons-heart
|
.icons-heart
|
||||||
|
|
@ -1769,11 +1769,11 @@ h1.tag
|
||||||
:color #efefef
|
:color #efefef
|
||||||
:color $text-grey
|
:color $text-grey
|
||||||
:border
|
:border
|
||||||
:bottom 1px dotted #999
|
:bottom 1px dotted $border-dark-grey
|
||||||
|
|
||||||
&:hover
|
&:hover
|
||||||
:border
|
:border
|
||||||
:bottom 1px solid #999
|
:bottom 1px solid $border-dark-grey
|
||||||
|
|
||||||
.diaspora_handle
|
.diaspora_handle
|
||||||
:font
|
:font
|
||||||
|
|
@ -1918,7 +1918,7 @@ h1.tag
|
||||||
@include box-sizing(border-box)
|
@include box-sizing(border-box)
|
||||||
|
|
||||||
.subtle
|
.subtle
|
||||||
:color #888
|
:color $text-grey
|
||||||
:font
|
:font
|
||||||
:style italic
|
:style italic
|
||||||
|
|
||||||
|
|
@ -2385,7 +2385,7 @@ a.toggle_selector
|
||||||
|
|
||||||
.tags
|
.tags
|
||||||
a
|
a
|
||||||
:color #999
|
:color $text-grey
|
||||||
|
|
||||||
.avatar
|
.avatar
|
||||||
:height 30px
|
:height 30px
|
||||||
|
|
@ -2669,7 +2669,7 @@ body
|
||||||
:width 19px
|
:width 19px
|
||||||
|
|
||||||
#location
|
#location
|
||||||
:border 1px solid #999
|
:border 1px solid $border-dark-grey
|
||||||
:height 20px
|
:height 20px
|
||||||
#location_address
|
#location_address
|
||||||
:border none
|
:border none
|
||||||
|
|
|
||||||
|
|
@ -7,6 +7,7 @@ $border-grey: #DDDDDD;
|
||||||
$background-grey: #EEEEEE;
|
$background-grey: #EEEEEE;
|
||||||
$header-grey: #939393;
|
$header-grey: #939393;
|
||||||
$link-grey: #777777;
|
$link-grey: #777777;
|
||||||
|
$border-dark-grey: #999999;
|
||||||
$link-disabled-grey: #999999;
|
$link-disabled-grey: #999999;
|
||||||
$text-grey: #999999;
|
$text-grey: #999999;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -104,7 +104,7 @@ body > header {
|
||||||
#notification_badge.active {
|
#notification_badge.active {
|
||||||
z-index: 10;
|
z-index: 10;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px solid #888;
|
border: 1px solid $border-dark-grey;
|
||||||
border-bottom: 0px;
|
border-bottom: 0px;
|
||||||
margin-left: 0px;
|
margin-left: 0px;
|
||||||
padding-bottom: 12px;
|
padding-bottom: 12px;
|
||||||
|
|
@ -114,7 +114,7 @@ body > header {
|
||||||
@include dropdown-shadow;
|
@include dropdown-shadow;
|
||||||
|
|
||||||
background: white;
|
background: white;
|
||||||
border: solid #888 1px;
|
border: solid $border-dark-grey 1px;
|
||||||
left: 300px;
|
left: 300px;
|
||||||
width: 380px;
|
width: 380px;
|
||||||
display: none;
|
display: none;
|
||||||
|
|
@ -235,7 +235,7 @@ body > header {
|
||||||
margin-top: -3px;
|
margin-top: -3px;
|
||||||
@include dropdown-shadow;
|
@include dropdown-shadow;
|
||||||
background-color: rgb(34,30,30);
|
background-color: rgb(34,30,30);
|
||||||
border: 1px solid #999;
|
border: 1px solid $border-dark-grey;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -12,7 +12,7 @@
|
||||||
|
|
||||||
background-color: $background-white;
|
background-color: $background-white;
|
||||||
height: 70px;
|
height: 70px;
|
||||||
border: 1px solid #999999;
|
border: 1px solid $border-dark-grey;
|
||||||
font-size: small;
|
font-size: small;
|
||||||
|
|
||||||
.avatar {
|
.avatar {
|
||||||
|
|
|
||||||
|
|
@ -33,7 +33,7 @@
|
||||||
z-index: 10000;
|
z-index: 10000;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
border: 1px solid #999;
|
border: 1px solid $border-dark-grey;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -392,7 +392,7 @@ footer {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
a,
|
a,
|
||||||
a:visited {
|
a:visited {
|
||||||
color: #999;
|
color: $text-grey;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
}
|
}
|
||||||
padding: {
|
padding: {
|
||||||
|
|
@ -422,7 +422,7 @@ footer {
|
||||||
> a,
|
> a,
|
||||||
.show_comments {
|
.show_comments {
|
||||||
@include transition(color);
|
@include transition(color);
|
||||||
color: #999;
|
color: $text-grey;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -433,7 +433,7 @@ footer {
|
||||||
}
|
}
|
||||||
|
|
||||||
a.show_comments {
|
a.show_comments {
|
||||||
color: #999;
|
color: $text-grey;
|
||||||
|
|
||||||
&.active:not(.bottom_collapse) {
|
&.active:not(.bottom_collapse) {
|
||||||
color: #444;
|
color: #444;
|
||||||
|
|
@ -574,7 +574,7 @@ footer {
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
padding: 5px;
|
padding: 5px;
|
||||||
border: {
|
border: {
|
||||||
bottom: 1px solid #999;
|
bottom: 1px solid $border-dark-grey;
|
||||||
}
|
}
|
||||||
.counter {
|
.counter {
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
|
|
@ -799,7 +799,7 @@ textarea#message_text {
|
||||||
|
|
||||||
form#new_conversation.new_conversation {
|
form#new_conversation.new_conversation {
|
||||||
background-color: #FFFFFF;
|
background-color: #FFFFFF;
|
||||||
border-bottom: 1px solid #999999;
|
border-bottom: 1px solid $border-dark-grey;
|
||||||
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
margin: 5px 0 5px 15px;
|
margin: 5px 0 5px 15px;
|
||||||
|
|
@ -1155,7 +1155,7 @@ input#q.search {
|
||||||
background: #fff;
|
background: #fff;
|
||||||
|
|
||||||
&.active {
|
&.active {
|
||||||
border: 1px solid #999;
|
border: 1px solid $border-dark-grey;
|
||||||
}
|
}
|
||||||
position: relative;
|
position: relative;
|
||||||
padding-right: 10px;
|
padding-right: 10px;
|
||||||
|
|
|
||||||
|
|
@ -35,7 +35,7 @@ form.block-form {
|
||||||
|
|
||||||
background-color : #fff;
|
background-color : #fff;
|
||||||
|
|
||||||
border : 1px solid #888;
|
border : 1px solid $border-dark-grey;
|
||||||
|
|
||||||
input[type=text],
|
input[type=text],
|
||||||
input[type=email],
|
input[type=email],
|
||||||
|
|
@ -95,8 +95,8 @@ form.block-form {
|
||||||
@include box-shadow(0, 1px, 2px, rgba(0,0,0,0));
|
@include box-shadow(0, 1px, 2px, rgba(0,0,0,0));
|
||||||
|
|
||||||
background-color : rgb(233,233,233);
|
background-color : rgb(233,233,233);
|
||||||
color : #888;
|
color : $text-grey;
|
||||||
border : 1px solid #888;
|
border : 1px solid $border-dark-grey;
|
||||||
|
|
||||||
//font-family : Roboto-Bold;
|
//font-family : Roboto-Bold;
|
||||||
font-size : 14px;
|
font-size : 14px;
|
||||||
|
|
|
||||||
|
|
@ -31,7 +31,7 @@
|
||||||
background : #99CC00;
|
background : #99CC00;
|
||||||
color : #fff;
|
color : #fff;
|
||||||
text-shadow : 0 -1px 0 #669900;
|
text-shadow : 0 -1px 0 #669900;
|
||||||
border : 1px solid #999;
|
border : 1px solid $border-dark-grey;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background : desaturate(#99CC00, 15%);
|
background : desaturate(#99CC00, 15%);
|
||||||
|
|
@ -98,7 +98,7 @@
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background:#222;
|
background:#222;
|
||||||
border:1px solid #999;
|
border:1px solid $border-dark-grey;
|
||||||
text-decoration:none;
|
text-decoration:none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -22,7 +22,7 @@
|
||||||
|
|
||||||
#forgot_password_link {
|
#forgot_password_link {
|
||||||
margin : 40px;
|
margin : 40px;
|
||||||
color : #999;
|
color : $text-grey;
|
||||||
clear : all;
|
clear : all;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -122,7 +122,7 @@ form p {
|
||||||
}
|
}
|
||||||
|
|
||||||
label {
|
label {
|
||||||
color: $text-grey;
|
color: #999;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
padding-top: 7px;
|
padding-top: 7px;
|
||||||
left: 8px;
|
left: 8px;
|
||||||
|
|
|
||||||
|
|
@ -123,7 +123,7 @@ input.button {
|
||||||
padding: 4px 0;
|
padding: 4px 0;
|
||||||
margin-top: 2px;
|
margin-top: 2px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: 1px solid #999;
|
border: 1px solid $border-dark-grey;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
@include user-select(none);
|
@include user-select(none);
|
||||||
|
|
@ -175,7 +175,7 @@ input.button {
|
||||||
|
|
||||||
&.newItem {
|
&.newItem {
|
||||||
a {
|
a {
|
||||||
color: #999;
|
color: $text-grey;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
|
|
||||||
&:hover {
|
&:hover {
|
||||||
|
|
|
||||||
2
app/assets/stylesheets/vendor/facebox.css
vendored
2
app/assets/stylesheets/vendor/facebox.css
vendored
|
|
@ -8,7 +8,7 @@
|
||||||
|
|
||||||
#facebox .popup{
|
#facebox .popup{
|
||||||
position:relative;
|
position:relative;
|
||||||
border:1px solid #888;
|
border:1px solid #999;
|
||||||
-webkit-border-radius:2px;
|
-webkit-border-radius:2px;
|
||||||
-moz-border-radius:2px;
|
-moz-border-radius:2px;
|
||||||
border-radius:2px;
|
border-radius:2px;
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue