Mirrors/Frost-for-Facebook
1
0
Fork 0
mirror of https://github.com/AllanWang/Frost-for-Facebook.git synced 2024-11-10 04:52:38 +01:00
Code Issues Releases Activity

Add more css

Browse Source
This commit is contained in:
Allan Wang 2017-06-13 23:36:33 -07:00
parent dc032ff328
commit aa01ec691e
7 changed files with 59 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/src/main/assets/css/core/_colors.scss
View File

@ -1,4 +1,4 @@
$transparent: transparent !default;
$bg_transparent: rgba(#f0f, 0.02) !default;
//Keep above as first line so partials aren't compiled
//Our default colors are test colors; production files should always import the actual colors
@ -7,4 +7,5 @@ $text: #d7b0d7 !default;
$link: #8c8dd6 !default;
$background: #451515 !default;
$background2: rgba(lighten($background, 10%), 0.1) !default;
$bg_opaque: rgba($background, 1.0) !default;
$divider: rgba($text, 0.3) !default;

1
app/src/main/assets/css/core/_colors_amoled.scss
View File

@ -1,3 +1,4 @@
$text: #fff;
$link: #B3E5FC;
$background: #000;
$bg_transparent: #000;

5
app/src/main/assets/css/core/_colors_dark.scss
View File

@ -1,3 +1,4 @@
$text: #000;
$text: #fff;
$link: #B3E5FC;
$background: #fafafa;
$background: #303030;
$bg_transparent: #303030;

4
app/src/main/assets/css/core/_colors_glass.scss
View File

@ -1,2 +1,4 @@
$text: #fff;
$background: #80000000;
$link: #B3E5FC;
$background: rgba(#000, 0.3);
$bg_transparent: transparent;

5
app/src/main/assets/css/core/_colors_light.scss
View File

@ -1,3 +1,4 @@
$text: #fff;
$text: #000;
$link: #263238;
$background: #303030;
$background: #fafafa;
$bg_transparent: #fafafa;

22
app/src/main/assets/css/themes/main.compact.css
View File

@ -1,14 +1,28 @@
body, #root, #header, .aclb, ._55wo, ._1upc, input, ._2f9r, ._59e9, ._d4i, .acw, ._3f50, ._uww, textarea { background: #451515 !important; }
#viewport { background: #451515 !important; }
body, #root, #header, .aclb, ._55wo, ._1upc, input, ._2f9r, ._59e9, ._d4i, .acw, ._3f50, ._uww, textarea, ._15n_, ._skt, ._5f28, ._14_j, ._3bg5, ._53_-, ._52x1 { background: rgba(255, 0, 255, 0.02) !important; }
.jewel, .flyout { background: #451515 !important; }
button::before, .touch ._56bt, ._56be::before, .btnS, .touch::before, ._5xo2, ._5u5a::before, ._4u3j, ._15ks, ._2v9s, ._4e8n { background: rgba(108, 33, 33, 0.1) !important; }
input, ._43mh, .touch .btn, p, span, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, ._rnk, ._24u0, ._1g06, ._14ye, textarea, .mentions-input, .mentions-placeholder, h1, h2, h3, h4, h5, h6 { color: #d7b0d7 !important; }
body, input, ._43mh, .touch .btn, p, span, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, ._rnk, ._24u0, ._1g06, ._14ye, textarea, .mentions-input, .mentions-placeholder, .fcw, ._5-7t, h1, h2, h3, h4, h5, h6 { color: #d7b0d7 !important; }
::-webkit-input-placeholder { color: #d7b0d7 !important; }
:-moz-placeholder { color: #d7b0d7 !important; }
::-moz-placeholder { color: #d7b0d7 !important; }
:-ms-input-placeholder { color: #d7b0d7 !important; }
a { color: #8c8dd6 !important; }
._15kl::before { border-left: 1px solid rgba(215, 176, 215, 0.3) !important; }
._15kl::before, ._5j35::after { border-left: 1px solid rgba(215, 176, 215, 0.3) !important; }
._1mx0 { border-top: 1px solid rgba(215, 176, 215, 0.3) !important; }
._1mx0, ._15n_, ._52x1 { border-top: 1px solid rgba(215, 176, 215, 0.3) !important; }
._15ny::after, ._ap1, ._52x1 { border-bottom: 1px solid rgba(215, 176, 215, 0.3) !important; }
._d4i, ._4e8n, ._uww { border: 1px solid rgba(215, 176, 215, 0.3) !important; }

41
app/src/main/assets/css/themes/main.scss
View File

@ -1,48 +1,60 @@
@import "../core/colors";
@import "../core/base";
#viewport {
background: $background !important;
}
body, #root, #header, .aclb, ._55wo, ._1upc, input, ._2f9r, ._59e9,
//friend cards
._d4i,
.acw, ._3f50,
//comment box
._uww, textarea {
background: $background !important;
._uww, textarea, ._15n_, ._skt, ._5f28, ._14_j, ._3bg5, ._53_-, ._52x1 {
background: $bg_transparent !important;
}
.jewel, .flyout {
background: $bg_opaque !important;
}
button::before, .touch ._56bt, ._56be::before, .btnS, .touch::before,
._5xo2, ._5u5a::before, ._4u3j, ._15ks, ._2v9s,
//comment replies
._4e8n {
background: $background2 !important;
}
input, ._43mh, .touch .btn, p, span, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, ._rnk, ._24u0, ._1g06, ._14ye,
textarea, .mentions-input, .mentions-placeholder,
body, input, ._43mh, .touch .btn, p, span, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, ._rnk, ._24u0, ._1g06, ._14ye,
textarea, .mentions-input, .mentions-placeholder, .fcw, ._5-7t,
h1, h2, h3, h4, h5, h6 {
color: $text !important;
}
@include placeholder {
color: $text !important;
}
a {
color: $link !important;
}
//border between like and comment
._15kl::before {
._15kl::before,
._5j35::after {
border-left: 1px solid $divider !important;
}
//above see more
._1mx0 {
._1mx0,
._15n_, ._52x1 {
border-top: 1px solid $divider !important;
}
._15ny::after, ._ap1, ._52x1 {
border-bottom: 1px solid $divider !important;
}
//friend card border
._d4i,
//comment replies
._4e8n,
//comment box
._uww {
border: 1px solid $divider !important;
}
@ -68,3 +80,8 @@ a {
.touch .btnS {
box-shadow: none !important;
}
//menu spinner
[data-sigil="m-loading-indicator-animate m-loading-indicator-root"] {
display: none !important;
}