Updates default TGUI background, overhauls autolathe tgui theme (#2515)

<!-- Write **BELOW** The Headers and **ABOVE** The comments else it may
not be viewable. -->
<!-- You can view Contributing.MD for a detailed description of the pull
request process. -->

## About The Pull Request
Adds shiptest SVG as a replacement for the NT one in default tgui theme
Overhauls `ntos_terminal` theme, giving it an orange hue and adding it
to autolathes.

![image](https://github.com/shiptest-ss13/Shiptest/assets/81882910/1786295b-adc7-49fb-b353-a1036c98c211)
 
<!-- Describe The Pull Request. Please be sure every change is
documented or this can delay review and even discourage maintainers from
merging your PR! -->

## Changelog

:cl:
add: Autolathe has a new TGUI theme.
imageadd: New TGUI background, the Shiptest logo.
/:cl:

<!-- Both :cl:'s are required for the changelog to work! You can put
your name to the right of the first :cl: if you want to overwrite your
GitHub username as author ingame. -->
<!-- You can use multiple of the same prefix (they're only used for the
icon ingame) and delete the unneeded ones. Despite some of the tags,
changelogs should generally represent how a player might be affected by
the changes rather than a summary of the PR's contents. -->

---------

Signed-off-by: thgvr <[email protected]>
Co-authored-by: Mark Suckerberg <[email protected]>

tgui/packages/tgui/interfaces/Autolathe.js

@@ -37,7 +37,7 @@ export const Autolathe = (props, context) => {
     (material) => material.mineral_amount > 0
   );
   return (
-    <Window title="Autolathe" width={600} height={600}>
+    <Window title="Autolathe" theme="ntos_terminal" width={600} height={700}>
       <Window.Content scrollable>
         <Section
           title="Total Materials"
@@ -220,7 +220,7 @@ export const Autolathe = (props, context) => {
                           maxValue={design.maxmult}
                           disabled={design.buildable}
                           backgroundColor={
-                            design.buildable ? '#999999' : 'default'
+                            design.buildable ? '#00000000' : 'default'
                           }
                           onCommit={(e, value) =>
                             act('make', {

tgui/packages/tgui/styles/main.scss

@@ -88,7 +88,7 @@
 
 // NT Theme
 .Layout__content {
-  background-image: url('../assets/bg-nanotrasen.svg');
+  background-image: url('../assets/bg-shiptest.svg');
   background-size: 70%;
   background-position: center;
   background-repeat: no-repeat;

tgui/packages/tgui/styles/themes/ntos_terminal.scss

@@ -7,14 +7,14 @@
 @use 'sass:meta';
 
 @use '../colors.scss' with (
-  $primary: #24e87e,
-  $label: #24e87e,
-  $good: rgba(36, 232, 127, 0.5),
+  $primary: #d19c55,
+  $label: #d19c55,
+  $good: rgba(178, 95, 51, 0.5),
   // $fg-map-keys: (),
   // $bg-map-keys: (),
 );
 @use '../base.scss' with (
-  $color-bg: #121b12,
+  $color-bg: #b25f33,
   $color-bg-grad-spread: 0%
 );
 
@@ -26,9 +26,9 @@
   @include meta.load-css(
     '../components/Button.scss',
     $with: (
-      'color-default': rgba(0, 0, 0, 0),
-      'color-disabled': #4a6a4a,
-      'color-selected': rgba(36, 232, 127, 0.25)
+      'color-default': rgba(178, 95, 51, 0.5),
+      'color-disabled': rgba(0, 0, 0, 0),
+      'color-selected': rgba(178, 95, 51, 0.5)
     )
   );
   @include meta.load-css(
@@ -38,8 +38,8 @@
   @include meta.load-css(
     '../components/ProgressBar.scss',
     $with: (
-      'background-color': rgba(0, 0, 0, 0.5),
-      'color-default-fill': rgba(36, 232, 127, 0.5)
+      'background-color': rgba(93, 59, 35, 0.8),
+      'color-default-fill': rgba(178, 95, 51, 0.5)
     )
   );
   @include meta.load-css('../components/Modal.scss');
@@ -50,7 +50,7 @@
   @include meta.load-css('../layouts/Window.scss');
   @include meta.load-css(
     '../layouts/TitleBar.scss',
-    $with: ('background-color': rgba(0, 97, 0, 0.25))
+    $with: ('background-color': rgba(99, 56, 33, 0.5))
   );
 
   .Layout__content {
@@ -62,51 +62,43 @@
         transparent 2.5px,
         transparent 5px
       ),
-      radial-gradient(rgba(0, 97, 0, 0.75), black 120%);
+      radial-gradient(rgba(178, 95, 51, 0.75), black 170%);
     background-size: 100%, 100%;
     background-position: center, center;
   }
 
   .Button {
     font: Inconsolata;
-    color: #24e87e;
-    text-shadow: 0 0 2px #24e87e;
+    color: #d19c55;
   }
   .Button:hover {
-    background-color: rgba(36, 232, 127, 0.25);
+    background-color: rgba(178, 95, 51, 0.25);
     transition: 0.1s;
   }
   .Button--selected {
-    color: #24e87e;
+    color: #d19c55;
   }
 
   body {
     //background-color: black;
     color: white;
     font: 1.3rem Inconsolata;
-    text-shadow: 0 0 2px #24e87e;
 
     //font: bold 12px Arial, 'Helvetica Neue', Helvetica, sans-serif;
   }
   .Section {
-    color: rgb(36, 232, 126);
+    color: #d19c55;
   }
   .Tab {
-    color: #24e87e;
+    color: #d19c55;
   }
   .Tab--selected {
-    color: #24e87e;
-    border: 2px solid #24e87e;
-    background-color: rgba(36, 232, 127, 0.25);
+    color: #d19c55;
+    border: 1px solid #d19c55;
+    background-color: rgba(178, 95, 51, 0.25);
   }
   ::selection {
     background: #0080ff;
     text-shadow: none;
   }
-  .Table {
-    text-shadow: 0 0 2px #24e87e;
-  }
-  .Flex {
-    text-shadow: 0 0 2px #24e87e;
-  }
 }