TGUI Say UI style fix (#21752)

## Description

Fixed the tgui-say interface looking weird for some reason, cleaned up
the colours list (no changes, just moved directly into `_channel_map`
rather than being variables), removed some unused style classes, and
updated the `LINE_LENGTH` values to work better for Aurora's 380px input
box rather than TG's 231px.

For reference, this is what it's supposed to look like: (from the
original PR, https://github.com/tgstation/tgstation/pull/67116)
<img width="240" height="35" alt="image"
src="https://github.com/user-attachments/assets/4a1047e4-e083-45b1-917e-c5ade0136745"
/>

## Media
**Before:**
<img width="380" height="30" alt="Before1"
src="https://github.com/user-attachments/assets/854f39b4-56ef-43d0-b7d2-0471362213b1"
/>

**After:**
<img width="380" height="30" alt="After1"
src="https://github.com/user-attachments/assets/a6e26e18-443a-40cb-ac97-746971621545"
/>

### Line length adjustment:

**Before:**

![before2](https://github.com/user-attachments/assets/58ee123c-ca60-49bf-9017-2927bf6bbe92)

**After:**

![after2](https://github.com/user-attachments/assets/f3ab362d-4fce-4f59-b362-e8b017b60a3d)

## Changelog
- bugfix: Adjusted the styling and auto-expand line length of the chat
input box.

html/changelogs/SabreML-PR-tgui-say-style-fix.yml

@@ -0,0 +1,13 @@
+# Your name.
+author: SabreML
+
+# Optional: Remove this file after generating master changelog.  Useful for PR changelogs that won't get used again.
+delete-after: True
+
+# Any changes you've made.  See valid prefix list above.
+# INDENT WITH TWO SPACES.  NOT TABS.  SPACES.
+# SCREW THIS UP AND IT WON'T WORK.
+# Also, this gets changed to [] after reading.  Just remove the brackets when you add new shit.
+# Please surround your changes in  double quotes ("). It works without them, but if you use certain characters it screws up compiling. The quotes will not show up in the changelog.
+changes:
+  - bugfix: "Adjusted the styling of the chat input box."

tgui/packages/tgui-say/TguiSay.tsx

@@ -357,7 +357,7 @@ export class TguiSay extends Component<{}, State> {
               className={`button button-${theme}`}
               onClick={this.handleClose}
               type="submit"
-              style={{ width: '2rem', marginRight: '5px' }}
+              style={{ width: '2rem' }}
             >
               X
             </button>

tgui/packages/tgui-say/constants.ts

@@ -8,8 +8,8 @@ export enum WINDOW_SIZES {
 
 /** Line lengths for autoexpand */
 export enum LINE_LENGTHS {
-  small = 38,
-  medium = 76,
+  small = 54,
+  medium = 108,
 }
 
 /**

tgui/packages/tgui-say/styles/colors.scss

@@ -7,57 +7,28 @@ $lightBorder: #bbbbbb;
 $lightHover: #eaeaea;
 $scrollbar-color-multiplier: 1 !default;
 
-////////////////////////////////////////////////
-// Normal chat colors
-$say: #a4bad6;
-$radio: #1ecc43;
-$me: #5975da;
-$ooc: #cca300;
-$looc: #e362b4;
-
-////////////////////////////////////////////////
-// Subchannel chat colors
-$ai: #d65d95;
-$admin: #ffbbff;
-$binary: #1e90ff;
-$centcom: #2681a5;
-$command: #5b8deb;
-$engi: #cc7b01;
-$hive: #855d85;
-$medical: #57b8f0;
-$science: #c68cfa;
-$security: #e21111;
-$syndicate: #ac6667;
-$service: #7fc732;
-$supply: #c09141;
-$hail: #8b4cd8;
-$ent: #cfcfcf;
-$cling: #376340;
-$exped: #d6bc67;
-
 $_channel_map: (
-  'Say': $say,
-  'Comm': $radio,
-  'Radio': $radio,
-  'Me': $me,
-  'OOC': $ooc,
-  'LOOC': $looc,
-  'AI': $ai,
-  'io': $binary,
-  'Cmd': $command,
-  'Engi': $engi,
-  'Med': $medical,
-  'Sci': $science,
-  'Sec': $security,
-  'Merc': $syndicate,
-  'Synd': $syndicate,
-  'Pen': $syndicate,
-  'Svc': $service,
-  'Supp': $supply,
-  'Hail': $hail,
-  'Ent': $ent,
-  'Cling': $cling,
-  'Exped': $exped,
+  'Say': #a4bad6,
+  'Radio': #1ecc43,
+  'Me': #5975da,
+  'OOC': #cca300,
+  'LOOC': #e362b4,
+  'AI': #d65d95,
+  'Cling': #376340,
+  'Cmd': #5b8deb,
+  'Engi': #cc7b01,
+  'Ent': #cfcfcf,
+  'Exped': #d6bc67,
+  'Hail': #8b4cd8,
+  'io': #1e90ff,
+  'Med': #57b8f0,
+  'Merc': #ac6667,
+  'Pen': #ac6667,
+  'Sci': #c68cfa,
+  'Sec': #e21111,
+  'Supp': #c09141,
+  'Svc': #7fc732,
+  'Synd': #ac6667,
 );
 
 $channel_keys: map.keys($_channel_map) !default;

tgui/packages/tgui-say/styles/content.scss

@@ -3,11 +3,5 @@
   flex: 1 1 0;
   height: 100%;
   width: 100%;
-}
-
-.input {
-  display: flex;
-  flex: 1 1 0;
-  height: 100%;
-  width: 100%;
+  min-height: 0px;
 }

tgui/packages/tgui-say/styles/dragzone.scss

@@ -35,7 +35,6 @@ $borderSize: 2px;
 .dragzone-vertical {
   color: transparent;
   height: 100%;
-  position: absolute;
   top: 0;
   width: $dragSize;
 }

tgui/packages/tgui-say/styles/window.scss

@@ -21,13 +21,6 @@
   background-color: colors.$lightMode;
 }
 
-.window__content {
-  display: flex;
-  flex-direction: row;
-  height: 100%;
-  padding: 1px 0 1px 5px;
-}
-
 /** Window sizes */
 .window-30 {
   height: 30px;