CloudToys/puyopuyotetr.is
1
0
Fork 0
Code

[Glitch] Change brand color and logotypes

Browse Source 
Port SCSS changes from 45aa5781ce to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
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; align-items: center;
padding: 50px; padding: 50px;
svg { .logo {
fill: $primary-text-color; fill: $primary-text-color;
height: 52px; 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; padding: 40px;
.logo { .logo {
fill: $primary-text-color;
width: 50px; width: 50px;
margin: 0 auto; margin: 0 auto;
margin-bottom: 40px; margin-bottom: 40px;

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

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

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

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

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

@ -6,6 +6,7 @@
@import 'reset'; @import 'reset';
@import 'basics'; @import 'basics';
@import 'branding';
@import 'containers'; @import 'containers';
@import 'lists'; @import 'lists';
@import 'modal'; @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-base-color: #282c37; // Midnight Express
$classic-primary-color: #9baec8; // Echo Blue $classic-primary-color: #9baec8; // Echo Blue
$classic-secondary-color: #d9e1e8; // Pattens Blue $classic-secondary-color: #d9e1e8; // Pattens Blue
$classic-highlight-color: #2b90d9; // Summer Sky $classic-highlight-color: #6364ff; // Brand purple
// Variables for defaults in UI // Variables for defaults in UI
$base-shadow-color: $black !default; $base-shadow-color: $black !default;