Enable Stylelint color-hex-length (#34310)

app/javascript/styles/contrast/variables.scss

@@ -1,7 +1,7 @@
 @use '../mastodon/functions' as *;
 
 // Dependent colors
-$black: #000000;
+$black: #000;
 
 $classic-base-color: hsl(240deg, 16%, 19%);
 $classic-primary-color: hsl(240deg, 29%, 70%);

app/javascript/styles/mastodon-light/variables.scss

@@ -5,8 +5,8 @@
   $lighten-multiplier: -1
 );
 
-$black: #000000; // Black
-$white: #ffffff; // White
+$black: #000; // Black
+$white: #fff; // White
 $blurple-500: #6364ff; // Brand purple
 $grey-600: hsl(240deg, 8%, 33%); // Trout
 $grey-100: hsl(240deg, 51%, 90%); // Topaz

app/javascript/styles/mastodon/_variables.scss

@@ -2,8 +2,8 @@
 @use 'functions' as *;
 
 // Commonly used web colors
-$black: #000000; // Black
-$white: #ffffff; // White
+$black: #000; // Black
+$white: #fff; // White
 $red-600: #b7253d !default; // Deep Carmine
 $red-500: #df405a !default; // Cerise
 $blurple-600: #563acc; // Iris

stylelint.config.js

@@ -16,7 +16,6 @@ module.exports = {
     'at-rule-empty-line-before': null,
     'color-function-notation': null,
     'color-function-alias-notation': null,
-    'color-hex-length': null,
     'declaration-block-no-redundant-longhand-properties': null,
     'no-descending-specificity': null,
     'no-duplicate-selectors': null,