Skip to content

Commit 3b67d49

Browse files
AyIongComradeNiobe
authored andcommitted
[NO GBP] Fix 516 scrollbar and background image (#88617)
## About The Pull Request Ports - ParadiseSS13/Paradise#26433 Fixes scrollbar color for Byond 516, and background position ## Why It's Good For The Game Colorfull scrollbar <details><summary> Videos </summary> https://github.com/user-attachments/assets/969b4f6f-f553-4786-86c7-df11c034675b </details> ## Changelog :cl: fix: Fixed scrollbar colors and background position in TGUI on Byond 516 /:cl:
1 parent 50c98c2 commit 3b67d49

File tree

3 files changed

+23
-4
lines changed

3 files changed

+23
-4
lines changed

html/statbrowser.css

Lines changed: 20 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,13 @@
1+
.light:root {
2+
--scrollbar-base: #f2f2f2;
3+
--scrollbar-thumb: #a7a7a7;
4+
}
5+
6+
html,
7+
body {
8+
scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-base);
9+
}
10+
111
body {
212
font-family: Verdana, Geneva, Tahoma, sans-serif;
313
font-size: 12px;
@@ -181,9 +191,16 @@ img {
181191
margin-bottom: 1em;
182192
}
183193

184-
/* Dark theme colors */
194+
/**
195+
* MARK: Dark theme colors
196+
*/
197+
.dark:root {
198+
--scrollbar-base: #151515;
199+
--scrollbar-thumb: #363636;
200+
}
201+
185202
body.dark {
186-
background-color: #131313;
203+
background-color: #151515;
187204
color: #b2c4dd;
188205
scrollbar-base-color: #1c1c1c;
189206
scrollbar-face-color: #3b3b3b;
@@ -205,7 +222,7 @@ body.dark {
205222
}
206223

207224
.dark #menu {
208-
background-color: #131313;
225+
background-color: #151515;
209226
}
210227

211228
.dark #menu.tabs-classic .button.active {

html/statbrowser.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -705,9 +705,11 @@ function draw_verbs(cat) {
705705
function set_theme(which) {
706706
if (which == "light") {
707707
document.body.className = "";
708+
document.documentElement.className = 'light';
708709
set_style_sheet("browserOutput_white");
709710
} else if (which == "dark") {
710711
document.body.className = "dark";
712+
document.documentElement.className = 'dark';
711713
set_style_sheet("browserOutput");
712714
}
713715
}

tgui/packages/tgui/styles/main.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,7 @@
5050
// NT Theme
5151
.Layout__content {
5252
background-image: url('../assets/bg-nanotrasen.svg');
53-
background-size: 70%;
53+
background-size: 70% 70%;
5454
background-position: center;
5555
background-repeat: no-repeat;
5656
}

0 commit comments

Comments
 (0)