();
+
return (
- = 1000) || !data.parts_linked}
- onClick={() => act('toggle_power')}
- />
- }
- >
- {parts_not_connected}
- {parts_not_ready}
-
-
-
- act('regulate', {
- regulate: value * 0.01,
- })
- }
- />
-
-
-
-
-
- {data.rpm} RPM
-
-
- {data.max_rpm} RPM
-
-
- {data.temp} K
-
-
- {data.max_temperature} K
-
-
- {data.power * 4 * 0.001} kW
-
-
-
+ {data.connected ? : }
);
diff --git a/tgui/packages/tgui/layouts/Layout.tsx b/tgui/packages/tgui/layouts/Layout.tsx
index 173ed1cbb432d..f3f395e540eca 100644
--- a/tgui/packages/tgui/layouts/Layout.tsx
+++ b/tgui/packages/tgui/layouts/Layout.tsx
@@ -21,6 +21,7 @@ type Props = Partial<{
export function Layout(props: Props) {
const { className, theme = 'nanotrasen', children, ...rest } = props;
+ document.documentElement.className = `theme-${theme}`;
return (
diff --git a/tgui/packages/tgui/styles/layouts/Layout.scss b/tgui/packages/tgui/styles/layouts/Layout.scss
index ecf750ecc0740..745112eab47c8 100644
--- a/tgui/packages/tgui/styles/layouts/Layout.scss
+++ b/tgui/packages/tgui/styles/layouts/Layout.scss
@@ -5,12 +5,28 @@
@use 'sass:color';
@use '../base';
+@use '../functions.scss' as *;
+$luminance: luminance(base.$color-bg);
$scrollbar-color-multiplier: 1 !default;
+$scrollbar-base: color.scale(
+ base.$color-bg,
+ $lightness: -33% * $scrollbar-color-multiplier
+);
+$scrollbar-face: color.scale(
+ base.$color-bg,
+ $lightness: if($luminance > 0.05, 30%, 10%) * $scrollbar-color-multiplier
+);
+// Fancy scrollbar
+html,
+body {
+ scrollbar-color: $scrollbar-face $scrollbar-base;
+}
+
+// Remove with 516, IE legacy code
.Layout,
.Layout * {
- // Fancy scrollbar
scrollbar-base-color: color.scale(
base.$color-bg,
$lightness: -25% * $scrollbar-color-multiplier
diff --git a/tgui/packages/tgui/styles/layouts/TitleBar.scss b/tgui/packages/tgui/styles/layouts/TitleBar.scss
index 517f2b8ad811e..8fd7239d55b1f 100644
--- a/tgui/packages/tgui/styles/layouts/TitleBar.scss
+++ b/tgui/packages/tgui/styles/layouts/TitleBar.scss
@@ -105,7 +105,7 @@ $shadow-color: hsla(0, 0%, 0%, 0.1) !default;
min-width: base.rem(20px);
padding: 2px 4px;
padding: base.rem(2px) base.rem(4px);
- background-color: darken(colors.$good, 10%);
+ background-color: color.adjust(colors.$good, $lightness: -10%, $space: hsl);
color: hsl(120, 100%, 100%);
text-align: center;
}
diff --git a/tgui/packages/tgui/styles/main.scss b/tgui/packages/tgui/styles/main.scss
index 64c54a9debf2a..a00d7cd973461 100644
--- a/tgui/packages/tgui/styles/main.scss
+++ b/tgui/packages/tgui/styles/main.scss
@@ -66,7 +66,7 @@
// NT Theme
.Layout__content {
background-image: url('../assets/bg-nanotrasen.svg');
- background-size: 70%;
+ background-size: 70% 70%;
background-position: center;
background-repeat: no-repeat;
}