[frogend] Settings refactor (#1318)

* yakshave new form field structure

* fully refactor user profile settings form

* use rtk query api for profile settings

* refactor user post settings

* refactor password change form

* refactor admin settings

* FormWithData structure for user forms

* admin actions refactor

* whitespace

* fix user settings data prop

* remove superfluous logging

* cleanup old code

* refactor federation/suspend (overview, detail)

* mostly abstracted (emoji) checkbox list

* refactor parse-from-toot

* refactor custom-emoji, progress on federation bulk

* loading icon styling to prevent big spinny

* refactor federation import-export interface

* cleanup old files

* [chore] Update/add license headers for 2023

* redux fixes

* text-field exports

* appease the linter

* refactor authentication with RTK Query

* fix login/logout state transition weirdness

* fixes/cleanup

* small linter-related fixes

* add eslint license header check, fix existing files

* remove old code, clarify comment

* clarify suspend on subdomains

* collapse if/else

* fa-fw width info comment

2 files changed, 16 insertions, 4 deletions

diff --git a/web/source/css/_colors.css b/web/source/css/_colors.css
index ca17f5798..13a75c9f5 100644
--- a/web/source/css/_colors.css
+++ b/web/source/css/_colors.css
@@ -47,7 +47,13 @@ $blue3: #89caff; /* hover/selected accent to $blue2, can be used with $gray1 (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) */
 $error3: #dd2c2c; /* Error button background text, can be used with $white1 (4.51) */
-$error-link: #185F8C; /* Error link text, can be used with $error2 (5.54) */
+$error-link: #01318C; /* Error link text, can be used with $error2 (5.56) */
+
+$green1: #94E749; /* Green for positive/confirmation, similar contrast (luminance) as $blue2 */
+
+$info-fg: $gray1;
+$info-bg: #b3ddff;
+$info-link: $error-link;
 
 $fg: $white1;
 $bg: $gray1;
@@ -92,6 +98,7 @@ $avatar-border: $orange2;
 $input-bg: $gray4;
 $input-disabled-bg: $gray2;
 $input-border: $blue1;
+$input-error-border: $error3;
 $input-focus-border: $blue3;
 
 $settings-nav-bg: $bg-accent;
@@ -107,5 +114,6 @@ $settings-nav-bg-active: $gray2;
 $error-fg: $error1;
 $error-bg: $error2;
 
-$settings-entry-bg: $gray3;
+$settings-entry-bg: $gray2;
+$settings-entry-alternate-bg: $gray3;
 $settings-entry-hover-bg: $gray4;
\ No newline at end of file
diff --git a/web/source/css/base.css b/web/source/css/base.css
index 340052b5a..e0350577d 100644
--- a/web/source/css/base.css
+++ b/web/source/css/base.css
@@ -311,12 +311,16 @@ input, select, textarea, .input {
 	font-size: 1rem;
 	padding: 0.3rem;
 
-	&:focus {
+	&:focus, &:active {
 		border-color: $input-focus-border;
 	}
 
+	&:invalid {
+		border-color: $input-error-border;
+	}
+
 	&:disabled {
-		background: $input-disabled-bg;
+		background: transparent;
 	}
 }