From 1ea25388cd782e33792eaac3353518673861d057 Mon Sep 17 00:00:00 2001 From: Allan Wang Date: Mon, 31 Dec 2018 19:20:08 -0500 Subject: Theme (#1289) * Convert light theme to use transparent components * Theme menu overflow * Theme more settings and make links a different color * Retheme main tags --- app/src/main/assets/css/core/_colors.scss | 3 +- app/src/main/assets/css/core/_core_bg.scss | 3 +- app/src/main/assets/css/core/_core_border.scss | 1 + app/src/main/assets/css/core/_core_text.scss | 11 ++++---- app/src/main/assets/css/core/_svg.scss | 13 +++++---- app/src/main/assets/css/core/core.css | 17 ++++++----- app/src/main/assets/css/themes/.gitignore | 2 ++ app/src/main/assets/css/themes/custom.css | 15 ++++++---- app/src/main/assets/css/themes/material_amoled.css | 17 ++++++----- .../main/assets/css/themes/material_amoled.scss | 2 +- app/src/main/assets/css/themes/material_dark.css | 17 ++++++----- app/src/main/assets/css/themes/material_dark.scss | 2 +- app/src/main/assets/css/themes/material_glass.css | 17 ++++++----- app/src/main/assets/css/themes/material_glass.scss | 2 +- app/src/main/assets/css/themes/material_light.css | 33 ++++++++++++---------- app/src/main/assets/css/themes/material_light.scss | 5 ++-- 16 files changed, 94 insertions(+), 66 deletions(-) create mode 100644 app/src/main/assets/css/themes/.gitignore diff --git a/app/src/main/assets/css/core/_colors.scss b/app/src/main/assets/css/core/_colors.scss index 3dd3e4b9..c6e90146 100644 --- a/app/src/main/assets/css/core/_colors.scss +++ b/app/src/main/assets/css/core/_colors.scss @@ -4,9 +4,10 @@ $bg_transparent: rgba(#f0f, 0.02) !default; //Our default colors are test colors; production files should always import the actual colors $text: #d7b0d7 !default; -$link: #d59ed5 !default; +$link: #9266d5 !default; $accent: #3b5998 !default; $background: #451515 !default; +// background2 must be transparent $background2: rgba(lighten($background, 35%), 0.35) !default; //Also change ratio in material_light $bg_opaque: rgba($background, 1.0) !default; $bg_opaque2: rgba($background2, 1.0) !default; diff --git a/app/src/main/assets/css/core/_core_bg.scss b/app/src/main/assets/css/core/_core_bg.scss index eba4cd10..21c20bcc 100644 --- a/app/src/main/assets/css/core/_core_bg.scss +++ b/app/src/main/assets/css/core/_core_bg.scss @@ -16,7 +16,8 @@ body, :root, #root, #header, #MComposer, [style*="background-color"], ._1upc, in ._5_z1, ._5_z2, ._2mtc, ._206a, ._1_-1, ._1ybg, .appCenterCategorySelectorButton, ._5_ee, ._3clk, ._5c9u, div._5y57::before, ._59f6._55so::before, .structuredPublisher, ._94v, ._vqv, ._5lp5, ._55wm, ._2om3, ._2ol-, ._1f9d, ._vee, ._31a-, ._3r8b, ._3r9d, ._5vq5, ._3tl8, ._65wz, ._4edl, -.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, +.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, ._1glm, +._ue6, ._hdn._hdn, ._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad, ._3f50, .mentions-placeholder, .mentions, .mentions-shadow, .mentions-measurer, .acg, ._59tu, ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6, diff --git a/app/src/main/assets/css/core/_core_border.scss b/app/src/main/assets/css/core/_core_border.scss index 1beec8e0..27c06d82 100644 --- a/app/src/main/assets/css/core/_core_border.scss +++ b/app/src/main/assets/css/core/_core_border.scss @@ -45,6 +45,7 @@ ._1_y5, ._lr0, ._5hgt, ._2cpp, ._50uu, ._50uw, ._31yd, ._1e3d, ._3xz7, ._1xoz, ._4kcb, ._2lut, .jewel .touchable-notification.touched, .touchable-notification .touchable.touched, .home-notification .touchable.touched, ._6beo ._6ber, +._73ku ._73jw, ._4e8n, ._uww, .mentions-placeholder, .mentions-shadow, .mentions-measurer, ._5whq, ._59tt, ._41ft::after, .jx-tokenizer, ._3uqf, ._4756, ._1rrd, ._5n_f { border: 1px solid $divider !important; diff --git a/app/src/main/assets/css/core/_core_text.scss b/app/src/main/assets/css/core/_core_text.scss index ba2f105b..20d65224 100644 --- a/app/src/main/assets/css/core/_core_text.scss +++ b/app/src/main/assets/css/core/_core_text.scss @@ -4,7 +4,8 @@ ._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr, ._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5, ._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd, -._43mh, .touch .btn, p, span, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, +._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, +._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, ._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu, ._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd, ._5aga, ._5ag9, ._537a, .acy, ._5ro_, ._6-l ._2us7, ._4mp, ._2b08, ._36e0, ._4-dy, @@ -16,6 +17,7 @@ textarea, ._24pi, ._4en9, ._1kb, ._5p7j, ._2klz, ._5780, ._5781, ._5782, ._3c9l, ._3c9m, ._4jn_, ._32qt, ._3mom, ._3moo, ._-7o, ._d00, ._d01, ._559g, ._2new, .appCenterCategorySelectorButton, ._1ksq, ._1kt6, ._6ber, ._mxb, ._3oyd, div.sharerSelector, .footer, ._4pv_, ._1dbp, ._3kad, ._20zc, ._2i5v, ._2i5w, +a, ._5fpq, ._4gux, ._3bg5 ._52x1, ._3bg5 ._52x2, ._6dsj ._3gin, ._hdn._hdn, .mentions-input, .mentions-placeholder, .largeStatusBox .placeHolder, .fcw, ._5-7t, .fcl, ._4qas, .thread-title, .title, ._46pa, ._336p, ._1rrd, ._2om4, ._3m1m, ._2om2, ._5n_e, .appListExplanation, ._5yt8, ._8he, ._2luw, ._5rgs, @@ -23,7 +25,7 @@ h1, h2, h3, h4, h5, h6 { color: $text !important; } -strong > a, ._15ks ._2q8z._2q8z, ._1e3e { +strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName { color: $accent !important; } @@ -31,8 +33,7 @@ strong > a, ._15ks ._2q8z._2q8z, ._1e3e { color: transparent !important; } -//these are links -a, -._5fpq { +// most links do not have a special color. We will highlight those in posts and messages +p > a, .msg span > a { color: $link !important; } \ No newline at end of file diff --git a/app/src/main/assets/css/core/_svg.scss b/app/src/main/assets/css/core/_svg.scss index fa5b0531..7ed3beb2 100644 --- a/app/src/main/assets/css/core/_svg.scss +++ b/app/src/main/assets/css/core/_svg.scss @@ -49,15 +49,18 @@ $share: ''; -$menus: ".sp_89zNula0Qh5_2x", -".sp_MP2OtCXORz9_2x", -".sp_NIWBacTn8LF_2x"; +$menus: ".sp_89zNula0Qh5", +".sp_MP2OtCXORz9", +".sp_NIWBacTn8LF", +// 2018/12/31 +".sp_9ZFVhnFyWsw"; $menu_collector: (); @each $menu in $menus { - $menu_collector: append($menu_collector, unquote('#{$menu}[data-sigil="story-popup-context-init"]'), 'comma'); - $menu_collector: append($menu_collector, unquote('#{$menu}[data-sigil="story-popup-context"]'), 'comma'); + $menu_collector: append($menu_collector, unquote('#{$menu}'), 'comma'); + $menu_collector: append($menu_collector, unquote('#{$menu}_2x'), 'comma'); + $menu_collector: append($menu_collector, unquote('#{$menu}_3x'), 'comma'); } #{$menu_collector} { diff --git a/app/src/main/assets/css/core/core.css b/app/src/main/assets/css/core/core.css index dabef3d8..45b05359 100644 --- a/app/src/main/assets/css/core/core.css +++ b/app/src/main/assets/css/core/core.css @@ -4,7 +4,8 @@ ._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr, ._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5, ._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd, -._43mh, .touch .btn, p, span, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, +._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, +._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, ._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu, ._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd, ._5aga, ._5ag9, ._537a, .acy, ._5ro_, ._6-l ._2us7, ._4mp, ._2b08, ._36e0, ._4-dy, @@ -16,6 +17,7 @@ textarea, ._24pi, ._4en9, ._1kb, ._5p7j, ._2klz, ._5780, ._5781, ._5782, ._3c9l, ._3c9m, ._4jn_, ._32qt, ._3mom, ._3moo, ._-7o, ._d00, ._d01, ._559g, ._2new, .appCenterCategorySelectorButton, ._1ksq, ._1kt6, ._6ber, ._mxb, ._3oyd, div.sharerSelector, .footer, ._4pv_, ._1dbp, ._3kad, ._20zc, ._2i5v, ._2i5w, +a, ._5fpq, ._4gux, ._3bg5 ._52x1, ._3bg5 ._52x2, ._6dsj ._3gin, ._hdn._hdn, .mentions-input, .mentions-placeholder, .largeStatusBox .placeHolder, .fcw, ._5-7t, .fcl, ._4qas, .thread-title, .title, ._46pa, ._336p, ._1rrd, ._2om4, ._3m1m, ._2om2, ._5n_e, .appListExplanation, ._5yt8, ._8he, ._2luw, ._5rgs, @@ -23,7 +25,7 @@ h1, h2, h3, h4, h5, h6 { color: #d7b0d7 !important; } -strong > a, ._15ks ._2q8z._2q8z, ._1e3e { +strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName { color: #3b5998 !important; } @@ -31,16 +33,15 @@ strong > a, ._15ks ._2q8z._2q8z, ._1e3e { color: transparent !important; } -a, -._5fpq { - color: #d59ed5 !important; +p > a, .msg span > a { + color: #9266d5 !important; } #viewport { background: #451515 !important; } -body, :root, #root, #header, [style*=background-color], ._1upc, input, ._2f9r, ._59e9, ._5pz4, ._5lp4, +body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, input, ._2f9r, ._59e9, ._5pz4, ._5lp4, ._5lp5, .container, .subpage, ._5n_f, #static_templates, ._22_8, ._1t4h, ._uoq, ._3qdh, ._8ca, ._3h8i, ._6-l ._2us7, ._6-l ._6-p, ._333v, div.sharerSelector, ._529j, ._305j, ._1pph, ._3t_l, ._4pvz, ._1g05, .acy, ._51-g, ._533c, ._ib-, .sharerAttachmentEmpty, .sharerBottomWrapper, ._24e1, ._-j7, @@ -54,7 +55,8 @@ body, :root, #root, #header, [style*=background-color], ._1upc, input, ._2f9r, . ._5_z1, ._5_z2, ._2mtc, ._206a, ._1_-1, ._1ybg, .appCenterCategorySelectorButton, ._5_ee, ._3clk, ._5c9u, div._5y57::before, ._59f6._55so::before, .structuredPublisher, ._94v, ._vqv, ._5lp5, ._55wm, ._2om3, ._2ol-, ._1f9d, ._vee, ._31a-, ._3r8b, ._3r9d, ._5vq5, ._3tl8, ._65wz, ._4edl, -.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, +.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, ._1glm, +._ue6, ._hdn._hdn, ._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad, ._3f50, .mentions-placeholder, .mentions, .mentions-shadow, .mentions-measurer, .acg, ._59tu, ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6, @@ -161,6 +163,7 @@ button ._v89 ._54k8._1fl1 { ._1_y5, ._lr0, ._5hgt, ._2cpp, ._50uu, ._50uw, ._31yd, ._1e3d, ._3xz7, ._1xoz, ._4kcb, ._2lut, .jewel .touchable-notification.touched, .touchable-notification .touchable.touched, .home-notification .touchable.touched, ._6beo ._6ber, +._73ku ._73jw, ._4e8n, ._uww, .mentions-placeholder, .mentions-shadow, .mentions-measurer, ._5whq, ._59tt, ._41ft::after, .jx-tokenizer, ._3uqf, ._4756, ._1rrd, ._5n_f { border: 1px solid rgba(215, 176, 215, 0.3) !important; diff --git a/app/src/main/assets/css/themes/.gitignore b/app/src/main/assets/css/themes/.gitignore new file mode 100644 index 00000000..01d06441 --- /dev/null +++ b/app/src/main/assets/css/themes/.gitignore @@ -0,0 +1,2 @@ +test.scss +test.css \ No newline at end of file diff --git a/app/src/main/assets/css/themes/custom.css b/app/src/main/assets/css/themes/custom.css index a09e3dd9..ee518218 100644 --- a/app/src/main/assets/css/themes/custom.css +++ b/app/src/main/assets/css/themes/custom.css @@ -4,7 +4,8 @@ ._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr, ._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5, ._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd, -._43mh, .touch .btn, p, span, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, +._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, +._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, ._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu, ._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd, ._5aga, ._5ag9, ._537a, .acy, ._5ro_, ._6-l ._2us7, ._4mp, ._2b08, ._36e0, ._4-dy, @@ -16,6 +17,7 @@ textarea, ._24pi, ._4en9, ._1kb, ._5p7j, ._2klz, ._5780, ._5781, ._5782, ._3c9l, ._3c9m, ._4jn_, ._32qt, ._3mom, ._3moo, ._-7o, ._d00, ._d01, ._559g, ._2new, .appCenterCategorySelectorButton, ._1ksq, ._1kt6, ._6ber, ._mxb, ._3oyd, div.sharerSelector, .footer, ._4pv_, ._1dbp, ._3kad, ._20zc, ._2i5v, ._2i5w, +a, ._5fpq, ._4gux, ._3bg5 ._52x1, ._3bg5 ._52x2, ._6dsj ._3gin, ._hdn._hdn, .mentions-input, .mentions-placeholder, .largeStatusBox .placeHolder, .fcw, ._5-7t, .fcl, ._4qas, .thread-title, .title, ._46pa, ._336p, ._1rrd, ._2om4, ._3m1m, ._2om2, ._5n_e, .appListExplanation, ._5yt8, ._8he, ._2luw, ._5rgs, @@ -23,7 +25,7 @@ h1, h2, h3, h4, h5, h6 { color: $T$ !important; } -strong > a, ._15ks ._2q8z._2q8z, ._1e3e { +strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName { color: $A$ !important; } @@ -31,8 +33,7 @@ strong > a, ._15ks ._2q8z._2q8z, ._1e3e { color: transparent !important; } -a, -._5fpq { +p > a, .msg span > a { color: $TT$ !important; } @@ -54,7 +55,8 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu ._5_z1, ._5_z2, ._2mtc, ._206a, ._1_-1, ._1ybg, .appCenterCategorySelectorButton, ._5_ee, ._3clk, ._5c9u, div._5y57::before, ._59f6._55so::before, .structuredPublisher, ._94v, ._vqv, ._5lp5, ._55wm, ._2om3, ._2ol-, ._1f9d, ._vee, ._31a-, ._3r8b, ._3r9d, ._5vq5, ._3tl8, ._65wz, ._4edl, -.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, +.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, ._1glm, +._ue6, ._hdn._hdn, ._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad, ._3f50, .mentions-placeholder, .mentions, .mentions-shadow, .mentions-measurer, .acg, ._59tu, ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6, @@ -161,6 +163,7 @@ button ._v89 ._54k8._1fl1 { ._1_y5, ._lr0, ._5hgt, ._2cpp, ._50uu, ._50uw, ._31yd, ._1e3d, ._3xz7, ._1xoz, ._4kcb, ._2lut, .jewel .touchable-notification.touched, .touchable-notification .touchable.touched, .home-notification .touchable.touched, ._6beo ._6ber, +._73ku ._73jw, ._4e8n, ._uww, .mentions-placeholder, .mentions-shadow, .mentions-measurer, ._5whq, ._59tt, ._41ft::after, .jx-tokenizer, ._3uqf, ._4756, ._1rrd, ._5n_f { border: 1px solid $D$ !important; @@ -321,7 +324,7 @@ button ._v89 ._54k8._1fl1 { background-position: center !important; } -.sp_89zNula0Qh5_2x[data-sigil=story-popup-context-init], .sp_89zNula0Qh5_2x[data-sigil=story-popup-context], .sp_MP2OtCXORz9_2x[data-sigil=story-popup-context-init], .sp_MP2OtCXORz9_2x[data-sigil=story-popup-context], .sp_NIWBacTn8LF_2x[data-sigil=story-popup-context-init], .sp_NIWBacTn8LF_2x[data-sigil=story-popup-context] { +.sp_89zNula0Qh5, .sp_89zNula0Qh5_2x, .sp_89zNula0Qh5_3x, .sp_MP2OtCXORz9, .sp_MP2OtCXORz9_2x, .sp_MP2OtCXORz9_3x, .sp_NIWBacTn8LF, .sp_NIWBacTn8LF_2x, .sp_NIWBacTn8LF_3x, .sp_9ZFVhnFyWsw, .sp_9ZFVhnFyWsw_2x, .sp_9ZFVhnFyWsw_3x { background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" d="M0 0h24v24H0z"/%3E%3Cpath fill="$T$" d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/%3E%3C/svg%3E') no-repeat !important; background-position: center !important; } diff --git a/app/src/main/assets/css/themes/material_amoled.css b/app/src/main/assets/css/themes/material_amoled.css index 58f34c71..a33f5b77 100644 --- a/app/src/main/assets/css/themes/material_amoled.css +++ b/app/src/main/assets/css/themes/material_amoled.css @@ -4,7 +4,8 @@ ._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr, ._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5, ._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd, -._43mh, .touch .btn, p, span, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, +._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, +._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, ._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu, ._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd, ._5aga, ._5ag9, ._537a, .acy, ._5ro_, ._6-l ._2us7, ._4mp, ._2b08, ._36e0, ._4-dy, @@ -16,6 +17,7 @@ textarea, ._24pi, ._4en9, ._1kb, ._5p7j, ._2klz, ._5780, ._5781, ._5782, ._3c9l, ._3c9m, ._4jn_, ._32qt, ._3mom, ._3moo, ._-7o, ._d00, ._d01, ._559g, ._2new, .appCenterCategorySelectorButton, ._1ksq, ._1kt6, ._6ber, ._mxb, ._3oyd, div.sharerSelector, .footer, ._4pv_, ._1dbp, ._3kad, ._20zc, ._2i5v, ._2i5w, +a, ._5fpq, ._4gux, ._3bg5 ._52x1, ._3bg5 ._52x2, ._6dsj ._3gin, ._hdn._hdn, .mentions-input, .mentions-placeholder, .largeStatusBox .placeHolder, .fcw, ._5-7t, .fcl, ._4qas, .thread-title, .title, ._46pa, ._336p, ._1rrd, ._2om4, ._3m1m, ._2om2, ._5n_e, .appListExplanation, ._5yt8, ._8he, ._2luw, ._5rgs, @@ -23,7 +25,7 @@ h1, h2, h3, h4, h5, h6 { color: #fff !important; } -strong > a, ._15ks ._2q8z._2q8z, ._1e3e { +strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName { color: #5d86dd !important; } @@ -31,9 +33,8 @@ strong > a, ._15ks ._2q8z._2q8z, ._1e3e { color: transparent !important; } -a, -._5fpq { - color: #eee !important; +p > a, .msg span > a { + color: #5d86dd !important; } #viewport { @@ -54,7 +55,8 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu ._5_z1, ._5_z2, ._2mtc, ._206a, ._1_-1, ._1ybg, .appCenterCategorySelectorButton, ._5_ee, ._3clk, ._5c9u, div._5y57::before, ._59f6._55so::before, .structuredPublisher, ._94v, ._vqv, ._5lp5, ._55wm, ._2om3, ._2ol-, ._1f9d, ._vee, ._31a-, ._3r8b, ._3r9d, ._5vq5, ._3tl8, ._65wz, ._4edl, -.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, +.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, ._1glm, +._ue6, ._hdn._hdn, ._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad, ._3f50, .mentions-placeholder, .mentions, .mentions-shadow, .mentions-measurer, .acg, ._59tu, ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6, @@ -161,6 +163,7 @@ button ._v89 ._54k8._1fl1 { ._1_y5, ._lr0, ._5hgt, ._2cpp, ._50uu, ._50uw, ._31yd, ._1e3d, ._3xz7, ._1xoz, ._4kcb, ._2lut, .jewel .touchable-notification.touched, .touchable-notification .touchable.touched, .home-notification .touchable.touched, ._6beo ._6ber, +._73ku ._73jw, ._4e8n, ._uww, .mentions-placeholder, .mentions-shadow, .mentions-measurer, ._5whq, ._59tt, ._41ft::after, .jx-tokenizer, ._3uqf, ._4756, ._1rrd, ._5n_f { border: 1px solid rgba(255, 255, 255, 0.3) !important; @@ -321,7 +324,7 @@ button ._v89 ._54k8._1fl1 { background-position: center !important; } -.sp_89zNula0Qh5_2x[data-sigil=story-popup-context-init], .sp_89zNula0Qh5_2x[data-sigil=story-popup-context], .sp_MP2OtCXORz9_2x[data-sigil=story-popup-context-init], .sp_MP2OtCXORz9_2x[data-sigil=story-popup-context], .sp_NIWBacTn8LF_2x[data-sigil=story-popup-context-init], .sp_NIWBacTn8LF_2x[data-sigil=story-popup-context] { +.sp_89zNula0Qh5, .sp_89zNula0Qh5_2x, .sp_89zNula0Qh5_3x, .sp_MP2OtCXORz9, .sp_MP2OtCXORz9_2x, .sp_MP2OtCXORz9_3x, .sp_NIWBacTn8LF, .sp_NIWBacTn8LF_2x, .sp_NIWBacTn8LF_3x, .sp_9ZFVhnFyWsw, .sp_9ZFVhnFyWsw_2x, .sp_9ZFVhnFyWsw_3x { background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" d="M0 0h24v24H0z"/%3E%3Cpath fill="%23fff" d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/%3E%3C/svg%3E') no-repeat !important; background-position: center !important; } diff --git a/app/src/main/assets/css/themes/material_amoled.scss b/app/src/main/assets/css/themes/material_amoled.scss index 11deeb69..442d6194 100644 --- a/app/src/main/assets/css/themes/material_amoled.scss +++ b/app/src/main/assets/css/themes/material_amoled.scss @@ -1,5 +1,5 @@ $text: #fff; -$link: #eee; +$link: #5d86dd; $accent: #5d86dd; $background: #000; $background2: rgba($background, 0.35); diff --git a/app/src/main/assets/css/themes/material_dark.css b/app/src/main/assets/css/themes/material_dark.css index 4ec645c8..1f650f41 100644 --- a/app/src/main/assets/css/themes/material_dark.css +++ b/app/src/main/assets/css/themes/material_dark.css @@ -4,7 +4,8 @@ ._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr, ._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5, ._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd, -._43mh, .touch .btn, p, span, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, +._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, +._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, ._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu, ._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd, ._5aga, ._5ag9, ._537a, .acy, ._5ro_, ._6-l ._2us7, ._4mp, ._2b08, ._36e0, ._4-dy, @@ -16,6 +17,7 @@ textarea, ._24pi, ._4en9, ._1kb, ._5p7j, ._2klz, ._5780, ._5781, ._5782, ._3c9l, ._3c9m, ._4jn_, ._32qt, ._3mom, ._3moo, ._-7o, ._d00, ._d01, ._559g, ._2new, .appCenterCategorySelectorButton, ._1ksq, ._1kt6, ._6ber, ._mxb, ._3oyd, div.sharerSelector, .footer, ._4pv_, ._1dbp, ._3kad, ._20zc, ._2i5v, ._2i5w, +a, ._5fpq, ._4gux, ._3bg5 ._52x1, ._3bg5 ._52x2, ._6dsj ._3gin, ._hdn._hdn, .mentions-input, .mentions-placeholder, .largeStatusBox .placeHolder, .fcw, ._5-7t, .fcl, ._4qas, .thread-title, .title, ._46pa, ._336p, ._1rrd, ._2om4, ._3m1m, ._2om2, ._5n_e, .appListExplanation, ._5yt8, ._8he, ._2luw, ._5rgs, @@ -23,7 +25,7 @@ h1, h2, h3, h4, h5, h6 { color: #fff !important; } -strong > a, ._15ks ._2q8z._2q8z, ._1e3e { +strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName { color: #5d86dd !important; } @@ -31,9 +33,8 @@ strong > a, ._15ks ._2q8z._2q8z, ._1e3e { color: transparent !important; } -a, -._5fpq { - color: #eee !important; +p > a, .msg span > a { + color: #5d86dd !important; } #viewport { @@ -54,7 +55,8 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu ._5_z1, ._5_z2, ._2mtc, ._206a, ._1_-1, ._1ybg, .appCenterCategorySelectorButton, ._5_ee, ._3clk, ._5c9u, div._5y57::before, ._59f6._55so::before, .structuredPublisher, ._94v, ._vqv, ._5lp5, ._55wm, ._2om3, ._2ol-, ._1f9d, ._vee, ._31a-, ._3r8b, ._3r9d, ._5vq5, ._3tl8, ._65wz, ._4edl, -.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, +.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, ._1glm, +._ue6, ._hdn._hdn, ._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad, ._3f50, .mentions-placeholder, .mentions, .mentions-shadow, .mentions-measurer, .acg, ._59tu, ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6, @@ -161,6 +163,7 @@ button ._v89 ._54k8._1fl1 { ._1_y5, ._lr0, ._5hgt, ._2cpp, ._50uu, ._50uw, ._31yd, ._1e3d, ._3xz7, ._1xoz, ._4kcb, ._2lut, .jewel .touchable-notification.touched, .touchable-notification .touchable.touched, .home-notification .touchable.touched, ._6beo ._6ber, +._73ku ._73jw, ._4e8n, ._uww, .mentions-placeholder, .mentions-shadow, .mentions-measurer, ._5whq, ._59tt, ._41ft::after, .jx-tokenizer, ._3uqf, ._4756, ._1rrd, ._5n_f { border: 1px solid rgba(255, 255, 255, 0.3) !important; @@ -321,7 +324,7 @@ button ._v89 ._54k8._1fl1 { background-position: center !important; } -.sp_89zNula0Qh5_2x[data-sigil=story-popup-context-init], .sp_89zNula0Qh5_2x[data-sigil=story-popup-context], .sp_MP2OtCXORz9_2x[data-sigil=story-popup-context-init], .sp_MP2OtCXORz9_2x[data-sigil=story-popup-context], .sp_NIWBacTn8LF_2x[data-sigil=story-popup-context-init], .sp_NIWBacTn8LF_2x[data-sigil=story-popup-context] { +.sp_89zNula0Qh5, .sp_89zNula0Qh5_2x, .sp_89zNula0Qh5_3x, .sp_MP2OtCXORz9, .sp_MP2OtCXORz9_2x, .sp_MP2OtCXORz9_3x, .sp_NIWBacTn8LF, .sp_NIWBacTn8LF_2x, .sp_NIWBacTn8LF_3x, .sp_9ZFVhnFyWsw, .sp_9ZFVhnFyWsw_2x, .sp_9ZFVhnFyWsw_3x { background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" d="M0 0h24v24H0z"/%3E%3Cpath fill="%23fff" d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/%3E%3C/svg%3E') no-repeat !important; background-position: center !important; } diff --git a/app/src/main/assets/css/themes/material_dark.scss b/app/src/main/assets/css/themes/material_dark.scss index 464e0308..47f04c42 100644 --- a/app/src/main/assets/css/themes/material_dark.scss +++ b/app/src/main/assets/css/themes/material_dark.scss @@ -1,5 +1,5 @@ $text: #fff; -$link: #eee; +$link: #5d86dd; $accent: #5d86dd; $background: #303030; $bg_transparent: $background; diff --git a/app/src/main/assets/css/themes/material_glass.css b/app/src/main/assets/css/themes/material_glass.css index 6d032824..be6729ca 100644 --- a/app/src/main/assets/css/themes/material_glass.css +++ b/app/src/main/assets/css/themes/material_glass.css @@ -4,7 +4,8 @@ ._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr, ._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5, ._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd, -._43mh, .touch .btn, p, span, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, +._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, +._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, ._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu, ._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd, ._5aga, ._5ag9, ._537a, .acy, ._5ro_, ._6-l ._2us7, ._4mp, ._2b08, ._36e0, ._4-dy, @@ -16,6 +17,7 @@ textarea, ._24pi, ._4en9, ._1kb, ._5p7j, ._2klz, ._5780, ._5781, ._5782, ._3c9l, ._3c9m, ._4jn_, ._32qt, ._3mom, ._3moo, ._-7o, ._d00, ._d01, ._559g, ._2new, .appCenterCategorySelectorButton, ._1ksq, ._1kt6, ._6ber, ._mxb, ._3oyd, div.sharerSelector, .footer, ._4pv_, ._1dbp, ._3kad, ._20zc, ._2i5v, ._2i5w, +a, ._5fpq, ._4gux, ._3bg5 ._52x1, ._3bg5 ._52x2, ._6dsj ._3gin, ._hdn._hdn, .mentions-input, .mentions-placeholder, .largeStatusBox .placeHolder, .fcw, ._5-7t, .fcl, ._4qas, .thread-title, .title, ._46pa, ._336p, ._1rrd, ._2om4, ._3m1m, ._2om2, ._5n_e, .appListExplanation, ._5yt8, ._8he, ._2luw, ._5rgs, @@ -23,7 +25,7 @@ h1, h2, h3, h4, h5, h6 { color: #fff !important; } -strong > a, ._15ks ._2q8z._2q8z, ._1e3e { +strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName { color: #5d86dd !important; } @@ -31,9 +33,8 @@ strong > a, ._15ks ._2q8z._2q8z, ._1e3e { color: transparent !important; } -a, -._5fpq { - color: #eee !important; +p > a, .msg span > a { + color: #5d86dd !important; } #viewport { @@ -54,7 +55,8 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu ._5_z1, ._5_z2, ._2mtc, ._206a, ._1_-1, ._1ybg, .appCenterCategorySelectorButton, ._5_ee, ._3clk, ._5c9u, div._5y57::before, ._59f6._55so::before, .structuredPublisher, ._94v, ._vqv, ._5lp5, ._55wm, ._2om3, ._2ol-, ._1f9d, ._vee, ._31a-, ._3r8b, ._3r9d, ._5vq5, ._3tl8, ._65wz, ._4edl, -.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, +.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, ._1glm, +._ue6, ._hdn._hdn, ._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad, ._3f50, .mentions-placeholder, .mentions, .mentions-shadow, .mentions-measurer, .acg, ._59tu, ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6, @@ -161,6 +163,7 @@ button ._v89 ._54k8._1fl1 { ._1_y5, ._lr0, ._5hgt, ._2cpp, ._50uu, ._50uw, ._31yd, ._1e3d, ._3xz7, ._1xoz, ._4kcb, ._2lut, .jewel .touchable-notification.touched, .touchable-notification .touchable.touched, .home-notification .touchable.touched, ._6beo ._6ber, +._73ku ._73jw, ._4e8n, ._uww, .mentions-placeholder, .mentions-shadow, .mentions-measurer, ._5whq, ._59tt, ._41ft::after, .jx-tokenizer, ._3uqf, ._4756, ._1rrd, ._5n_f { border: 1px solid rgba(255, 255, 255, 0.3) !important; @@ -321,7 +324,7 @@ button ._v89 ._54k8._1fl1 { background-position: center !important; } -.sp_89zNula0Qh5_2x[data-sigil=story-popup-context-init], .sp_89zNula0Qh5_2x[data-sigil=story-popup-context], .sp_MP2OtCXORz9_2x[data-sigil=story-popup-context-init], .sp_MP2OtCXORz9_2x[data-sigil=story-popup-context], .sp_NIWBacTn8LF_2x[data-sigil=story-popup-context-init], .sp_NIWBacTn8LF_2x[data-sigil=story-popup-context] { +.sp_89zNula0Qh5, .sp_89zNula0Qh5_2x, .sp_89zNula0Qh5_3x, .sp_MP2OtCXORz9, .sp_MP2OtCXORz9_2x, .sp_MP2OtCXORz9_3x, .sp_NIWBacTn8LF, .sp_NIWBacTn8LF_2x, .sp_NIWBacTn8LF_3x, .sp_9ZFVhnFyWsw, .sp_9ZFVhnFyWsw_2x, .sp_9ZFVhnFyWsw_3x { background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" d="M0 0h24v24H0z"/%3E%3Cpath fill="%23fff" d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/%3E%3C/svg%3E') no-repeat !important; background-position: center !important; } diff --git a/app/src/main/assets/css/themes/material_glass.scss b/app/src/main/assets/css/themes/material_glass.scss index d2d3fe98..0f14aa5d 100644 --- a/app/src/main/assets/css/themes/material_glass.scss +++ b/app/src/main/assets/css/themes/material_glass.scss @@ -1,5 +1,5 @@ $text: #fff; -$link: #eee; +$link: #5d86dd; $accent: #5d86dd; $background: rgba(#000, 0.1); $bg_transparent: transparent; diff --git a/app/src/main/assets/css/themes/material_light.css b/app/src/main/assets/css/themes/material_light.css index 1a7c667f..ccfa0990 100644 --- a/app/src/main/assets/css/themes/material_light.css +++ b/app/src/main/assets/css/themes/material_light.css @@ -4,7 +4,8 @@ ._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr, ._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5, ._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd, -._43mh, .touch .btn, p, span, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, +._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, +._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, ._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu, ._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd, ._5aga, ._5ag9, ._537a, .acy, ._5ro_, ._6-l ._2us7, ._4mp, ._2b08, ._36e0, ._4-dy, @@ -16,6 +17,7 @@ textarea, ._24pi, ._4en9, ._1kb, ._5p7j, ._2klz, ._5780, ._5781, ._5782, ._3c9l, ._3c9m, ._4jn_, ._32qt, ._3mom, ._3moo, ._-7o, ._d00, ._d01, ._559g, ._2new, .appCenterCategorySelectorButton, ._1ksq, ._1kt6, ._6ber, ._mxb, ._3oyd, div.sharerSelector, .footer, ._4pv_, ._1dbp, ._3kad, ._20zc, ._2i5v, ._2i5w, +a, ._5fpq, ._4gux, ._3bg5 ._52x1, ._3bg5 ._52x2, ._6dsj ._3gin, ._hdn._hdn, .mentions-input, .mentions-placeholder, .largeStatusBox .placeHolder, .fcw, ._5-7t, .fcl, ._4qas, .thread-title, .title, ._46pa, ._336p, ._1rrd, ._2om4, ._3m1m, ._2om2, ._5n_e, .appListExplanation, ._5yt8, ._8he, ._2luw, ._5rgs, @@ -23,7 +25,7 @@ h1, h2, h3, h4, h5, h6 { color: #000 !important; } -strong > a, ._15ks ._2q8z._2q8z, ._1e3e { +strong > a, ._15ks ._2q8z._2q8z, ._1e3e, .blueName { color: #3b5998 !important; } @@ -31,9 +33,8 @@ strong > a, ._15ks ._2q8z._2q8z, ._1e3e { color: transparent !important; } -a, -._5fpq { - color: #111 !important; +p > a, .msg span > a { + color: #3b5998 !important; } #viewport { @@ -54,7 +55,8 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu ._5_z1, ._5_z2, ._2mtc, ._206a, ._1_-1, ._1ybg, .appCenterCategorySelectorButton, ._5_ee, ._3clk, ._5c9u, div._5y57::before, ._59f6._55so::before, .structuredPublisher, ._94v, ._vqv, ._5lp5, ._55wm, ._2om3, ._2ol-, ._1f9d, ._vee, ._31a-, ._3r8b, ._3r9d, ._5vq5, ._3tl8, ._65wz, ._4edl, -.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, +.acw, ._4_xl, ._1p70, ._1p70, ._1ih_, ._51v6, ._u2c, ._484w, ._3ils, ._rm7, ._32qk, ._d01, ._1glm, +._ue6, ._hdn._hdn, ._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad, ._3f50, .mentions-placeholder, .mentions, .mentions-shadow, .mentions-measurer, .acg, ._59tu, ._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6, @@ -85,7 +87,7 @@ body, :root, #root, #header, #MComposer, [style*=background-color], ._1upc, inpu } ._403n, ._14v5 ._14v8, ._1-kc { - background: #e5e5e5 !important; + background: #e6e6e6 !important; } button:not([style*=image]):not(.privacyButtons), button::before, .touch ._56bt, ._56be::before, .btnS, .touch::before, @@ -100,7 +102,7 @@ button:not([style*=image]):not(.privacyButtons), button::before, .touch ._56bt, ._4qax, ._4756, ._w34, ._56bv::before, ._5769, ._34iv, ._z-w, ._t21, .mToken, #addMembersTypeahead .mToken.mTokenWeakReference, .acbk { - background: #e5e5e5 !important; + background: rgba(230, 230, 230, 0.35) !important; } .mQuestionsPollResultsBar .shaded { @@ -161,6 +163,7 @@ button ._v89 ._54k8._1fl1 { ._1_y5, ._lr0, ._5hgt, ._2cpp, ._50uu, ._50uw, ._31yd, ._1e3d, ._3xz7, ._1xoz, ._4kcb, ._2lut, .jewel .touchable-notification.touched, .touchable-notification .touchable.touched, .home-notification .touchable.touched, ._6beo ._6ber, +._73ku ._73jw, ._4e8n, ._uww, .mentions-placeholder, .mentions-shadow, .mentions-measurer, ._5whq, ._59tt, ._41ft::after, .jx-tokenizer, ._3uqf, ._4756, ._1rrd, ._5n_f { border: 1px solid rgba(0, 0, 0, 0.3) !important; @@ -241,7 +244,7 @@ button ._v89 ._54k8._1fl1 { @-webkit-keyframes highlightFade { 0%, 50% { - background: #e5e5e5; + background: rgba(230, 230, 230, 0.35); } 100% { background: #fafafa; @@ -249,7 +252,7 @@ button ._v89 ._54k8._1fl1 { } @-moz-keyframes highlightFade { 0%, 50% { - background: #e5e5e5; + background: rgba(230, 230, 230, 0.35); } 100% { background: #fafafa; @@ -257,7 +260,7 @@ button ._v89 ._54k8._1fl1 { } @keyframes highlightFade { 0%, 50% { - background: #e5e5e5; + background: rgba(230, 230, 230, 0.35); } 100% { background: #fafafa; @@ -268,7 +271,7 @@ button ._v89 ._54k8._1fl1 { background: #fafafa; } 50% { - background: #e5e5e5; + background: rgba(230, 230, 230, 0.35); } } @-moz-keyframes chatHighlightAnimation { @@ -276,7 +279,7 @@ button ._v89 ._54k8._1fl1 { background: #fafafa; } 50% { - background: #e5e5e5; + background: rgba(230, 230, 230, 0.35); } } @keyframes chatHighlightAnimation { @@ -284,7 +287,7 @@ button ._v89 ._54k8._1fl1 { background: #fafafa; } 50% { - background: #e5e5e5; + background: rgba(230, 230, 230, 0.35); } } ._50uu { @@ -321,7 +324,7 @@ button ._v89 ._54k8._1fl1 { background-position: center !important; } -.sp_89zNula0Qh5_2x[data-sigil=story-popup-context-init], .sp_89zNula0Qh5_2x[data-sigil=story-popup-context], .sp_MP2OtCXORz9_2x[data-sigil=story-popup-context-init], .sp_MP2OtCXORz9_2x[data-sigil=story-popup-context], .sp_NIWBacTn8LF_2x[data-sigil=story-popup-context-init], .sp_NIWBacTn8LF_2x[data-sigil=story-popup-context] { +.sp_89zNula0Qh5, .sp_89zNula0Qh5_2x, .sp_89zNula0Qh5_3x, .sp_MP2OtCXORz9, .sp_MP2OtCXORz9_2x, .sp_MP2OtCXORz9_3x, .sp_NIWBacTn8LF, .sp_NIWBacTn8LF_2x, .sp_NIWBacTn8LF_3x, .sp_9ZFVhnFyWsw, .sp_9ZFVhnFyWsw_2x, .sp_9ZFVhnFyWsw_3x { background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"%3E%3Cpath fill="none" d="M0 0h24v24H0z"/%3E%3Cpath fill="%23000" d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"/%3E%3C/svg%3E') no-repeat !important; background-position: center !important; } diff --git a/app/src/main/assets/css/themes/material_light.scss b/app/src/main/assets/css/themes/material_light.scss index 6f3794d3..b0a16757 100644 --- a/app/src/main/assets/css/themes/material_light.scss +++ b/app/src/main/assets/css/themes/material_light.scss @@ -1,10 +1,11 @@ $text: #000; -$link: #111; +$link: #3b5998; $accent: #3b5998; $background: #fafafa; // this is actually the inverse of material light (bg should be gray, cards should be white), // but it looks better than the alternative -$background2: #e5e5e5; +$background2: rgba(darken($background, 8%), 0.35); + $bg_transparent: $background; $card: #fff; -- cgit v1.2.3