mirror of
https://github.com/superseriousbusiness/gotosocial.git
synced 2024-07-31 09:35:02 +00:00
938328cd07
* settings panel restructuring * clean up old Gin handlers * colorscheme redesign, some other small css tweaks * basic router layout, error boundary * colorscheme redesign, some other small css tweaks * kebab-case consistency * superfluous padding on applist * remove unused consts * redux, whitespace changes.. * use .jsx extensions for components * login flow up till app registration * full redux oauth implementation, with basic error handling * split oauth api functions * oauth api revocation handling * basic profile change submission * move old dir * profile overview * fix keeping track of the wrong instance url (for different instance/api domains) * use redux state for profile form * delete old/index.js, old/basic.js, fully implemented * implement old/user/profile.js * implement password change * remove debug logging * support future api for removing files * customize profile css * remove unneeded wrapper components * restructure form fields * start on admin pages * admin panel settings * admin settings panel * remove old/admin files * add top-level redirect * refactor/cleanup forms * only do API checks on logged-in state * admin-status based routing * federation block routing * federation blocks * upgrade dependencies * react 18 changes * media cleanup * fix useEffect hooks * remove unused require * custom emoji base * emoji uploader * delete last old panel files * sidebar styling, remove unused page * refactor submit functions * fix sidebar boxshadow-border * fix old css variables * fix fake-toot avatar * fix non-square emoji * fix user settings redux keys * properly get admin account contact from instance response * Account.source default values * source.status_format key * mobile responsiveness * mobile element tweaks * proper redirect after removing block * add redirects for old setting panel urls * deletes * fix mobile overflow * clean up debug logging calls
107 lines
3.3 KiB
CSS
107 lines
3.3 KiB
CSS
/*
|
|
GoToSocial
|
|
Copyright (C) 2021-2022 GoToSocial Authors admin@gotosocial.org
|
|
|
|
This program is free software: you can redistribute it and/or modify
|
|
it under the terms of the GNU Affero General Public License as published by
|
|
the Free Software Foundation, either version 3 of the License, or
|
|
(at your option) any later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU Affero General Public License for more details.
|
|
|
|
You should have received a copy of the GNU Affero General Public License
|
|
along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
*/
|
|
|
|
/*
|
|
This stylesheets defines (color) variables to be used by other stylesheets on the page
|
|
postcss-custom-prop-vars will transpile these to css --variables
|
|
*/
|
|
|
|
/* Color definitions */
|
|
|
|
/* Foreground */
|
|
$white1: #fafaff; /* default text color, contrast >= 5.0 with all $grays */
|
|
$white2: #b3b5c6; /* less important text, can be used with $gray1 (6.8), $gray2 (5.5), $gray3 (4.9), $gray4 (4.5) */
|
|
|
|
/* Background shades, contrast >= 5.0 with $white1 (#fafaff) */
|
|
$gray1: #2a2b2f;
|
|
$gray2: #35363b;
|
|
$gray3: #3a3b41;
|
|
$gray4: #45464e;
|
|
$gray5: #4d4e56;
|
|
$gray6: #575861;
|
|
$gray7: #5d5e67;
|
|
$gray8: #696a75;
|
|
|
|
$orange1: #fd6a00; /* Used for non-text accent colors, can be used as background: $gray1 for text color (contrast 4.6)*/
|
|
$orange2: #ff853e; /* hover/selected accent to $orange1, can be used with $gray1 (5.7), $gray2 (4.6) */
|
|
|
|
$blue1: #3a9fde; /* darker blue for smaller elements (borders), can only be used with $gray1 (4.7) */
|
|
$blue2: #66befe; /* all-round accent color, can be used with $gray1 (6.8), $gray2 (5.5), $gray3 (4.9), $gray4 (4.5) */
|
|
$blue3: #89caff; /* hover/selected accent to $blue2, can be used with $gray1 (7.9), $gray2 (6.3), $gray3 (5.6), $gray4 (5.2), $gray5 (4.7) */
|
|
|
|
$error1: #860000; /* Error border/foreground text, can be used with $error2 (5.0), $white1 (10), $white2 (5.1) */
|
|
$error2: #ff9796; /* Error background text, can be used with $error1 (5.0), $gray1 (6.6), $gray2 (5.3), $gray3 (4.8) */
|
|
$error-link: #185F8C; /* Error link text, can be used with $error2 (5.54) */
|
|
|
|
$fg: $white1;
|
|
$bg: $gray1;
|
|
|
|
$bg-trans: color-mod($gray5 alpha(62%));
|
|
|
|
$bg-accent: $gray5;
|
|
$fg-accent: $blue3;
|
|
$fg-reduced: $white2;
|
|
$border-accent: $orange2;
|
|
|
|
/* Color variables as used in a specific location */
|
|
|
|
$link-fg: $fg-accent;
|
|
|
|
$button-bg: $blue2;
|
|
$button-fg: $gray1;
|
|
$button-hover-bg: $blue3;
|
|
|
|
$button-danger-bg: $orange1;
|
|
$button-danger-fg: $gray1;
|
|
$button-danger-hover-bg: $orange2;
|
|
|
|
$toot-focus-bg: $gray5;
|
|
$toot-unfocus-bg: $gray3;
|
|
|
|
$toot-info-bg: $gray4;
|
|
|
|
$no-img-desc-bg: $orange1;
|
|
$no-img-desc-fg: $gray1;
|
|
|
|
$bg-sensitive: $gray1;
|
|
|
|
$boxshadow: 0 0.4rem 1rem -0.1rem rgba(0,0,0,0.15);
|
|
$boxshadow-border: 0.08rem solid $gray1;
|
|
|
|
$avatar-border: $orange2;
|
|
|
|
$input-bg: $gray4;
|
|
$input-disabled-bg: $gray2;
|
|
$input-border: $blue1;
|
|
$input-focus-border: $blue3;
|
|
|
|
$settings-nav-bg: $bg-accent;
|
|
$settings-nav-header-fg: $gray1;
|
|
$settings-nav-header-bg: $orange1;
|
|
|
|
$settings-nav-bg-hover: $gray3;
|
|
/* $settings-nav-fg-hover: $gray1; */
|
|
|
|
$settings-nav-bg-active: $gray2;
|
|
/* $settings-nav-fg-active: $orange2; */
|
|
|
|
$error-fg: $error1;
|
|
$error-bg: $error2;
|
|
|
|
$settings-entry-bg: $gray3;
|
|
$settings-entry-hover-bg: $gray4; |