Remove all themes except light and dark
This commit is contained in:
Alex Gleason
parent
8e3ad9e6b6
commit
36f888c027
20 changed files with 3 additions and 1514 deletions
Binary file not shown.
|
Before Width: | Height: | Size: 221 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 69 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 249 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 148 KiB |
|
|
@ -1,69 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
width="63.161953mm"
|
||||
height="181.12712mm"
|
||||
viewBox="0 0 63.161953 181.12712"
|
||||
version="1.1"
|
||||
id="svg1199"
|
||||
inkscape:version="0.92.4 (unknown)"
|
||||
sodipodi:docname="spider.svg">
|
||||
<defs
|
||||
id="defs1193" />
|
||||
<sodipodi:namedview
|
||||
id="base"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1.0"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:zoom="0.35355339"
|
||||
inkscape:cx="188.63933"
|
||||
inkscape:cy="154.00309"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:current-layer="layer1"
|
||||
showgrid="false"
|
||||
inkscape:window-width="1366"
|
||||
inkscape:window-height="705"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="30"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:snap-global="false"
|
||||
fit-margin-top="0"
|
||||
fit-margin-left="0"
|
||||
fit-margin-right="0"
|
||||
fit-margin-bottom="0" />
|
||||
<metadata
|
||||
id="metadata1196">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
<dc:title></dc:title>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-54.223528,-39.965002)">
|
||||
<path
|
||||
style="stroke-width:0.99999994"
|
||||
d="m 329.96094,151.04883 -7.95132,372.20898 c -30.02705,2.9243 -45.57271,12.92382 -64.25977,32.67188 -25.16762,33.38088 -18.43249,69.4298 -0.4707,100.66992 12.24879,17.03193 32.3984,27.97627 53.07033,34.15036 0,0 -5.52814,0.0857 -11.58984,9.46094 -18.91001,-5.43999 -38.07073,-9.95039 -57.14063,-14.82032 -10.49976,0.9523 -28.58163,18.8274 -36.67969,24.9004 0.27746,13.19067 1.67361,27.14135 3.33008,39.15039 1.1699,-1.57002 0.83916,-3.5804 1.03906,-5.40039 0.9,-10.79003 0.60034,-21.66016 1.99024,-32.41016 9.28,-6.03999 17.7906,-13.20072 26.7207,-19.7207 18.99884,1.97067 39.37112,9.36858 55.91016,13.35156 -0.49,2.41999 -1.38047,5.27974 -4.23047,5.67969 -18.4,4.60002 -36.81969,9.10007 -55.17969,13.83007 -4.86555,6.81697 -23.47884,41.76065 -22.16992,48 3.32807,9.25919 3.76668,29.35751 8.58984,35.70899 -0.65616,-11.27353 -1.26587,-23.12102 -2.88086,-33.41016 4.366,-15.53732 14.77165,-31.85507 21.21094,-44.72851 16.36837,-5.03014 33.6873,-8.93673 49.58008,-11.32032 -0.0299,3.31998 -0.081,6.66013 -0.20117,9.99024 -10.89612,8.5036 -30.45632,23.65603 -40.40821,30.44922 -2.57681,15.80044 -3.38605,33.75066 -4.2207,48.55078 2.50279,8.85582 13.19431,23.74406 18.17156,23.90823 -2.93816,-7.30216 -8.51629,-14.68425 -10.88086,-21.31836 -0.17087,-16.87764 2.99403,-32.98356 3.70114,-48.41015 11.61344,-9.80937 25.4679,-15.10577 35.89062,-24.25 2.26541,6.18864 7.32913,9.97253 10.32813,15.05859 -2.15,3.10001 -5.51922,5.79 -5.94922,9.75 2.88,4.37998 6.60955,8.25101 10.68945,11.54102 -0.85,-3.43 -2.26023,-6.68056 -3.24023,-10.06055 l 6.20117,-7.18945 c 10.18753,5.69922 19.39911,4.81707 28.78906,0.75976 2.12,2.45 4.30149,5.11952 5.27149,8.26953 -0.85,3.26 -2.7418,6.14966 -3.5918,9.42969 4.21,-3.40003 8.09071,-7.32883 11.4707,-11.54883 -0.72,-4.08 -4.4693,-6.80104 -5.27929,-10.79101 3.66,-4.43003 7.97023,-8.42941 10.24023,-13.85938 5.68622,5.4072 34.43902,22.24881 34.94922,26.88086 0.36518,16.19209 3.11897,31.74502 2,46.75 -4.46916,8.68536 -7.12999,16.57554 -14.39063,22.67969 9.90723,0.50906 17.4253,-14.74937 21.52152,-22.69328 -0.18697,-17.91233 -0.74645,-33.39521 -1.16992,-49.66992 -13.47001,-10.57002 -27.16094,-20.89017 -40.46094,-31.66016 0.59,-3.81003 0.49976,-7.6583 0.50977,-11.48828 15.73,4.66001 31.80992,8.14868 47.66992,12.38867 7.58475,10.99663 15.5151,31.43552 20.24023,42.75977 0.43698,13.66208 -3.68079,27.5449 -4.08008,40.14062 1.49998,-1.33999 1.6498,-3.42013 2.17969,-5.24023 1.88197,-11.16719 9.61842,-29.63645 8.13086,-37.92969 -6.21997,-14.23003 -11.95978,-28.75009 -18.42969,-42.83008 -19.30273,-6.68031 -40.27482,-12.85569 -58.39062,-17.73047 -0.65,-1.72002 -1.1801,-3.47951 -1.5,-5.26953 17.78,-3.66999 35.60009,-7.40034 53.33008,-11.32031 5.35892,-0.14205 29.14876,22.09172 28.98047,23.98047 1.30016,6.78634 -2.08415,29.71011 1.61914,33.13086 2.05988,-11.02999 3.41097,-22.17002 5.12109,-33.25 -0.32862,-6.33401 -29.16337,-28.29439 -33.91016,-30.79102 -20.42635,4.13166 -40.67884,9.74123 -59.80078,12.63086 -5.16629,-4.96887 -11.64306,-7.41991 -17.4707,-10.33984 26.33,-1.87998 52.09,-16.02008 66.25,-38.58008 9.5235,-13.96814 12.87637,-29.769 13.1992,-45.79102 0.33714,-20.46694 -8.12112,-40.39069 -21.6211,-55.4707 -18.78284,-17.43524 -31.48782,-23.12017 -55.43945,-26.73828 l 6.93151,-372.80078 z"
|
||||
id="path1768"
|
||||
inkscape:connector-curvature="0"
|
||||
sodipodi:nodetypes="cccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccc"
|
||||
transform="scale(0.26458333)" />
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 5.2 KiB |
File diff suppressed because one or more lines are too long
|
Before Width: | Height: | Size: 77 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 12 KiB |
|
|
@ -1,34 +0,0 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="svg46269" viewBox="0 0 340.00001 394.2857" height="111.27618mm" width="95.955559mm">
|
||||
<defs id="defs46271">
|
||||
<linearGradient id="linearGradient46839">
|
||||
<stop id="stop46841" offset="0" style="stop-color:#904700;stop-opacity:1;"/>
|
||||
<stop id="stop46843" offset="1" style="stop-color:#904700;stop-opacity:0;"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linearGradient46831">
|
||||
<stop id="stop46833" offset="0" style="stop-color:#904700;stop-opacity:1;"/>
|
||||
<stop id="stop46835" offset="1" style="stop-color:#904700;stop-opacity:0;"/>
|
||||
</linearGradient>
|
||||
<linearGradient id="linearGradient46823">
|
||||
<stop id="stop46825" offset="0" style="stop-color:#904700;stop-opacity:1;"/>
|
||||
<stop id="stop46827" offset="1" style="stop-color:#904700;stop-opacity:0;"/>
|
||||
</linearGradient>
|
||||
<radialGradient gradientTransform="matrix(4.9019612,0,0,4.9019612,-600.72836,-1264.1473)" gradientUnits="userSpaceOnUse" r="72.85714" fy="330.93362" fx="152.85715" cy="330.93362" cx="152.85715" id="radialGradient46829" xlink:href="#linearGradient46823"/>
|
||||
<radialGradient gradientTransform="matrix(3.3636365,0,0,3.3636365,-602.85717,-938.05096)" gradientUnits="userSpaceOnUse" r="62.857143" fy="429.50507" fx="251.42857" cy="429.50507" cx="251.42857" id="radialGradient46837" xlink:href="#linearGradient46831"/>
|
||||
<radialGradient gradientTransform="matrix(1.7317072,0,0,1.7317072,-145.78397,-287.44272)" gradientUnits="userSpaceOnUse" r="58.57143" fy="470.93369" fx="132.85715" cy="470.93369" cx="132.85715" id="radialGradient46845" xlink:href="#linearGradient46839"/>
|
||||
</defs>
|
||||
<metadata id="metadata46274">
|
||||
<rdf:RDF>
|
||||
<cc:Work rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
|
||||
<dc:title/>
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<g transform="translate(-8.5714264,-218.07648)" id="layer1">
|
||||
<circle r="140" cy="358.07648" cx="148.57143" id="path46817" style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#radialGradient46829);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:20, 5;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"/>
|
||||
<circle r="105.71429" cy="506.64789" cx="242.85715" id="path46819" style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#radialGradient46837);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:20, 5;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"/>
|
||||
<circle r="58.57143" cy="528.07654" cx="84.285713" id="path46821" style="color:#000000;display:inline;overflow:visible;visibility:visible;fill:url(#radialGradient46845);fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:5;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:20, 5;stroke-dashoffset:0;stroke-opacity:1;marker:none;enable-background:accumulate"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 3.4 KiB |
|
|
@ -21,14 +21,8 @@ const messages = defineMessages({
|
|||
|
||||
// TODO: Pull dynamically
|
||||
const themes = {
|
||||
'azure': 'Azure',
|
||||
'purple': 'Purple Light',
|
||||
'purple-dark': 'Purple Dark',
|
||||
'purple-contrast': 'Purple Contrast',
|
||||
'halloween': 'Halloween',
|
||||
'aquatic': 'Aquatic',
|
||||
'paleblue': 'Pale Blue',
|
||||
'lime': 'Lime Green',
|
||||
'azure': 'Light',
|
||||
'purple-dark': 'Dark',
|
||||
};
|
||||
|
||||
const mapStateToProps = state => ({
|
||||
|
|
|
|||
|
|
@ -1,3 +0,0 @@
|
|||
@import 'contrast/variables';
|
||||
@import 'application';
|
||||
@import 'contrast/diff';
|
||||
|
|
@ -1,81 +0,0 @@
|
|||
// components.scss
|
||||
.compose-form {
|
||||
.compose-form__modifiers {
|
||||
.compose-form__upload {
|
||||
&-description {
|
||||
input {
|
||||
&::placeholder {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.compose-form__warning {
|
||||
color: $inverted-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
.rich-formatting a,
|
||||
.rich-formatting p a,
|
||||
.rich-formatting li a,
|
||||
.landing-page__short-description p a,
|
||||
.status__content a,
|
||||
.reply-indicator__content a {
|
||||
color: lighten($ui-highlight-color, 12%);
|
||||
text-decoration: underline;
|
||||
|
||||
&.mention {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&.mention span {
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
&.status__content__spoiler-link {
|
||||
color: $secondary-text-color;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.status__content__read-more-button {
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.getting-started__footer a {
|
||||
text-decoration: underline;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.nothing-here {
|
||||
color: $darker-text-color;
|
||||
}
|
||||
|
||||
.public-layout .public-account-header__tabs__tabs .counter.active::after {
|
||||
border-bottom: 4px solid var(--brand-color);
|
||||
}
|
||||
|
|
@ -1,24 +0,0 @@
|
|||
// Dependent colors
|
||||
$black: #000000;
|
||||
|
||||
$classic-base-color: #282c37;
|
||||
$classic-primary-color: #9baec8;
|
||||
$classic-secondary-color: #d9e1e8;
|
||||
$classic-highlight-color: #2b90d9;
|
||||
|
||||
$ui-base-color: $classic-base-color !default;
|
||||
$ui-primary-color: $classic-primary-color !default;
|
||||
$ui-secondary-color: $classic-secondary-color !default;
|
||||
|
||||
// Differences
|
||||
$ui-highlight-color: #2b5fd9;
|
||||
|
||||
$darker-text-color: lighten($ui-primary-color, 20%) !default;
|
||||
$dark-text-color: lighten($ui-primary-color, 12%) !default;
|
||||
$secondary-text-color: lighten($ui-secondary-color, 6%) !default;
|
||||
$highlight-text-color: $classic-highlight-color !default;
|
||||
$action-button-color: #8d9ac2;
|
||||
|
||||
$inverted-text-color: $black !default;
|
||||
$lighter-text-color: darken($ui-base-color, 6%) !default;
|
||||
$light-text-color: darken($ui-primary-color, 40%) !default;
|
||||
|
|
@ -1,100 +0,0 @@
|
|||
@import 'soapbox-light/variables';
|
||||
|
||||
$glinner-yellow: #fff360;
|
||||
$glinner-orange: #ffa254;
|
||||
$glinner-brown: #726253;
|
||||
$glinner-steel: #b1bcbf;
|
||||
$glinner-navy: #536172;
|
||||
$glinner-tan: #e9d5cf;
|
||||
$glinner-cream: #e8e5dd;
|
||||
$glinner-mustard: #bcbb65;
|
||||
$glinner-sky: #aadaea;
|
||||
$glinner-teal: #267893;
|
||||
$glinner-dirt: #74733c;
|
||||
|
||||
$gab-brand-default: $glinner-teal;
|
||||
$gab-background-base-light: darken($glinner-sky, 17%);
|
||||
$gab-background: darken($glinner-cream, 7%);
|
||||
$ui-base-color: darken($glinner-sky, 17%);
|
||||
$ui-highlight-color: lighten($glinner-orange, 20%);
|
||||
$nav-ui-highlight-color: $glinner-sky;
|
||||
$ui-base-lighter-color: darken($glinner-orange, 35%);
|
||||
|
||||
$bg-size: 720px;
|
||||
|
||||
@import 'application';
|
||||
@import 'soapbox-light/diff';
|
||||
|
||||
body {
|
||||
background-color: #bcbb65;
|
||||
background-image: linear-gradient(to bottom,
|
||||
$glinner-teal 0%, $glinner-sky 70%,
|
||||
$glinner-dirt 70%, $glinner-mustard 100%
|
||||
);
|
||||
background-repeat: repeat-x;
|
||||
background-size: auto $bg-size;
|
||||
}
|
||||
|
||||
.public-layout {
|
||||
background-image: none;
|
||||
background-color: transparent;
|
||||
background-repeat: repeat-x;
|
||||
background-size: auto $bg-size;
|
||||
|
||||
.brand {
|
||||
filter: brightness(0%) invert(100%) drop-shadow(4px 4px lighten($gab-brand-default, 20%));
|
||||
}
|
||||
|
||||
.header .brand {
|
||||
filter: brightness(0%) invert(100%) drop-shadow(2px 2px lighten($gab-brand-default, 20%));
|
||||
}
|
||||
|
||||
.brand__tagline {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.brand__tagline span {
|
||||
background: lighten($gab-brand-default, 20%);
|
||||
}
|
||||
|
||||
.header .nav-link {
|
||||
color: #fff;
|
||||
filter: drop-shadow(1px 1px lighten($gab-brand-default, 20%));
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: $gab-background-base-light;
|
||||
}
|
||||
}
|
||||
|
||||
.footer {
|
||||
background-color: #74733c;
|
||||
|
||||
ul li a {
|
||||
color: darken($primary-text-color, 10%);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.ui {
|
||||
background: $gab-background;
|
||||
}
|
||||
|
||||
.tabs-bar__button-compose {
|
||||
background-color: darken($glinner-teal, 15%) !important;
|
||||
|
||||
&:hover {
|
||||
background-color: darken($glinner-teal, 20%) !important;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-with-badge__badge {
|
||||
background: $ui-highlight-color;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 767px) {
|
||||
.public-layout .header {
|
||||
margin-bottom: 70px;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
@import 'halloween/variables';
|
||||
@import 'application';
|
||||
@import 'halloween/diff';
|
||||
|
|
@ -1,201 +0,0 @@
|
|||
@keyframes twinkle {
|
||||
from { background-position: 0 0; }
|
||||
to { background-position: -10000px 5000px; }
|
||||
}
|
||||
|
||||
@keyframes clouds {
|
||||
from { background-position: 0 0; }
|
||||
to { background-position: 10000px 0; }
|
||||
}
|
||||
|
||||
body::before,
|
||||
body.app-body::after,
|
||||
#soapbox::before,
|
||||
#soapbox::after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: -100;
|
||||
}
|
||||
|
||||
body.app-body {
|
||||
background-color: $halloween-dark;
|
||||
background-image: url('../images/starfield.png');
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
body::before {
|
||||
background-image: url('../images/spiderweb.svg');
|
||||
}
|
||||
|
||||
body.app-body::after {
|
||||
z-index: -101;
|
||||
background: transparent url("../images/twinkle.svg") repeat top center;
|
||||
animation: twinkle 200s linear infinite;
|
||||
}
|
||||
|
||||
#soapbox::before {
|
||||
background-image: radial-gradient(
|
||||
circle,
|
||||
transparent 0%,
|
||||
transparent 60%,
|
||||
darken($halloween-dark, 30%) 100%
|
||||
);
|
||||
}
|
||||
|
||||
#soapbox::after {
|
||||
background: transparent url("../images/clouds.png") repeat top center;
|
||||
animation: clouds 200s linear infinite;
|
||||
}
|
||||
|
||||
// Dangling spider
|
||||
.ui .page__top::after,
|
||||
.ui .page__columns::after {
|
||||
content: '';
|
||||
display: block;
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
right: 20px;
|
||||
background-image: url('../images/spider.svg');
|
||||
background-size: contain;
|
||||
background-repeat: no-repeat;
|
||||
background-position: top right;
|
||||
z-index: -1;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.ui .page__columns::after {
|
||||
position: fixed;
|
||||
top: 50px;
|
||||
}
|
||||
|
||||
.ui .page__top::after {
|
||||
position: absolute;
|
||||
bottom: -100px;
|
||||
}
|
||||
|
||||
.ui .page__top + .page__columns::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.search__input {
|
||||
border-color: $halloween-dark;
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.search__icon .fa-times-circle,
|
||||
.search__icon .fa {
|
||||
color: $halloween-dark;
|
||||
|
||||
&:hover {
|
||||
color: lighten($halloween-dark, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.search__input::placeholder {
|
||||
color: darken($halloween-dark, 10%);
|
||||
}
|
||||
|
||||
.compose-form .autosuggest-textarea__textarea,
|
||||
.compose-form .spoiler-input__input {
|
||||
color: darken($halloween-dark, 15%);
|
||||
}
|
||||
|
||||
.tabs-bar__button-compose:hover {
|
||||
background-color: $nav-ui-highlight-color !important;
|
||||
}
|
||||
|
||||
.button {
|
||||
background-color: $halloween-orange;
|
||||
color: #000;
|
||||
|
||||
&:focus,
|
||||
&:hover {
|
||||
background-color: darken($halloween-orange, 10%);
|
||||
}
|
||||
}
|
||||
|
||||
.simple_form button,
|
||||
.simple_form .button,
|
||||
.simple_form .block-button {
|
||||
color: #000;
|
||||
}
|
||||
|
||||
.getting-started__footer::before {
|
||||
content: '';
|
||||
display: block;
|
||||
background-image: url('../images/halloween-emblem.svg');
|
||||
background-size: contain;
|
||||
background-position: left;
|
||||
background-repeat: no-repeat;
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.icon-with-badge__badge {
|
||||
background-color: $halloween-dark;
|
||||
}
|
||||
|
||||
.detailed-status,
|
||||
.detailed-status__action-bar {
|
||||
background-color: #282828;
|
||||
}
|
||||
|
||||
.focusable:focus,
|
||||
.focusable:focus .detailed-status,
|
||||
.focusable:focus .detailed-status__action-bar {
|
||||
background-color: #333;
|
||||
}
|
||||
|
||||
.timeline-queue-header,
|
||||
.notification__filter-bar,
|
||||
.account__section-headline,
|
||||
.notification__filter-bar button,
|
||||
.account__section-headline button {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
border-color: $halloween-orange;
|
||||
}
|
||||
|
||||
.dropdown-menu__item a {
|
||||
color: $halloween-orange;
|
||||
}
|
||||
|
||||
.dropdown-menu__arrow.bottom {
|
||||
border-bottom-color: $halloween-orange;
|
||||
}
|
||||
|
||||
.dropdown-menu__arrow.top {
|
||||
border-top-color: $halloween-orange;
|
||||
}
|
||||
|
||||
.compose-modal {
|
||||
background: $gab-background-container;
|
||||
}
|
||||
|
||||
.boost-modal__action-bar,
|
||||
.confirmation-modal__action-bar,
|
||||
.mute-modal__action-bar {
|
||||
background: $halloween-dark;
|
||||
}
|
||||
|
||||
.boost-modal,
|
||||
.confirmation-modal,
|
||||
.report-modal,
|
||||
.actions-modal,
|
||||
.mute-modal {
|
||||
border-color: $halloween-orange;
|
||||
}
|
||||
|
|
@ -1,12 +0,0 @@
|
|||
$halloween-orange: #dc6d00;
|
||||
$halloween-dark: #904700;
|
||||
|
||||
$gab-brand-default: $halloween-orange;
|
||||
$gab-text-highlight: lighten($halloween-orange, 20%);
|
||||
$gab-secondary-text: #ccc;
|
||||
$gab-placeholder-accent: #ccc;
|
||||
$gab-background-base: darken($halloween-orange, 15%);
|
||||
|
||||
$action-button-color: #ccc;
|
||||
|
||||
$nav-ui-search-bg-color: lighten($halloween-orange, 20%);
|
||||
|
|
@ -1,16 +0,0 @@
|
|||
@import 'soapbox-light/variables';
|
||||
|
||||
$gab-brand-default: #1ca82b;
|
||||
$gab-background-base-light: #fafff9;
|
||||
$gab-background: $gab-background-base-light;
|
||||
$ui-base-color: #f5fff0;
|
||||
$ui-highlight-color: $gab-brand-default;
|
||||
$nav-ui-highlight-color: #69f31f;
|
||||
$ui-base-lighter-color: darken(#69f31f, 35%);
|
||||
|
||||
@import 'application';
|
||||
@import 'soapbox-light/diff';
|
||||
|
||||
.public-layout .footer ul li a {
|
||||
color: lighten($gab-brand-default, 10%);
|
||||
}
|
||||
|
|
@ -1,34 +0,0 @@
|
|||
@import 'soapbox-light/variables';
|
||||
|
||||
$gab-brand-default: #34565c;
|
||||
$gab-background-base-light: #f6fbfb;
|
||||
$gab-background: $gab-background-base-light;
|
||||
$ui-base-color: #e9f6f5;
|
||||
$ui-highlight-color: $gab-brand-default;
|
||||
$nav-ui-highlight-color: #2da8be;
|
||||
$ui-base-lighter-color: darken(#2da8be, 35%);
|
||||
|
||||
@import 'application';
|
||||
@import 'soapbox-light/diff';
|
||||
|
||||
.public-layout {
|
||||
background: $gab-brand-default url("../images/neenster/fish.gif");
|
||||
|
||||
.brand {
|
||||
filter: brightness(0%) invert(100%);
|
||||
}
|
||||
|
||||
.brand__tagline {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.header .nav-link {
|
||||
color: #fff;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
color: $gab-background-base-light;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,3 +0,0 @@
|
|||
@import 'soapbox-light/variables';
|
||||
@import 'application';
|
||||
@import 'soapbox-light/diff';
|
||||
|
|
@ -1,29 +1,5 @@
|
|||
.page--floral { background-image: url('../images/pro_bg/floral--light.svg'); }
|
||||
|
||||
body.theme-purple-dark,
|
||||
body.theme-purple-contrast {
|
||||
body.theme-dark {
|
||||
.page--floral { background-image: url('../images/pro_bg/floral--dark.svg'); }
|
||||
}
|
||||
|
||||
body.theme-halloween {
|
||||
.page--customization {
|
||||
background-color: #904700;
|
||||
|
||||
&::before {
|
||||
background: radial-gradient(circle, transparent 0%, transparent 60%, #000 100%);
|
||||
content: "";
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
.page--floral { background-image: url('../images/pro_bg/floral--halloween.svg'); }
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue