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