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 */