From ca4679d7a2caa645c4f4c43979508cf4041668c6 Mon Sep 17 00:00:00 2001 From: u68467 Date: Thu, 13 Feb 2025 13:16:51 +0100 Subject: [PATCH] Update discord98.css --- discord98.css | 60 ++++++++++++++++++++++++++++++++++----------------- 1 file changed, 40 insertions(+), 20 deletions(-) diff --git a/discord98.css b/discord98.css index 483c8cb..94cc788 100644 --- a/discord98.css +++ b/discord98.css @@ -1,29 +1,49 @@ -/** - * @name Windows 98 Retro Theme for Discord - * @description A custom theme inspired by Windows 98 (Chicago) using 98.css. - * @author YourName - * @version 1.0.0 - */ - +/* Import the retro Windows 98 CSS */ @import url('https://unpkg.com/98.css'); -/* Override Discord’s backdrop with a flat Windows 98 grey */ -#app-mount { - background: #c0c0c0 !important; -} - -/* Use 98.css font and border styles for buttons */ -button, .button { +/* Override any element whose class name includes "content" */ +[class*="content"] { + /* Apply a retro font and background typical of a Windows 98 window */ font-family: "MS Sans Serif", sans-serif !important; + background-color: #d4d0c8 !important; /* Classic Windows 98 window background */ border: 2px outset #fff !important; - background: linear-gradient(to bottom, #e0e0e0, #c0c0c0) !important; + box-shadow: 2px 2px 0 #000 !important; + padding: 8px !important; } -/* Customize modals to have a vintage window look */ -.root__49fc1 { +/* Override any element whose class name includes "scroller" */ +[class*="scroller"] { + /* Customize scrollbars with a vintage look */ + scrollbar-face-color: #c0c0c0 !important; + scrollbar-track-color: #e0e0e0 !important; + scrollbar-arrow-color: #000 !important; + scrollbar-shadow-color: #fff !important; +} + +/* Override any element whose class name includes "sidebar" */ +[class*="sidebar"] { + /* Give sidebars a retro background and inset border effect */ + background-color: #c0c0c0 !important; + border: 2px inset #fff !important; + font-family: "MS Sans Serif", sans-serif !important; + padding: 10px !important; +} + +/* Additional example: Override buttons to mimic vintage Windows controls */ +button, +[class*="button"] { + font-family: "MS Sans Serif", sans-serif !important; + background: linear-gradient(to bottom, #e0e0e0, #c0c0c0) !important; + border: 2px outset #fff !important; + box-shadow: 1px 1px 0 #000 !important; + padding: 4px 8px !important; +} + +/* Example for modals or windows */ +[class*="modal"], [class*="window"] { + background-color: #d4d0c8 !important; border: 2px solid #fff !important; box-shadow: 2px 2px 0 #000 !important; - background: #d4d0c8 !important; /* Typical Windows 98 window background */ + font-family: "MS Sans Serif", sans-serif !important; + padding: 10px !important; } - -/* Additional overrides can be added for sidebars, inputs, and other components */