u68467/publicfiles
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update discord98.css

Browse Source
This commit is contained in:
u68467 2025-02-13 13:16:51 +01:00
parent b3c4b9e87d
commit ca4679d7a2
1 changed files with 40 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
discord98.css
View File

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