mirror of
https://github.com/AllanWang/Frost-for-Facebook.git
synced 2024-11-08 12:02:33 +01:00
Tests transparent theme
This commit is contained in:
parent
240dc864e1
commit
0ee36262f7
@ -17,6 +17,7 @@
|
||||
package com.pitchedapps.frost.hilt
|
||||
|
||||
import android.content.Context
|
||||
import android.graphics.Color
|
||||
import androidx.core.app.NotificationManagerCompat
|
||||
import com.google.common.flogger.FluentLogger
|
||||
import com.pitchedapps.frost.BuildConfig
|
||||
@ -93,6 +94,7 @@ object FrostModule {
|
||||
val settings =
|
||||
GeckoRuntimeSettings.Builder()
|
||||
.consoleOutput(BuildConfig.DEBUG)
|
||||
.useMaxScreenDepth(true)
|
||||
.loginAutofillEnabled(true)
|
||||
// .debugLogging(false)
|
||||
.debugLogging(BuildConfig.DEBUG)
|
||||
@ -111,7 +113,7 @@ object FrostModule {
|
||||
@Provides
|
||||
@Singleton
|
||||
fun settings(@Frost userAgent: Optional<String>): Settings {
|
||||
return DefaultSettings(userAgentString = userAgent.getOrNull())
|
||||
return DefaultSettings(userAgentString = userAgent.getOrNull(), clearColor = Color.TRANSPARENT)
|
||||
}
|
||||
|
||||
@Provides
|
||||
|
@ -28,6 +28,9 @@
|
||||
],
|
||||
"js": [
|
||||
"js/click_a.js"
|
||||
],
|
||||
"css": [
|
||||
"css/facebook/themes/material_glass.css"
|
||||
]
|
||||
}
|
||||
],
|
||||
|
129
app-compose/src/web/scss/core/_base.scss
Normal file
129
app-compose/src/web/scss/core/_base.scss
Normal file
@ -0,0 +1,129 @@
|
||||
@use 'sass:math';
|
||||
|
||||
@mixin placeholder {
|
||||
::placeholder {
|
||||
@content;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
@content;
|
||||
}
|
||||
|
||||
:-moz-placeholder {
|
||||
@content;
|
||||
}
|
||||
|
||||
::-moz-placeholder {
|
||||
@content;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
@content;
|
||||
}
|
||||
|
||||
::-ms-input-placeholder {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
@mixin fill-available {
|
||||
width: 100%;
|
||||
max-width: -webkit-fill-available;
|
||||
max-width: -moz-available;
|
||||
max-width: fill-available;
|
||||
}
|
||||
|
||||
@mixin keyframes($name) {
|
||||
@-webkit-keyframes #{$name} {
|
||||
@content;
|
||||
}
|
||||
|
||||
@-moz-keyframes #{$name} {
|
||||
@content;
|
||||
}
|
||||
|
||||
//@-ms-keyframes #{$name} {
|
||||
// @content;
|
||||
//}
|
||||
|
||||
@keyframes #{$name} {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
|
||||
// Helper function to replace characters in a string
|
||||
@function str-replace($string, $search, $replace: "") {
|
||||
$index: str-index($string, $search);
|
||||
|
||||
@return if(
|
||||
$index,
|
||||
str-slice($string, 1, $index - 1) + $replace +
|
||||
str-replace(str-slice($string, $index + str-length($search)), $search, $replace),
|
||||
$string
|
||||
);
|
||||
}
|
||||
|
||||
// https://css-tricks.com/probably-dont-base64-svg/
|
||||
// SVG optimization thanks to https://codepen.io/jakob-e/pen/doMoML
|
||||
// Function to create an optimized svg url
|
||||
// Version: 1.0.6
|
||||
@function svg-url($svg) {
|
||||
//
|
||||
// Add missing namespace
|
||||
//
|
||||
@if not str-index($svg, xmlns) {
|
||||
$svg: str-replace($svg, "<svg", '<svg xmlns="http://www.w3.org/2000/svg"');
|
||||
}
|
||||
|
||||
//
|
||||
// Chunk up string in order to avoid
|
||||
// "stack level too deep" error
|
||||
//
|
||||
$encoded: "";
|
||||
$slice: 2000;
|
||||
$index: 0;
|
||||
$loops: ceil(math.div(str-length($svg), $slice));
|
||||
|
||||
@for $i from 1 through $loops {
|
||||
$chunk: str-slice($svg, $index, $index + $slice - 1);
|
||||
|
||||
//
|
||||
// Encode
|
||||
//
|
||||
//$chunk: str-replace($chunk, '"', """);
|
||||
$chunk: str-replace($chunk, "%", "%25");
|
||||
$chunk: str-replace($chunk, "#", "%23");
|
||||
$chunk: str-replace($chunk, "{", "%7B");
|
||||
$chunk: str-replace($chunk, "}", "%7D");
|
||||
$chunk: str-replace($chunk, "<", "%3C");
|
||||
$chunk: str-replace($chunk, ">", "%3E");
|
||||
|
||||
//
|
||||
// The maybe list
|
||||
//
|
||||
// Keep size and compile time down
|
||||
// ... only add on documented fail
|
||||
//
|
||||
// $chunk: str-replace($chunk, '&', '%26');
|
||||
// $chunk: str-replace($chunk, '|', '%7C');
|
||||
// $chunk: str-replace($chunk, '[', '%5B');
|
||||
// $chunk: str-replace($chunk, ']', '%5D');
|
||||
// $chunk: str-replace($chunk, '^', '%5E');
|
||||
// $chunk: str-replace($chunk, '`', '%60');
|
||||
// $chunk: str-replace($chunk, ';', '%3B');
|
||||
// $chunk: str-replace($chunk, '?', '%3F');
|
||||
// $chunk: str-replace($chunk, ':', '%3A');
|
||||
// $chunk: str-replace($chunk, '@', '%40');
|
||||
// $chunk: str-replace($chunk, '=', '%3D');
|
||||
|
||||
$encoded: #{$encoded}#{$chunk};
|
||||
$index: $index + $slice;
|
||||
}
|
||||
|
||||
@return url("data:image/svg+xml,#{$encoded}");
|
||||
}
|
||||
|
||||
// Background svg mixin
|
||||
@mixin background-svg($svg, $extra: "no-repeat") {
|
||||
background: svg-url($svg) unquote($extra) !important;
|
||||
}
|
19
app-compose/src/web/scss/core/_colors.scss
Normal file
19
app-compose/src/web/scss/core/_colors.scss
Normal file
@ -0,0 +1,19 @@
|
||||
$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
|
||||
|
||||
$text: #d7b0d7 !default;
|
||||
$text_disabled: rgba($text, 0.6) !default;
|
||||
// must be visible with accent as the background
|
||||
$accent_text: #76d7c2 !default;
|
||||
$link: #9266d5 !default;
|
||||
$accent: #980008 !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;
|
||||
$card: #239645 !default;
|
||||
$tint: #ff4682 !default; // must be different from $background
|
||||
$divider: rgba($text, 0.3) !default;
|
49
app-compose/src/web/scss/core/_core_vars.scss
Normal file
49
app-compose/src/web/scss/core/_core_vars.scss
Normal file
@ -0,0 +1,49 @@
|
||||
:root, .__fb-light-mode {
|
||||
--accent: #{$accent} !important;
|
||||
--attachment-footer-background: #{$bg_opaque} !important;
|
||||
--background-deemphasized: #{$background} !important;
|
||||
--card-background: #{$bg_opaque} !important;
|
||||
--card-background-flat: #{$bg_opaque} !important;
|
||||
--comment-background: #{$bg_opaque2} !important;
|
||||
--comment-footer-background: #{$bg_opaque} !important;
|
||||
--darkreader-bg--fds-white: #{$bg_opaque} !important;
|
||||
--darkreader-text--primary-text: #{$text} !important;
|
||||
--darkreader-text--secondary-text: #{$text} !important;
|
||||
--disabled-button-background: #{$divider} !important;
|
||||
--disabled-button-text: #{$text_disabled} !important;
|
||||
--disabled-icon: #{$text_disabled} !important;
|
||||
--disabled-text: #{$text_disabled} !important;
|
||||
--divider: #{$divider} !important;
|
||||
--event-date: #{$accent} !important;
|
||||
--fds-white: #{$background} !important;
|
||||
--glimmer-spinner-icon: #{$accent} !important;
|
||||
--hero-banner-background: #{$bg_opaque2} !important;
|
||||
--highlight-bg: #{$bg_opaque2} !important;
|
||||
--media-outer-border: #{$divider} !important;
|
||||
--messenger-card-background: #{$bg_opaque} !important; // Main background; needs to be opaque to hide gradient used for sender card
|
||||
--messenger-reply-background: #{$bg_opaque2} !important;
|
||||
--nav-bar-background: #{$bg_opaque} !important;
|
||||
--new-notification-background: #{$background2} !important;
|
||||
--placeholder-icon: #{$text} !important;
|
||||
--popover-background: #{$bg_opaque2} !important;
|
||||
--primary-icon: #{$text} !important;
|
||||
--primary-text: #{$text} !important;
|
||||
--primary-button-text: #{$text} !important;
|
||||
--primary-deemphasized-button-background: #{$divider} !important;
|
||||
--primary-text-on-media: #{$text} !important;
|
||||
--scroll-thumb: #{$accent} !important;
|
||||
--secondary-icon: #{$text} !important;
|
||||
--secondary-text: #{$text} !important;
|
||||
--section-header-text: #{$text} !important;
|
||||
--nav-bar-background-gradient-wash: #{$bg_opaque} !important;
|
||||
--nav-bar-background-gradient: #{$bg_opaque} !important;
|
||||
--placeholder-text: #{$text} !important; // Date
|
||||
--surface-background: #{$bg_opaque2} !important; // Emoji background
|
||||
--toggle-active-background: #{$bg_opaque2} !important;
|
||||
--wash: #{$bg_opaque2} !important;
|
||||
--web-wash: #{$bg_opaque2} !important;
|
||||
|
||||
[role="navigation"] {
|
||||
--surface-background: #{$bg_opaque} !important; // Nav background
|
||||
}
|
||||
}
|
91
app-compose/src/web/scss/facebook/core/_core_bg.scss
Normal file
91
app-compose/src/web/scss/facebook/core/_core_bg.scss
Normal file
@ -0,0 +1,91 @@
|
||||
#viewport {
|
||||
background: $background !important;
|
||||
}
|
||||
|
||||
html, body, :root, #root, #header, #MComposer, ._1upc, input, ._2f9r, ._59e9, ._5pz4, ._5lp4,
|
||||
[style*="background-color: #FFFFFF"], [style*="background-color: #E4E6EB"], ._9drh,
|
||||
._5lp5, .container, .subpage, ._5n_f, #static_templates, ._22_8, ._1t4h, ._uoq, ._3qdh, ._8ca, ._3h8i,
|
||||
._6-l ._2us7, ._6-l ._6-p:not([style*="background-image:"]), ._333v, div.sharerSelector, ._529j, ._305j, ._1pph, ._3t_l, ._4pvz,
|
||||
._1g05, .acy, ._51-g, ._533c, ._ib-, .sharerAttachmentEmpty, .sharerBottomWrapper, ._24e1, ._7g4m, ._bub,
|
||||
._3bg5 ._56do, ._5hfh, ._52e-, .mQuestionsPollResultsBar, ._5hoc, ._5oxw, ._32_4, ._1hiz, ._53_-, ._4ut9,
|
||||
._38do, .bo, .cq, ._234-, ._a-5, ._2zh4, ._15ks, ._3oyc, ._36dc, ._3iyw ._3iyx, ._6bes, ._55wo, ._4-dy,
|
||||
.tlBody, #timelineBody, .timelineX, .timeline, .feed, .tlPrelude, .tlFeedPlaceholder, ._4_d0, ._2wn5,
|
||||
.al, ._1gkq, ._5c5b, ._1qxg, ._5luf, ._2new, ._cld, ._3zvb, ._2nk0, .btnD, .btnI, ._2bdb, ._3ci9, ._2_gy,
|
||||
._11ub, ._5p7j, ._55wm, ._5rgs, ._5xuj, ._1sv1, ._45fu, ._18qg, ._1_ac, ._5w3g, ._3e18, ._6be7, ._-kp, ._-kq,
|
||||
._5q_r, ._5yt8, ._idb, ._2ip_, ._f6s, ._2l5v, ._8i2, ._kr5, ._2q7u, ._2q7v, ._5xp2, div.fullwidthMore,
|
||||
._577z, ._2u4w, ._3u9p, ._3u9t, ._cw4, ._5_y-, ._5_y_, ._5_z3, ._cwy, ._5_z0, ._voz, ._vos, ._7i8m,
|
||||
._5_z1, ._5_z2, ._2mtc, ._206a, ._1_-1, ._1ybg, .appCenterCategorySelectorButton, ._5_ee, ._3clk,
|
||||
._5c9u, div._5y57::before, ._59f6._55so::before, .structuredPublisher, ._94v, ._vqv, ._8r-n,
|
||||
._5lp5, ._1ho1, ._39y9._39ya, ._59_m, ._6rny, ._9sh-, ._1zep, ._5snt, ._5fn5, ._5rmd, ._7nya,
|
||||
._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, ._1glm,
|
||||
._ue6, ._hdn._hdn, ._6vzw, ._77xj, ._38nq, ._9_7, ._51li, ._7hkf, ._6vzz, ._3iyw ._37fb, ._5cqb,
|
||||
._2y60, ._5fu3, ._2foa, ._2y5_, ._38o9, ._1kb, .mAppCenterFatLabel, ._3bmj, ._5zmb, ._2x2s, ._3kac, ._3kad,
|
||||
._3f50, .mentions-placeholder, .mentions, .mentions-measurer, .acg, ._59tu, ._7lcm, ._7kxh, ._6rvp, ._6rvq, ._6rvk,
|
||||
._4l9b, ._4gj3, .groupChromeView, ._i3g, ._3jcf, .error, ._1dbp, ._5zma, ._6beq, ._vi6,
|
||||
._uww, textarea, ._15n_, ._skt, ._5f28, ._14_j, ._3bg5, ._53_-, ._52x1, ._35au, ._cwy,
|
||||
._1rfn ._1rfk ._4vc-, ._1rfk, ._1rfk ._2v9s, ._301x {
|
||||
background: $bg_transparent !important;
|
||||
}
|
||||
|
||||
// card related
|
||||
._31nf, ._2v9s, ._d4i, article._55wo, ._10c_, ._2jl2, ._6150, ._50mi, ._4-dw, ._4_2z, ._5m_s, ._13fn, ._7kxe, [style*="background-color: #F5F8FF"],
|
||||
._84lx, ._517h, ._59pe:focus, ._59pe:hover, ._m_1, ._3eqz, ._6m2, ._6q-c, ._61r- {
|
||||
background: $card !important;
|
||||
}
|
||||
|
||||
// unread related
|
||||
|
||||
.aclb {
|
||||
background: $tint !important;
|
||||
}
|
||||
|
||||
// contains images so must have background-color
|
||||
._cv_, ._2sq8 {
|
||||
background-color: $bg_transparent !important;
|
||||
}
|
||||
|
||||
#page, ._8l7, ._-j8, ._-j9, ._6o5v, ._uwx, .touch ._uwx.mentions-input {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.jewel, .flyout, ._52z5, ._13e_, ._5-lw, ._5c0e, .jx-result, ._336p, .mentions-suggest-item, ._2suk, ._-j7, ._4d0v, ._4d0m,
|
||||
.mentions-suggest, ._1xoz, ._1xow, ._14v5 ._14v8, ._8s4y, ._55ws, ._6j_d,
|
||||
// desktop sharing page
|
||||
.uiBoxLightblue, .uiBoxWhite, .uiBoxGray, .uiTokenizer, .uiTypeahead, ._558b ._54ng, ._2_bh, ._509o, ._509o:hover {
|
||||
background: $bg_opaque !important;
|
||||
}
|
||||
|
||||
._403n, ._1-kc {
|
||||
background: $bg_opaque2 !important;
|
||||
}
|
||||
|
||||
button:not([style*=image]):not(.privacyButtons), button::before, .touch ._56bt, ._56be::before, .btnS, .touch::before,
|
||||
._590n, ._4g8h, ._2cpp, ._58a0.touched:after, ._7hfd,
|
||||
.timeline .timelinePublisher, .touched, .sharerAttachment,
|
||||
.item a.primary.touched .primarywrap, ._537a, ._7cui, ._785,
|
||||
._5xo2, ._5u5a::before, ._4u3j, ._15ks, ._5hua, ._59tt, ._41ft, .jx-tokenizer, ._55fj,
|
||||
.excessItem, .acr, ._5-lx, ._3g9-, ._6dsj ._3gin, ._69aj,
|
||||
._4e8n, ._5pxa._3uj9, ._5n_5, ._u2d, ._56bu::before, ._5h8f, ._d00, ._2066, ._2k51,
|
||||
._10sb li.selected, ._2z4j, ._ib-, ._1bhl, ._5a5j, ._6--d, ._77p7,
|
||||
._2b06, ._2tsf, ._3gka, .mCount, ._27vc, ._4pv-, ._6pk5, ._86nt,
|
||||
._4qax, ._4756, ._w34, ._56bv::before, ._5769, ._34iv, ._z-w, ._t21, .mToken,
|
||||
#addMembersTypeahead .mToken.mTokenWeakReference, ._4_d0 ._8-89,
|
||||
.acbk {
|
||||
background: $background2 !important;
|
||||
}
|
||||
|
||||
.mQuestionsPollResultsBar .shaded, ._1r00 {
|
||||
background: $accent !important;
|
||||
}
|
||||
|
||||
._220g, ._1_y8:after, ._6pk6, ._9rc8,
|
||||
._2zh4::before, ._2ip_ ._2zh4::before, ._2ip_ ._15kk::before, ._2ip_ ._15kk + ._4u3j::before,
|
||||
._58a0:before, ._43mh::before, ._43mh::after, ._1_-1::before, ._1kmv:after, ._1_ac:before {
|
||||
background: $divider !important;
|
||||
}
|
||||
|
||||
//fab
|
||||
button ._v89 ._54k8._1fl1, ._7nyk, ._7nym, ._7nyn {
|
||||
background: $accent !important;
|
||||
}
|
106
app-compose/src/web/scss/facebook/core/_core_border.scss
Normal file
106
app-compose/src/web/scss/facebook/core/_core_border.scss
Normal file
@ -0,0 +1,106 @@
|
||||
//border between like and comment
|
||||
._15kl::before, ._37fd .inlineComposerButton, ._1hb:before,
|
||||
._pfn ._pfo::before,
|
||||
._5j35::after, ._2k4b, ._3to7, ._4nw8 {
|
||||
border-left: 1px solid $divider !important;
|
||||
}
|
||||
|
||||
._4_d1, ._5cni, ._3jcq, ._1ho1 {
|
||||
border-right: 1px solid $divider !important;
|
||||
}
|
||||
|
||||
//above see more
|
||||
._1mx0, ._1rbr, ._5yt8, ._idb, ._cld, ._1e8h, ._z-w, ._1ha, ._1n8h ._1oby, ._5f99, ._2t39,
|
||||
._2pbp, ._5rou:first-child, ._egf:first-child, ._io2, ._3qdi ._48_m::after, ._46dd::before,
|
||||
._15n_, ._3-2-, ._27ve, ._2s20, ._gui, ._2s21 > *::after, ._32qk, ._d00, ._d01, ._38o9,
|
||||
._3u9t, ._55fj, .mEventProfileSection.useBorder td, ._3ils, ._5as0, ._5as2, ._5-lw, ._5rmd,
|
||||
._2s1_:before, ._143z::before, ._143z::after, ._4d0x, ._5_gz, ._5_ev, ._63ur, ._6pi8,
|
||||
._52x1, ._3wjp, ._usq, ._2cul:before, ._13e_, .jewel .flyout, ._3bg5 ._52x6, ._56d8, .al {
|
||||
border-top: 1px solid $divider !important;
|
||||
}
|
||||
|
||||
._15ny::after, ._z-w, ._8i2, ._2nk0, ._22_8, ._1t4h, ._37fd, ._1ha, ._3bg5 ._56do, ._8he,
|
||||
._400s, ._5hoc, ._1bhn, ._5ag6, ._4pvz, ._31y5, ._7gxb, ._-kp, ._6_q3::after, ._3al1, ._4d0w, ._4d0k,
|
||||
._301x, ._x08 ._x0a:after, ._36dc, ._6-l ._57jn, ._527k, ._g_k, ._7i8v, ._7k1c, ._2_gy,
|
||||
._577z:not(:last-child) ._ygd, ._3u9u, ._3mgz, ._52x6, ._2066, ._5luf, ._2bdc, ._3ci9, ._7i-0,
|
||||
.mAppCenterFatLabel, .appCenterCategorySelectorButton, ._1q6v, ._5q_r, ._5yt8, ._38do, ._38dt,
|
||||
._ap1, ._52x1, ._59tu, ._usq, ._13e_, ._59f6._55so::before, ._4gj3, .error, ._35--, ._1wev,
|
||||
.jx-result, ._1f9d, ._vef, ._55x2 > *, .al, ._44qk, ._5rgs, ._5xuj, ._1sv1, ._idb, ._5_g-,
|
||||
._5lp5, ._3-2-, ._3to6, ._ir5, ._4nw6, ._4nwh, ._27ve, div._51v6::before, ._5hu6, ._2wn5, ._1ho1, ._1xk6,
|
||||
._3c9h::before, ._2s20, ._gui, ._5jku, ._2foa, ._2y60, ._5fu3, ._4en9, ._1kb:not(:last-child) ._1kc,
|
||||
._5pz4, ._5lp4, ._5lp5, ._5h6z, ._5h6x, ._2om4, ._5fjw > div, ._5fjv > :first-child,
|
||||
._5fjw > :first-child {
|
||||
border-bottom: 1px solid $divider !important;
|
||||
}
|
||||
|
||||
.item a.primary.touched .primarywrap, ._4dwt ._5y33, ._1ih_, ._5_50, ._6beq, ._69aj, ._3iyw ._37fb, ._9drh,
|
||||
._5fjv, ._3on6, ._2u4w, ._2om3, ._2ol-, ._5fjw, ._4z83, ._1gkq, ._4-dy, ._bub {
|
||||
border-top: 1px solid $divider !important;
|
||||
border-bottom: 1px solid $divider !important;
|
||||
}
|
||||
|
||||
//friend card border
|
||||
._d4i, ._f6s, .mentions-suggest-item, .mentions-suggest, .sharerAttachment,
|
||||
.mToken, #addMembersTypeahead .mToken.mTokenWeakReference, .mQuestionsPollResultsBar,
|
||||
._15q7, ._2q7v, ._4dwt ._16ii, ._3qdi::after, ._6q-c, ._61r-,
|
||||
._2q7w, .acy, ._58ak, ._3t_l, ._4msa, ._3h8i, ._3clk, ._1kt6, ._1ksq, ._9sh-,
|
||||
._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, ._7kxg,
|
||||
._73ku ._73jw, ._6--d, ._26vk._56bt, ._3iyw ._2whz ._13-g, ._-jx,
|
||||
._4e8n, ._uww, .mentions-placeholder, .mentions-shadow, .mentions-measurer, ._517h, ._59pe:focus, ._59pe:hover,
|
||||
.uiBoxLightblue, .uiBoxWhite, ._558b ._54nc,
|
||||
._5whq, ._59tt, ._41ft::after, .jx-tokenizer, ._3uqf, ._4756, ._1rrd, ._5n_f {
|
||||
border: 1px solid $divider !important;
|
||||
}
|
||||
|
||||
.mQuestionsPollResultsBar .shaded, ._1027._13sm {
|
||||
border: 1px solid $text !important;
|
||||
}
|
||||
|
||||
._3gka {
|
||||
border: 1px dashed $divider !important;
|
||||
}
|
||||
|
||||
//link card bottom border
|
||||
._4o58::after, .acr, ._t21, ._2bdb, ._4ks>li,
|
||||
.acw, .aclb, ._4qax, ._5h8f {
|
||||
border-color: $divider !important;
|
||||
}
|
||||
|
||||
// like, comment, share divider
|
||||
._15ks ._15kl::before {
|
||||
border-left: 1px solid transparent !important;
|
||||
}
|
||||
|
||||
._56bf, .touch .btn {
|
||||
border-radius: 0 !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
//page side tab layout
|
||||
._2cis {
|
||||
border-left: 10px solid $bg_transparent !important;
|
||||
border-right: 10px solid $bg_transparent !important;
|
||||
}
|
||||
|
||||
._2cir.selected, ._42rv, ._5zma, ._2x2s {
|
||||
border-bottom: 3px solid $text !important;
|
||||
}
|
||||
|
||||
._1ss6 {
|
||||
border-left: 2px solid $text !important;
|
||||
}
|
||||
|
||||
._484w.selected > ._6zf, ._5kqs::after, ._3lvo ._5xum._5xuk, ._x0b {
|
||||
border-bottom: 1px solid $text !important;
|
||||
}
|
||||
|
||||
._484w.selected ._6zf, ._7gxa, ._2wn2 {
|
||||
border-bottom: 2px solid $accent !important;
|
||||
}
|
||||
|
||||
// Small face previews
|
||||
.facepile .facepileItem.facepileItemOverLapped .facepileItemRound, .facepile .facepileItem.facepileItemOverLapped.facepileItemRound, .facepile .facepileItem.facepileItemOverLapped .facepileMoreDotsRound {
|
||||
border: 2px solid $bg_opaque2 !important;
|
||||
}
|
4
app-compose/src/web/scss/facebook/core/_core_hider.scss
Normal file
4
app-compose/src/web/scss/facebook/core/_core_hider.scss
Normal file
@ -0,0 +1,4 @@
|
||||
[data-sigil=m_login_upsell],
|
||||
[data-sigil="m-loading-indicator-animate m-loading-indicator-root"] {
|
||||
display: none !important;
|
||||
}
|
20
app-compose/src/web/scss/facebook/core/_core_messages.scss
Normal file
20
app-compose/src/web/scss/facebook/core/_core_messages.scss
Normal file
@ -0,0 +1,20 @@
|
||||
// Not all message related components are here; only the main ones.
|
||||
// Borders for instance are merged into core_border
|
||||
|
||||
// Other person's message bubble
|
||||
._34ee {
|
||||
background: $background2 !important;
|
||||
color: $text !important;
|
||||
|
||||
}
|
||||
|
||||
// Your message bubble; order matters
|
||||
._34em ._34ee {
|
||||
background: $accent !important;
|
||||
color: $accent_text !important;
|
||||
}
|
||||
|
||||
// Sticker page
|
||||
._5as0, ._5cni, ._5as2 {
|
||||
background: $bg_opaque !important;
|
||||
}
|
44
app-compose/src/web/scss/facebook/core/_core_text.scss
Normal file
44
app-compose/src/web/scss/facebook/core/_core_text.scss
Normal file
@ -0,0 +1,44 @@
|
||||
html, body, input, ._42rv, ._4qau, ._dwm .descArea, ._eu5, ._wn-,
|
||||
._1tcc, ._3g9-, ._29z_, ._3xz7, ._ib-, ._3bg5 ._56dq, ._477i, ._2vxk, ._29e6, ._8wr8, ._52lz,
|
||||
.touched *, ._1_yj, ._1_yl, ._4pj9, ._2bdc, ._3qdh ._3qdn ._3qdk, ._3qdk ._48_q, ._7iah, ._61mn ._61mo,
|
||||
._z-z, ._z-v, ._1e8d, ._36nl, ._36nm, ._2_11, ._2_rf, ._2ip_, ._403p, .cq, ._usr, #mErrorView .message,
|
||||
._5xu2, ._3ml8, ._3mla, ._50vk, ._1m2u, ._31y7, ._4kcb, ._1lf6, ._1lf5, ._7-1j, ._4ajz, ._m_1 ._2aha,
|
||||
._1lf4, ._1hiz, ._xod, ._5ag5, ._zmk, ._3t_h, ._5lm6, ._3clv, ._3zlc, ._36rd, ._6oby, ._6_qk, ._9dr8,
|
||||
._31zk, ._31zl, ._3xsa, ._3xs9, ._2-4s, ._2fzz ul, ._3z10, ._4mo, ._2om6, ._33r5, ._82y3, ._82y1, ._5rmf,
|
||||
._43mh, .touch .btn, .fcg, button, ._52j9, ._52jb, ._52ja, ._5j35, ._ctg, ._5300, ._5302, ._5_o0,
|
||||
._rnk, ._24u0, ._1g06, ._14ye, .fcb, ._56cz._56c_, ._1gk_, ._55fj, ._45fu, ._7kx4, ._20zd, ._egh, ._egi,
|
||||
._18qg, ._1_ac, ._529p, ._4dwt ._1vh3, ._4a5f, ._23_t, ._2rzc, ._23_s, ._2rzd, ._6obp, ._2iiu, ._1s06,
|
||||
._5aga, ._5ag9, ._537a, .acy, ._5ro_, ._6-l ._2us7, ._4mp, ._2b08, ._36e0, ._4-dy, ._55i1, ._2wn6, ._1zep,
|
||||
._14v5 ._14v8, ._1440, ._1442, ._1448, ._4ks_, .mCount, ._27vc, ._24e1, ._2rbw, ._3iyw ._3mzw, ._9si9,
|
||||
textarea:not([style*="color: rgb"]), ._24pi, ._4en9, ._1kb, ._5p7j, ._2klz, ._5780, ._5781, ._5782, ._5fn5,
|
||||
._3u9u, ._3u9_, ._3u9s, ._1hcx, ._2066, ._1_-1, ._cv_, ._1nbx, ._2cuh, ._6--d, ._77p7, ._7h_g, ._vbw,
|
||||
._4ms9, ._4ms5, ._4ms6, ._31b4, ._31b5, ._5q_r, ._idb, ._38d-, ._3n8y, ._38dt, ._3oyg, ._21dc, ._6j_c, ._7iz_,
|
||||
.uiStickyPlaceholderInput .placeholder, .mTypeahead span, ._4_d0 ._8-8a, ._6r12, ._5hoa, ._8r-l, ._7nyk, ._7nym, ._7nyn,
|
||||
._27vp, ._4nwe, ._4nw9, ._27vi, .appCenterAppInfo, .appCenterPermissions, ._6xqt, ._7cui, ._84lx [style*="color: rgb"],
|
||||
._3c9l, ._3c9m, ._4jn_, ._32qt, ._3mom, ._3moo, ._-7o, ._d00, ._d01, ._559g, ._7cdj, ._1_yd, ._1_yc,
|
||||
._2new, .appCenterCategorySelectorButton, ._1ksq, ._1kt6, ._6ber, ._mxb, ._3oyd, ._3gir, ._3gis,
|
||||
div.sharerSelector, .footer, ._4pv_, ._1dbp, ._3kad, ._20zc, ._2i5v, ._2i5w, ._6zf, ._mhg, ._6r9_,
|
||||
a, ._5fpq, ._4gux, ._3bg5 ._52x1, ._3bg5 ._52x2, ._6dsj ._3gin, ._hdn._hdn, ._3iyw ._2whz ._13-g, ._6p6u, ._6p6v,
|
||||
.mentions-input:not([style*="color: rgb"]), .mentions-placeholder:not([style*="color: rgb"]),
|
||||
.largeStatusBox .placeHolder, .fcw, ._2rgt, ._67i4 ._5hu6 ._59tt, ._2bu3, ._2bu4, ._1ii2, ._1ii3,
|
||||
._5-7t, .fcl, ._4qas, .thread-title, .title, ._46pa, ._336p, ._1rrd, ._2om4, ._4yxo, ._6m3, ._6m7, ._6m3 ._1t62,
|
||||
._3m1m, ._2om2, ._5n_e, .appListExplanation, ._5yt8, ._8he, ._2luw, ._5rgs, ._t86 ._t87, ._t86 ._t88,
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
color: $text !important;
|
||||
}
|
||||
|
||||
// Related to like buttons
|
||||
a[data-sigil~="unlike"], a[style*="color: rgb(32, 120, 244)"], a[style*="color:#2078f4"],
|
||||
strong > a, a > ._2vyr, ._15ks ._2q8z._2q8z, ._1e3e, .blueName, ._5kqs ._55sr, ._484w.selected ._6zf, ._6_qj, ._2wn3,
|
||||
._by_, ._1r05 {
|
||||
color: $accent !important;
|
||||
}
|
||||
|
||||
._42nf ._42ng {
|
||||
color: transparent !important;
|
||||
}
|
||||
|
||||
// most links do not have a special color. We will highlight those in posts and messages
|
||||
p > a, .msg span > a {
|
||||
color: $link !important;
|
||||
}
|
6
app-compose/src/web/scss/facebook/core/_main.scss
Normal file
6
app-compose/src/web/scss/facebook/core/_main.scss
Normal file
@ -0,0 +1,6 @@
|
||||
@import "core";
|
||||
@import "svg";
|
||||
|
||||
//this file is used as the base for all themes
|
||||
//given that svgs take a lot of characters, we won't compile them when testing
|
||||
//therefore we use the core scss
|
74
app-compose/src/web/scss/facebook/core/_svg.scss
Normal file
74
app-compose/src/web/scss/facebook/core/_svg.scss
Normal file
@ -0,0 +1,74 @@
|
||||
// icons courtesy of https://material.io/icons/
|
||||
|
||||
$camera: '<svg xmlns="http://www.w3.org/2000/svg" fill="#{$text}" viewBox="0 -10 50 50"><circle cx="25" cy="23" r="3.2"/><path d="M22 13l-1.83 2H17c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V17c0-1.1-.9-2-2-2h-3.17L28 13h-6zm3 15c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"/><path fill="none" d="M13 11h24v24H13z"/></svg>';
|
||||
|
||||
// status upload image
|
||||
._50uu {
|
||||
@include background-svg($camera);
|
||||
}
|
||||
|
||||
$video: '<svg xmlns="http://www.w3.org/2000/svg" fill="#{$text}" viewBox="0 0 50 50"><path fill="none" d="M13 26h24v24H13z"/><path d="M30 31.5V28c0-.55-.45-1-1-1H17c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h12c.55 0 1-.45 1-1v-3.5l4 4v-11l-4 4z"/></svg>';
|
||||
|
||||
// status upload video
|
||||
._50uw {
|
||||
@include background-svg($video);
|
||||
}
|
||||
|
||||
$like: '<svg xmlns="http://www.w3.org/2000/svg" fill="#{$text}" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1.91l-.01-.01L23 10z"/></svg>';
|
||||
$like_selected: '<svg xmlns="http://www.w3.org/2000/svg" fill="#{$accent}" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path d="M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1.91l-.01-.01L23 10z"/></svg>';
|
||||
|
||||
// 2018/12/29
|
||||
// Previously ._15km ._15ko::before and ._15km ._15ko._77la::before; however, reaction changes no longer affect this element
|
||||
// The robust measure seems to be the parent of a[data-sigil~="like-reaction-flyout"] along with [data-sigil~="like"] for an unliked post
|
||||
// and [data-sigil~="unlike"] for a liked post
|
||||
a._15ko::before {
|
||||
@include background-svg($like);
|
||||
background-position: center !important;
|
||||
}
|
||||
|
||||
a._15ko._77la::before {
|
||||
@include background-svg($like_selected);
|
||||
background-position: center !important;
|
||||
}
|
||||
|
||||
$comment: '<svg xmlns="http://www.w3.org/2000/svg" fill="#{$text}" viewBox="0 0 24 24"><path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"/><path fill="none" d="M0 0h24v24H0z"/></svg>';
|
||||
|
||||
._15km ._15kq::before {
|
||||
@include background-svg($comment);
|
||||
background-position: center !important;
|
||||
}
|
||||
|
||||
$share: '<svg xmlns="http://www.w3.org/2000/svg" fill="#{$text}" viewBox="0 0 24 24"><path d="M14 9V5l7 7-7 7v-4.1c-5 0-8.5 1.6-11 5.1 1-5 4-10 11-11z"/><path fill="none" d="M24 0H0v24h24z"/></svg>';
|
||||
|
||||
._15km ._15kr::before {
|
||||
@include background-svg($share);
|
||||
background-position: center !important;
|
||||
}
|
||||
|
||||
$more_horiz: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0z"/><path fill="#{$text}" 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"/></svg>';
|
||||
|
||||
//$menus: ".sp_89zNula0Qh5",
|
||||
//".sp_MP2OtCXORz9",
|
||||
//".sp_NIWBacTn8LF",
|
||||
//// 2018/12/31
|
||||
//".sp_9ZFVhnFyWsw",
|
||||
//// 2019/01/03
|
||||
//".sp_SJIJjSlGEIO";
|
||||
//
|
||||
//$menu_collector: ();
|
||||
//
|
||||
//@each $menu in $menus {
|
||||
// $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} {
|
||||
// @include background-svg($more_horiz);
|
||||
// background-position: center !important;
|
||||
//}
|
||||
|
||||
.story_body_container i.img[data-sigil*="story-popup-context"] {
|
||||
@include background-svg($more_horiz);
|
||||
background-position: center !important;
|
||||
}
|
51
app-compose/src/web/scss/facebook/core/core.scss
Normal file
51
app-compose/src/web/scss/facebook/core/core.scss
Normal file
@ -0,0 +1,51 @@
|
||||
@import "../../core/colors";
|
||||
@import "../../core/base";
|
||||
@import "../../core/core_vars";
|
||||
@import "core_text";
|
||||
@import "core_bg";
|
||||
@import "core_border";
|
||||
@import "core_messages";
|
||||
@import "core_hider";
|
||||
|
||||
//GLOBAL overrides; use with caution
|
||||
*, *::after, *::before {
|
||||
text-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
// .touch .btnS, button, ._94v, ._590n {
|
||||
// box-shadow: none !important;
|
||||
// }
|
||||
|
||||
@include placeholder {
|
||||
color: $text_disabled !important;
|
||||
}
|
||||
|
||||
.excessItem {
|
||||
outline: $divider !important;
|
||||
}
|
||||
|
||||
._3m1m {
|
||||
background: linear-gradient(transparent, $bg_opaque) !important;
|
||||
}
|
||||
|
||||
//new comment
|
||||
@include keyframes(highlightFade) {
|
||||
0%, 50% {
|
||||
background: $background2;
|
||||
}
|
||||
|
||||
100% {
|
||||
background: $bg_transparent;
|
||||
}
|
||||
}
|
||||
|
||||
@include keyframes(chatHighlightAnimation) {
|
||||
0%, 100% {
|
||||
background: $bg_transparent;
|
||||
}
|
||||
|
||||
50% {
|
||||
background: $background2;
|
||||
}
|
||||
}
|
1
app-compose/src/web/scss/facebook/themes/.gitignore
vendored
Normal file
1
app-compose/src/web/scss/facebook/themes/.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
||||
test.scss
|
2
app-compose/src/web/scss/facebook/themes/custom.scss
Normal file
2
app-compose/src/web/scss/facebook/themes/custom.scss
Normal file
@ -0,0 +1,2 @@
|
||||
@import "../../palette/custom";
|
||||
@import "../core/main";
|
1
app-compose/src/web/scss/facebook/themes/default.scss
Normal file
1
app-compose/src/web/scss/facebook/themes/default.scss
Normal file
@ -0,0 +1 @@
|
||||
@import "../core/core_hider";
|
@ -0,0 +1,2 @@
|
||||
@import "../../palette/material_amoled";
|
||||
@import "../core/main";
|
@ -0,0 +1,2 @@
|
||||
@import "../../palette/material_dark";
|
||||
@import "../core/main";
|
@ -0,0 +1,2 @@
|
||||
@import "../../palette/material_glass";
|
||||
@import "../core/main";
|
@ -0,0 +1,2 @@
|
||||
@import "../../palette/material_light";
|
||||
@import "../core/main";
|
4
app-compose/src/web/scss/messenger/core/_core_bg.scss
Normal file
4
app-compose/src/web/scss/messenger/core/_core_bg.scss
Normal file
@ -0,0 +1,4 @@
|
||||
html, body, :root, #root,
|
||||
[style*="background-color: #FFFFFF"], [style*="background-color: #E4E6EB"] {
|
||||
background: $bg_transparent !important;
|
||||
}
|
@ -0,0 +1,3 @@
|
||||
[role="navigation"] {
|
||||
border-right: 2px solid $bg_opaque2 !important;
|
||||
}
|
15
app-compose/src/web/scss/messenger/core/_core_hider.scss
Normal file
15
app-compose/src/web/scss/messenger/core/_core_hider.scss
Normal file
@ -0,0 +1,15 @@
|
||||
// Sizing adjustments
|
||||
[role="navigation"] {
|
||||
.rq0escxv.l9j0dhe7.du4w35lb.j83agx80.g5gj957u.rj1gh0hx.buofh1pr.hpfvmrgz.i1fnvgqd.bp9cbjyn.owycx6da.btwxx1t3.dflh9lhu.scb9dxdr.sj5x9vvc.cxgpxx05.sn0e7ne5.f6rbj1fe.l3ldwz01 /* New! Messenger app for windows */,
|
||||
.rq0escxv.l9j0dhe7.du4w35lb.n851cfcs.aahdfvyu /* Search messenger */,
|
||||
.wkznzc2l /* Top left chat + menu entry */ {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
header[role="banner"] /* login banner */,
|
||||
._90px._9gb7 /* login bottom banner */,
|
||||
.rq0escxv.l9j0dhe7.du4w35lb.j83agx80.cbu4d94t.pfnyh3mw.d2edcug0.hpfvmrgz.p8fzw8mz.pcp91wgn.iuny7tx3.ipjc6fyt /* Top bar call video info icons */,
|
||||
.kuivcneq /* Right sidebar */ {
|
||||
display: none !important;
|
||||
}
|
3
app-compose/src/web/scss/messenger/core/_core_text.scss
Normal file
3
app-compose/src/web/scss/messenger/core/_core_text.scss
Normal file
@ -0,0 +1,3 @@
|
||||
html, body, input {
|
||||
color: $text !important;
|
||||
}
|
3
app-compose/src/web/scss/messenger/core/_main.scss
Normal file
3
app-compose/src/web/scss/messenger/core/_main.scss
Normal file
@ -0,0 +1,3 @@
|
||||
@import "core";
|
||||
|
||||
//this file is used as the base for all messenger themes
|
11
app-compose/src/web/scss/messenger/core/core.scss
Normal file
11
app-compose/src/web/scss/messenger/core/core.scss
Normal file
@ -0,0 +1,11 @@
|
||||
@import "../../core/colors";
|
||||
@import "../../core/base";
|
||||
@import "../../core/core_vars";
|
||||
@import "core_text";
|
||||
@import "core_bg";
|
||||
@import "core_border";
|
||||
@import "core_hider";
|
||||
|
||||
@include placeholder {
|
||||
color: $text_disabled !important;
|
||||
}
|
1
app-compose/src/web/scss/messenger/themes/.gitignore
vendored
Normal file
1
app-compose/src/web/scss/messenger/themes/.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
||||
test.scss
|
2
app-compose/src/web/scss/messenger/themes/custom.scss
Normal file
2
app-compose/src/web/scss/messenger/themes/custom.scss
Normal file
@ -0,0 +1,2 @@
|
||||
@import "../../palette/custom";
|
||||
@import "../core/main";
|
1
app-compose/src/web/scss/messenger/themes/default.scss
Normal file
1
app-compose/src/web/scss/messenger/themes/default.scss
Normal file
@ -0,0 +1 @@
|
||||
@import "../core/core_hider";
|
@ -0,0 +1,2 @@
|
||||
@import "../../palette/material_amoled";
|
||||
@import "../core/main";
|
@ -0,0 +1,2 @@
|
||||
@import "../../palette/material_dark";
|
||||
@import "../core/main";
|
@ -0,0 +1,2 @@
|
||||
@import "../../palette/material_glass";
|
||||
@import "../core/main";
|
@ -0,0 +1,2 @@
|
||||
@import "../../palette/material_light";
|
||||
@import "../core/main";
|
13
app-compose/src/web/scss/palette/_custom.scss
Normal file
13
app-compose/src/web/scss/palette/_custom.scss
Normal file
@ -0,0 +1,13 @@
|
||||
$bg_transparent: unquote('$BT$');
|
||||
$text: unquote('$T$');
|
||||
$text_disabled: unquote('$TD$');
|
||||
$link: unquote('$TT$');
|
||||
$accent: unquote('$A$');
|
||||
$accent_text: unquote('$AT$');
|
||||
$background: unquote('$B$');
|
||||
$background2: unquote('$BBT$');
|
||||
$bg_opaque: unquote('$O$');
|
||||
$bg_opaque2: unquote('$OO$');
|
||||
$divider: unquote('$D$');
|
||||
$card: unquote('$C$');
|
||||
$tint: unquote('$TI$');
|
9
app-compose/src/web/scss/palette/_material_amoled.scss
Normal file
9
app-compose/src/web/scss/palette/_material_amoled.scss
Normal file
@ -0,0 +1,9 @@
|
||||
$text: #fff;
|
||||
$accent_text: #fff;
|
||||
$link: #5d86dd;
|
||||
$accent: #5d86dd;
|
||||
$background: #000;
|
||||
$background2: rgba($background, 0.35);
|
||||
$bg_transparent: $background;
|
||||
$card: $background2;
|
||||
$tint: rgba(#fff, 0.2);
|
8
app-compose/src/web/scss/palette/_material_dark.scss
Normal file
8
app-compose/src/web/scss/palette/_material_dark.scss
Normal file
@ -0,0 +1,8 @@
|
||||
$text: #fff;
|
||||
$accent_text: #fff;
|
||||
$link: #5d86dd;
|
||||
$accent: #5d86dd;
|
||||
$background: #303030;
|
||||
$bg_transparent: $background;
|
||||
$card: #353535;
|
||||
$tint: rgba(#fff, 0.2);
|
8
app-compose/src/web/scss/palette/_material_glass.scss
Normal file
8
app-compose/src/web/scss/palette/_material_glass.scss
Normal file
@ -0,0 +1,8 @@
|
||||
$text: #fff;
|
||||
$accent_text: #fff;
|
||||
$link: #5d86dd;
|
||||
$accent: #5d86dd;
|
||||
$background: rgba(#000, 0.1);
|
||||
$bg_transparent: transparent;
|
||||
$card: rgba(#000, 0.25);
|
||||
$tint: rgba(#fff, 0.15);
|
13
app-compose/src/web/scss/palette/_material_light.scss
Normal file
13
app-compose/src/web/scss/palette/_material_light.scss
Normal file
@ -0,0 +1,13 @@
|
||||
$text: #000;
|
||||
$accent_text: #fff;
|
||||
$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: rgba(darken($background, 8%), 0.35);
|
||||
|
||||
$bg_transparent: $background;
|
||||
|
||||
$card: #fff;
|
||||
$tint: #ddd;
|
Loading…
Reference in New Issue
Block a user