Update discord98.css
This commit is contained in:
parent
b3c4b9e87d
commit
ca4679d7a2
@ -1,29 +1,49 @@
|
|||||||
/**
|
/* Import the retro Windows 98 CSS */
|
||||||
* @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 url('https://unpkg.com/98.css');
|
@import url('https://unpkg.com/98.css');
|
||||||
|
|
||||||
/* Override Discord’s backdrop with a flat Windows 98 grey */
|
/* Override any element whose class name includes "content" */
|
||||||
#app-mount {
|
[class*="content"] {
|
||||||
background: #c0c0c0 !important;
|
/* Apply a retro font and background typical of a Windows 98 window */
|
||||||
}
|
|
||||||
|
|
||||||
/* Use 98.css font and border styles for buttons */
|
|
||||||
button, .button {
|
|
||||||
font-family: "MS Sans Serif", sans-serif !important;
|
font-family: "MS Sans Serif", sans-serif !important;
|
||||||
|
background-color: #d4d0c8 !important; /* Classic Windows 98 window background */
|
||||||
border: 2px outset #fff !important;
|
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 */
|
/* Override any element whose class name includes "scroller" */
|
||||||
.root__49fc1 {
|
[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;
|
border: 2px solid #fff !important;
|
||||||
box-shadow: 2px 2px 0 #000 !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 */
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user