MediaWiki:DiscordChatTheme.css

/* Discord Theme Chat */ .ChatHeader .User { background-color: rgb(42,44,49); border-left: none; color: white; height: 36px; padding-left: 40px; padding-top: 17px; top: 0; width: 105px; } .ChatHeader .User .username { padding-top: 5px; font-weight: normal; } .User.away { color: inherit; } .away .status { letter-spacing: -4px; background-color: #faa61a !important; padding: 2px; border-radius: 50%; color: transparent; border: 3px solid #2f3136; display: block !important; height: 5px; width: 5px; margin-left: -20px; z-index: 9999999999; position: relative; } .status { letter-spacing: -4px; background-color: #43b581 !important; padding: 2px; border-radius: 50%; color: transparent; border: 3px solid #2f3136; display: block !important; height: 5px; width: 5px; margin-left: -20px; z-index: 1; position: relative; } .ChatHeader > .User > .details > .status { margin-top: -4px; } body.ChatWindow { background: #36393e; font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 14px; overflow: hidden; }   border-radius: 0; border: none; background-color: #36393f; box-shadow: 0 1px 0 rgba(0,0,0,.2), 0 2px 0 rgba(0,0,0,.06); height: 45px; margin: 0; padding-top: 10px; z-index: 1; } .Chat .inline-alert:before, .Chat .inline-alert:after { display: none; } .Write [name="message"] { font-family: Whitney,Helvetica Neue,Helvetica,Arial,sans-serif; color: #c0c1bc; } .Rail { background-color: #2f3136; position: relative; float: right; z-index: 1; height: 100%; } .ChatWindow > #WikiaPage { border: none; background: #36393e; color: rgb(192,193,188) !important; width: 100vw; left: 0; bottom: 0; } .Chat ::-webkit-scrollbar, .Rail ::-webkit-scrollbar { width: 10px; } .Chat ::-webkit-scrollbar-track, .Rail ::-webkit-scrollbar-track { background-color: #2f3136bb; -webkit-border-radius: 10px; border-radius: 10px; } .Chat ::-webkit-scrollbar-thumb, .Rail ::-webkit-scrollbar-thumb { -webkit-border-radius: 10px; border-radius: 10px; background: #1e2124; } .Chat { border: none; background-color: #36393e; } .Chat .inline-alert { color: #949494; font-size: 16px; font-weight: 500; } .Write .message { border: none !important; background-color: rgb(72,75,81) !important; border-radius: 5px; width: 1035px; } .Chat .you { background: #36393e; } .Chat .avatar, .Write img, .Rail .User img, .ChatHeader .User img { border: none; border-radius: 50%; } .Chat .time { color: rgb(91,94,98); } .Rail .User:hover { background: #282b30; } .Rail .selected { box-shadow: none; background: none; text-indent: -133px; } .Rail .public .chevron { border-color: white transparent transparent; left: 10px; top: 23px; } .Rail .selected:after { content: "Member List"; margin-left: 25px; font-size: 14px; color: white; } body.ChatWindow a { color: #0096cf; } .Rail .public .chevron.closed { border-color: transparent transparent transparent white; left: 10px; top: 20px; }
 * 1) ChatHeader {

.UserStatsMenu { background-color: #2f3136 } .UserStatsMenu .info { background-color: #23272a; padding-bottom: 0.5em; padding-top: 0.7em; color: #fff; } .UserStatsMenu .info img { border: none; } .UserStatsMenu .actions li, .UserStatsMenu .actions li a { color: #7289da !important; } .UserStatsMenu .actions li svg { fill: #7289da; } .UserStatsMenu .actions li:hover { background-color: #0001 !important; }

.Rail .splotch { border: none; border-radius: 2px; font-weight: bold; left: 19px; top: 22px; width: 5%; line-height: 11px; background-image: none; background-color: #f04747; z-index: 999999; }

/* Use white FANDOM logo (only CCChat) */ .wiki-wikia .ChatHeader .public.wordmark { background: url('/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-company-logo-fandom-white.svg'); background-size: 150px; background-repeat: no-repeat; margin: 0 10px; } .wiki-wikia .ChatHeader .public.wordmark img { opacity: 0; }