random-mirrors/gab-social
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Patch fixes to colors on the home feed accordion panel options.

Browse Source
This commit is contained in:
Dank Gabs 2019-07-03 13:49:45 -04:00
parent 447de8e6dc
commit 69e0f95bf2
3 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
app/javascript/styles/gabsocial-light/diff.scss
View File

@ -210,7 +210,7 @@
}
.react-toggle.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
background: lighten($ui-highlight-color, 10%);
background: lighten($gab-brand-default, 10%);
}
// Change the default color used for the text in an empty column or on the error column
@ -278,13 +278,6 @@
}
}
.status__content,
.reply-indicator__content {
a {
color: $highlight-text-color;
}
}
.button.logo-button {
color: $white;

13
app/javascript/styles/gabsocial/components.scss
View File

@ -377,7 +377,7 @@
}
a {
color: $secondary-text-color;
color: $gab-brand-default;
text-decoration: none;
&:hover {
@ -439,12 +439,11 @@
display: block;
font-size: 15px;
line-height: 20px;
color: lighten($ui-highlight-color, 8%);
color: $gab-brand-default;
border: 0;
background: transparent;
padding: 0;
padding-top: 8px;
&:hover,
&:active {
text-decoration: underline;
@ -1881,11 +1880,11 @@ a.account__display-name {
}
.react-toggle--checked .react-toggle-track {
background-color: $ui-highlight-color;
background-color: $gab-brand-default;
}
.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
background-color: lighten($ui-highlight-color, 10%);
background-color: lighten($gab-brand-default, 10%);
}
.react-toggle-track-check {
@ -1941,7 +1940,7 @@ a.account__display-name {
.react-toggle--checked .react-toggle-thumb {
left: 27px;
border-color: $ui-highlight-color;
border-color: $gab-brand-default;
}
.column-link {
@ -2576,7 +2575,7 @@ a.status-card.compact:hover {
}
.column-header__collapsible-inner {
background: lighten($ui-base-color, 8%);
background: #e6e6e6;
padding: 15px;
}

10
app/javascript/styles/gabsocial/variables.scss
View File

@ -7,27 +7,35 @@
// NOTE - will eventually create a systematic approach of setting color variables to easily change instance themes
// STATIC COLORS
$gab-brand-default: #21cf7a;
$gab-alert-red: #cc6643;
$gab-secondary-text: #999;
$gab-text-highlight: $gab-brand-default;
// THEME COLORS
// default theme (dark)
$gab-background-base: #333;
$gab-background-container: #222;
$gab-placeholder-accent: #666;
// light theme
$gab-background-base-light: #f2f3f6;
$gab-background-container-light: #fff;
$gab-default-text-light: #6c6c6c;
// THEME MIXINS
// theme mixins
@mixin light-theme-shadow() {box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);}
// BREAKPOINT SETS
// navigation breakpoints - by default show all elements and link names along with icons
// turns navigation links into icon-only buttons
$nav-breakpoint-1: 850px;
// search field hidden and replaced with search icon link