treehouse
/
mastodon
22
8
Fork 5
Code Issues 32 Pull Requests Projects 1 Releases Wiki Activity

[Glitch] Change brand color and logotypes 

Port SCSS changes from 45aa5781ce to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
remotes/1703361221475462875/rebase/4.0.0rc1
Eugen Rochko 2022-06-09 22:25:23 +02:00 committed by Claire
parent 15929a3d59
commit b31c32fd61
7 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/javascript/flavours/glitch/styles/about.scss
View File

@ -690,7 +690,7 @@ $small-breakpoint: 960px;
align-items: center;
padding: 50px;
svg {
.logo {
fill: $primary-text-color;
height: 52px;
}

3
app/javascript/flavours/glitch/styles/branding.scss Normal file
View File

@ -0,0 +1,3 @@
.logo {
color: $primary-text-color;
}

1
app/javascript/flavours/glitch/styles/components/columns.scss
View File

@ -822,7 +822,6 @@
padding: 40px;
.logo {
fill: $primary-text-color;
width: 50px;
margin: 0 auto;
margin-bottom: 40px;

5
app/javascript/flavours/glitch/styles/containers.scss
View File

@ -20,8 +20,7 @@
justify-content: center;
align-items: center;
svg {
fill: $primary-text-color;
.logo {
height: 42px;
margin-right: 10px;
}
@ -322,7 +321,7 @@
display: block;
padding: 15px;
svg {
.logo {
display: block;
height: 18px;
width: auto;

8
app/javascript/flavours/glitch/styles/footer.scss
View File

@ -132,19 +132,19 @@
}
.brand {
svg {
.logo {
display: block;
height: 36px;
width: auto;
margin: 0 auto;
fill: lighten($ui-base-color, 34%);
color: lighten($ui-base-color, 34%);
}
&:hover,
&:focus,
&:active {
svg {
fill: lighten($ui-base-color, 38%);
.logo {
color: lighten($ui-base-color, 38%);
}
}
}

1
app/javascript/flavours/glitch/styles/index.scss
View File

@ -6,6 +6,7 @@
@import 'reset';
@import 'basics';
@import 'branding';
@import 'containers';
@import 'lists';
@import 'modal';

2
app/javascript/flavours/glitch/styles/variables.scss
View File

@ -12,7 +12,7 @@ $red-bookmark: $warning-red;
$classic-base-color: #282c37; // Midnight Express
$classic-primary-color: #9baec8; // Echo Blue
$classic-secondary-color: #d9e1e8; // Pattens Blue
$classic-highlight-color: #2b90d9; // Summer Sky
$classic-highlight-color: #6364ff; // Brand purple
// Variables for defaults in UI
$base-shadow-color: $black !default;