diff --git a/app/javascript/mastodon/features/compose/components/compose_form.jsx b/app/javascript/mastodon/features/compose/components/compose_form.jsx
index 9222b2dc8..667d4541a 100644
--- a/app/javascript/mastodon/features/compose/components/compose_form.jsx
+++ b/app/javascript/mastodon/features/compose/components/compose_form.jsx
@@ -100,7 +100,7 @@ class ComposeForm extends ImmutablePureComponent {
const fulltext = this.getFulltextForCharacterCounting();
const isOnlyWhitespace = fulltext.length !== 0 && fulltext.trim().length === 0;
- return !(isSubmitting || isUploading || isChangingUpload || length(fulltext) > 500 || (isOnlyWhitespace && !anyMedia));
+ return !(isSubmitting || isUploading || isChangingUpload || length(fulltext) > 2000 || (isOnlyWhitespace && !anyMedia));
};
handleSubmit = (e) => {
@@ -297,7 +297,7 @@ class ComposeForm extends ImmutablePureComponent {
-
+
diff --git a/app/javascript/styles/pop-light/variables.scss b/app/javascript/styles/pop-light/variables.scss
index fea1087ba..14b8feb9d 100644
--- a/app/javascript/styles/pop-light/variables.scss
+++ b/app/javascript/styles/pop-light/variables.scss
@@ -1,6 +1,12 @@
// Commonly used web colors
$black: #3b3633; // Black
$white: #fafafa; // White
+$red-600: #a3360a; // Cerise
+$red-500: #a3360a; // Cerise
+$blurple-600: #40b6c5;
+$blurple-500: #48b9c7;
+$blurple-400: #48b9c7;
+$blurple-300: #48b9c7;
$classic-base-color: #49423e; // Midnight Express
$classic-primary-color: #c9c7c5; // Echo Blue
@@ -24,7 +30,7 @@ $darker-text-color: $classic-base-color !default;
$dark-text-color: #0c0c0c;
$action-button-color: #635d58;
-$error-red: #a3360a; // Cerise
+$error-red: $red-500; // Cerise
$warning-red: #f9dfb6; // Sunset Orange
$gold-star: #faa41a; // Dark Goldenrod
@@ -37,7 +43,7 @@ $base-overlay-background: #3b3633;
$base-border-color: #fafafa;
$simple-background-color: #fafafa;
$valid-value-color: #3e935b;
-$error-value-color: #a3360a;
+$error-value-color: $warning-red;
//Newly added colors
$account-background-color: $white !default;
diff --git a/app/javascript/styles/pop/variables.scss b/app/javascript/styles/pop/variables.scss
index 3c3bb8d9e..3e963bb4b 100644
--- a/app/javascript/styles/pop/variables.scss
+++ b/app/javascript/styles/pop/variables.scss
@@ -1,8 +1,15 @@
// Commonly used web colors
$black: #3b3633; // Black
$white: #fafafa; // White
+$red-600: #a3360a;
+$red-500: #a3360a;
+$blurple-600: #40b6c5;
+$blurple-500: #48b9c7;
+$blurple-400: #48b9c7;
+$blurple-300: #48b9c7;
+
$success-green: #3e935b; // Padua
-$error-red: #a3360a; // Cerise
+$error-red: $red-500; // Cerise
$warning-red: #f9dfb6; // Sunset Orange
$gold-star: #faa41a; // Dark Goldenrod
@@ -12,7 +19,7 @@ $base-border-color: #fafafa;
$simple-background-color: #fafafa;
$primary-text-color: #fafafa;
$valid-value-color: #3e935b;
-$error-value-color: #a3360a;
+$error-value-color: $warning-red;
// Values from the classic Mastodon UI
$classic-base-color: #49423e; // Midnight Express
diff --git a/app/javascript/styles/werefox/variables.scss b/app/javascript/styles/werefox/variables.scss
index 6b6851179..906953fcf 100644
--- a/app/javascript/styles/werefox/variables.scss
+++ b/app/javascript/styles/werefox/variables.scss
@@ -1,8 +1,15 @@
// Commonly used web colors
$black: #3b3633; // Black
$white: #fafafa; // White
+$red-500: #a3360a;
+$red-600: #a3360a;
+$blurple-600: #1c70ce;
+$blurple-500: #1c70ce;
+$blurple-400: #1c70ce;
+$blurple-300: #1c70ce;
+
$success-green: #3e935b; // Padua
-$error-red: #a3360a; // Cerise
+$error-red: $red-500; // Cerise
$warning-red: #f9dfb6; // Sunset Orange
$gold-star: #faa41a; // Dark Goldenrod
@@ -12,7 +19,7 @@ $base-border-color: #fafafa;
$simple-background-color: #fafafa;
$primary-text-color: #fafafa;
$valid-value-color: #3e935b;
-$error-value-color: #a3360a;
+$error-value-color: $warning-red;
// Values from the classic Mastodon UI
$classic-base-color: #2a2a2a; // WS Black