├── LICENSE ├── README.md ├── assets ├── 780.png ├── 782.png ├── 808.png ├── actions │ ├── addacontact.png │ ├── additionalsettings.png │ ├── audio.png │ ├── audio2.png │ ├── bell.png │ ├── camera.png │ ├── cart.png │ ├── chat.png │ ├── chatplus.png │ ├── email.png │ ├── email2.png │ ├── game.png │ ├── game2.png │ ├── group.png │ ├── help.png │ ├── memberlist.png │ ├── mic.png │ ├── mic2.png │ ├── mixer.png │ ├── more.png │ ├── newpawn.png │ ├── phone.png │ ├── pin.png │ ├── remotedesktop.png │ ├── remotedesktop2.png │ ├── userprofile.png │ ├── userprofile2.png │ ├── volume.png │ ├── webcam.png │ └── webcam2.png ├── connections │ ├── audio.png │ ├── battlenet.png │ ├── epicgames.png │ ├── moviemaker.png │ ├── playstation.png │ ├── roblox.png │ ├── skype.png │ ├── spotify.png │ ├── steam.png │ ├── twitter.png │ ├── xbox.png │ ├── youtube-white.png │ └── youtube.png ├── emojis │ ├── agree.gif │ ├── angel.gif │ ├── angry.gif │ ├── asl.gif │ ├── bat.gif │ ├── beer.gif │ ├── blue_heart.gif │ ├── blush.gif │ ├── boy.gif │ ├── boy_hug.gif │ ├── brb.gif │ ├── brokenheart.gif │ ├── cake.gif │ ├── camera.gif │ ├── car.gif │ ├── cat.gif │ ├── cheeky.gif │ ├── cigarette.gif │ ├── clock.gif │ ├── cocktail.gif │ ├── coffee.gif │ ├── coins.gif │ ├── computer.gif │ ├── confused.gif │ ├── cool.gif │ ├── crossed.gif │ ├── crying.gif │ ├── desertisland.gif │ ├── diablo.gif │ ├── disagree.gif │ ├── dog.gif │ ├── dunno.gif │ ├── envelope.gif │ ├── filmreel.gif │ ├── football.gif │ ├── girl.gif │ ├── girl_hug.gif │ ├── glasses.gif │ ├── green_heart.gif │ ├── grrr.gif │ ├── h5.gif │ ├── handcuffs.gif │ ├── happy.gif │ ├── heart.gif │ ├── highfive.gif │ ├── hmmm.gif │ ├── horny.gif │ ├── kiss.gif │ ├── lightblue_heart.gif │ ├── lightbulb.gif │ ├── lightning.gif │ ├── messenger.gif │ ├── mobile.gif │ ├── moon.gif │ ├── note.gif │ ├── ohaye.gif │ ├── omg.gif │ ├── orange_heart.gif │ ├── party.gif │ ├── phone.gif │ ├── pink_heart.gif │ ├── pizza.gif │ ├── plane.gif │ ├── plate.gif │ ├── present.gif │ ├── purple_heart.gif │ ├── rain.gif │ ├── rainbow.gif │ ├── rolleyes.gif │ ├── rose.gif │ ├── sad.gif │ ├── sheep.gif │ ├── sick.gif │ ├── smilec.gif │ ├── snail.gif │ ├── star.gif │ ├── sun.gif │ ├── turtle.gif │ ├── umbrella.gif │ ├── what.gif │ ├── whisper.gif │ ├── wilted.gif │ ├── wink.gif │ ├── xbox.gif │ ├── yawn.gif │ ├── yay.gif │ ├── yellow_heart.gif │ ├── yn.gif │ └── zippit.gif ├── misc │ ├── connection.png │ ├── folder_large.png │ ├── folder_open.png │ ├── minus.png │ ├── plus.png │ └── stupidfuckingdog.png ├── msn │ ├── msn-blue.png │ ├── msn-white.png │ └── wide.gif ├── scrollbar │ ├── down.png │ ├── luna.png │ ├── thumbtrack.png │ └── up.png ├── src │ ├── 1.png │ ├── 2.png │ ├── 3.png │ ├── banner.png │ ├── banner.psd │ └── discordxp.png ├── status │ ├── 829.png │ ├── donotdisturb.png │ ├── idle.png │ └── phone.png ├── textarea │ ├── gif.png │ ├── gift.png │ ├── keyboard.png │ ├── sticker.png │ └── upload.png ├── toolbar-bg │ ├── dark │ │ ├── DMbarsearchleft.png │ │ ├── DMbarsearchmiddle.png │ │ ├── DMbarsearchright.png │ │ ├── DMmainbarmiddle.png │ │ ├── DMmainbarright.png │ │ ├── background.png │ │ ├── searchbarbg.png │ │ └── searchbarbgrepeat.png │ └── light │ │ ├── DMbarsearchleft.png │ │ ├── DMbarsearchmiddle.png │ │ ├── DMbarsearchright.png │ │ ├── DMmainbarmiddle.png │ │ ├── DMmainbarright.png │ │ ├── background.png │ │ ├── searchbarbg.png │ │ └── searchbarbgrepeat.png └── voicecall │ ├── games.png │ ├── sharescreen.png │ ├── sharescreen2.png │ ├── soundboard.png │ ├── sounds.png │ └── window.png ├── avatar ├── avatar1.css └── avatar2.css ├── dsn-general.css ├── dsn-icons.css ├── dsn-server.css └── dsn-settings.css /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2023 @numoder 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | 2 | ![Logo](https://github.com/numoder/dsn10-theme/blob/main/assets/src/banner.png?raw=true) 3 | 4 | # Discord Network theme 5 | 6 | I've given up on this theme because of how Discord's class names always changing which made constant updates on this project tedious and tiring. 7 | Inspired by Windows MSN Messenger 7 and MSN Explorer 7 / 10, originally from kamuisuki's [**Discord MSN EXPLORER 10**](https://www.deviantart.com/kamuisuki/art/Discord-MSN-Explorer-10-theme-873282935) theme. 8 | While you are here check out Leafinguh's [MSN7 discord theme!](https://github.com/Leafinguh/msn7-disc) 9 | 10 | ![Escargot](https://img.shields.io/badge/malkavian@escargot.chat-e1512c?color=%23e1512c&style=plastic) ![Downloads](https://img.shields.io/github/downloads/numoder/dsn10-theme/total?style=plastic&color=%238ec64b) ![Issues](https://img.shields.io/github/issues/numoder/dsn10-theme?style=plastic&color=%23609bd7) wakatime 11 | 12 | ## Sources 13 | 14 | None of this could've been done without the people who made the works below! 15 | 16 | [Original WinClassic thread](https://winclassic.net/thread/753/discord-classic-msn-theme) 17 | 18 | [xp.css](https://botoxparty.github.io/XP.css/) 19 | 20 | [High Res Windows XP icons](https://github.com/marchmountain/-Windows-XP-High-Resolution-Icon-Pack) 21 | 22 | [Windows XP Visual Guidelines](http://interface.free.fr/Archives/GUI_Xp.pdf) 23 | 24 | [Leafinguhs AMAZINGLY accurate theme](https://github.com/Leafinguh/msn7-disc) 25 | 26 | For the most accurate look I recommend [turning off Clear type](https://github.com/bp2008/BetterClearTypeTuner) 27 | 28 | ## Preview 29 | ![page1](https://github.com/numoder/dsn10-theme/assets/72421281/fad0040d-5bc0-4f3b-b5e2-ae57b6c3a307) 30 | ![page2](https://github.com/numoder/dsn10-theme/assets/72421281/db347edd-786f-446e-b83b-47c2464f5fc4) 31 | ![page3](https://github.com/numoder/dsn10-theme/assets/72421281/d24a6b76-86e5-48e2-92fc-d8a093794491) 32 | -------------------------------------------------------------------------------- /assets/780.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/780.png -------------------------------------------------------------------------------- /assets/782.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/782.png -------------------------------------------------------------------------------- /assets/808.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/808.png -------------------------------------------------------------------------------- /assets/actions/addacontact.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/addacontact.png -------------------------------------------------------------------------------- /assets/actions/additionalsettings.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/additionalsettings.png -------------------------------------------------------------------------------- /assets/actions/audio.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/audio.png -------------------------------------------------------------------------------- /assets/actions/audio2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/audio2.png -------------------------------------------------------------------------------- /assets/actions/bell.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/bell.png -------------------------------------------------------------------------------- /assets/actions/camera.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/camera.png -------------------------------------------------------------------------------- /assets/actions/cart.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/cart.png -------------------------------------------------------------------------------- /assets/actions/chat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/chat.png -------------------------------------------------------------------------------- /assets/actions/chatplus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/chatplus.png -------------------------------------------------------------------------------- /assets/actions/email.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/email.png -------------------------------------------------------------------------------- /assets/actions/email2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/email2.png -------------------------------------------------------------------------------- /assets/actions/game.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/game.png -------------------------------------------------------------------------------- /assets/actions/game2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/game2.png -------------------------------------------------------------------------------- /assets/actions/group.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/group.png -------------------------------------------------------------------------------- /assets/actions/help.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/help.png -------------------------------------------------------------------------------- /assets/actions/memberlist.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/memberlist.png -------------------------------------------------------------------------------- /assets/actions/mic.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/mic.png -------------------------------------------------------------------------------- /assets/actions/mic2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/mic2.png -------------------------------------------------------------------------------- /assets/actions/mixer.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/mixer.png -------------------------------------------------------------------------------- /assets/actions/more.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/more.png -------------------------------------------------------------------------------- /assets/actions/newpawn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/newpawn.png -------------------------------------------------------------------------------- /assets/actions/phone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/phone.png -------------------------------------------------------------------------------- /assets/actions/pin.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/pin.png -------------------------------------------------------------------------------- /assets/actions/remotedesktop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/remotedesktop.png -------------------------------------------------------------------------------- /assets/actions/remotedesktop2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/remotedesktop2.png -------------------------------------------------------------------------------- /assets/actions/userprofile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/userprofile.png -------------------------------------------------------------------------------- /assets/actions/userprofile2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/userprofile2.png -------------------------------------------------------------------------------- /assets/actions/volume.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/volume.png -------------------------------------------------------------------------------- /assets/actions/webcam.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/webcam.png -------------------------------------------------------------------------------- /assets/actions/webcam2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/actions/webcam2.png -------------------------------------------------------------------------------- /assets/connections/audio.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/connections/audio.png -------------------------------------------------------------------------------- /assets/connections/battlenet.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/connections/battlenet.png -------------------------------------------------------------------------------- /assets/connections/epicgames.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/connections/epicgames.png -------------------------------------------------------------------------------- /assets/connections/moviemaker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/connections/moviemaker.png -------------------------------------------------------------------------------- /assets/connections/playstation.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/connections/playstation.png -------------------------------------------------------------------------------- /assets/connections/roblox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/connections/roblox.png -------------------------------------------------------------------------------- /assets/connections/skype.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/connections/skype.png -------------------------------------------------------------------------------- /assets/connections/spotify.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/connections/spotify.png -------------------------------------------------------------------------------- /assets/connections/steam.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/connections/steam.png -------------------------------------------------------------------------------- /assets/connections/twitter.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/connections/twitter.png -------------------------------------------------------------------------------- /assets/connections/xbox.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/connections/xbox.png -------------------------------------------------------------------------------- /assets/connections/youtube-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/connections/youtube-white.png -------------------------------------------------------------------------------- /assets/connections/youtube.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/connections/youtube.png -------------------------------------------------------------------------------- /assets/emojis/agree.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/agree.gif -------------------------------------------------------------------------------- /assets/emojis/angel.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/angel.gif -------------------------------------------------------------------------------- /assets/emojis/angry.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/angry.gif -------------------------------------------------------------------------------- /assets/emojis/asl.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/asl.gif -------------------------------------------------------------------------------- /assets/emojis/bat.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/bat.gif -------------------------------------------------------------------------------- /assets/emojis/beer.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/beer.gif -------------------------------------------------------------------------------- /assets/emojis/blue_heart.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/blue_heart.gif -------------------------------------------------------------------------------- /assets/emojis/blush.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/blush.gif -------------------------------------------------------------------------------- /assets/emojis/boy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/boy.gif -------------------------------------------------------------------------------- /assets/emojis/boy_hug.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/boy_hug.gif -------------------------------------------------------------------------------- /assets/emojis/brb.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/brb.gif -------------------------------------------------------------------------------- /assets/emojis/brokenheart.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/brokenheart.gif -------------------------------------------------------------------------------- /assets/emojis/cake.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/cake.gif -------------------------------------------------------------------------------- /assets/emojis/camera.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/camera.gif -------------------------------------------------------------------------------- /assets/emojis/car.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/car.gif -------------------------------------------------------------------------------- /assets/emojis/cat.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/cat.gif -------------------------------------------------------------------------------- /assets/emojis/cheeky.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/cheeky.gif -------------------------------------------------------------------------------- /assets/emojis/cigarette.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/cigarette.gif -------------------------------------------------------------------------------- /assets/emojis/clock.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/clock.gif -------------------------------------------------------------------------------- /assets/emojis/cocktail.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/cocktail.gif -------------------------------------------------------------------------------- /assets/emojis/coffee.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/coffee.gif -------------------------------------------------------------------------------- /assets/emojis/coins.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/coins.gif -------------------------------------------------------------------------------- /assets/emojis/computer.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/computer.gif -------------------------------------------------------------------------------- /assets/emojis/confused.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/confused.gif -------------------------------------------------------------------------------- /assets/emojis/cool.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/cool.gif -------------------------------------------------------------------------------- /assets/emojis/crossed.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/crossed.gif -------------------------------------------------------------------------------- /assets/emojis/crying.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/crying.gif -------------------------------------------------------------------------------- /assets/emojis/desertisland.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/desertisland.gif -------------------------------------------------------------------------------- /assets/emojis/diablo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/diablo.gif -------------------------------------------------------------------------------- /assets/emojis/disagree.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/disagree.gif -------------------------------------------------------------------------------- /assets/emojis/dog.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/dog.gif -------------------------------------------------------------------------------- /assets/emojis/dunno.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/dunno.gif -------------------------------------------------------------------------------- /assets/emojis/envelope.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/envelope.gif -------------------------------------------------------------------------------- /assets/emojis/filmreel.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/filmreel.gif -------------------------------------------------------------------------------- /assets/emojis/football.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/football.gif -------------------------------------------------------------------------------- /assets/emojis/girl.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/girl.gif -------------------------------------------------------------------------------- /assets/emojis/girl_hug.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/girl_hug.gif -------------------------------------------------------------------------------- /assets/emojis/glasses.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/glasses.gif -------------------------------------------------------------------------------- /assets/emojis/green_heart.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/green_heart.gif -------------------------------------------------------------------------------- /assets/emojis/grrr.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/grrr.gif -------------------------------------------------------------------------------- /assets/emojis/h5.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/h5.gif -------------------------------------------------------------------------------- /assets/emojis/handcuffs.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/handcuffs.gif -------------------------------------------------------------------------------- /assets/emojis/happy.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/happy.gif -------------------------------------------------------------------------------- /assets/emojis/heart.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/heart.gif -------------------------------------------------------------------------------- /assets/emojis/highfive.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/highfive.gif -------------------------------------------------------------------------------- /assets/emojis/hmmm.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/hmmm.gif -------------------------------------------------------------------------------- /assets/emojis/horny.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/horny.gif -------------------------------------------------------------------------------- /assets/emojis/kiss.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/kiss.gif -------------------------------------------------------------------------------- /assets/emojis/lightblue_heart.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/lightblue_heart.gif -------------------------------------------------------------------------------- /assets/emojis/lightbulb.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/lightbulb.gif -------------------------------------------------------------------------------- /assets/emojis/lightning.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/lightning.gif -------------------------------------------------------------------------------- /assets/emojis/messenger.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/messenger.gif -------------------------------------------------------------------------------- /assets/emojis/mobile.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/mobile.gif -------------------------------------------------------------------------------- /assets/emojis/moon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/moon.gif -------------------------------------------------------------------------------- /assets/emojis/note.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/note.gif -------------------------------------------------------------------------------- /assets/emojis/ohaye.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/ohaye.gif -------------------------------------------------------------------------------- /assets/emojis/omg.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/omg.gif -------------------------------------------------------------------------------- /assets/emojis/orange_heart.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/orange_heart.gif -------------------------------------------------------------------------------- /assets/emojis/party.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/party.gif -------------------------------------------------------------------------------- /assets/emojis/phone.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/phone.gif -------------------------------------------------------------------------------- /assets/emojis/pink_heart.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/pink_heart.gif -------------------------------------------------------------------------------- /assets/emojis/pizza.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/pizza.gif -------------------------------------------------------------------------------- /assets/emojis/plane.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/plane.gif -------------------------------------------------------------------------------- /assets/emojis/plate.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/plate.gif -------------------------------------------------------------------------------- /assets/emojis/present.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/present.gif -------------------------------------------------------------------------------- /assets/emojis/purple_heart.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/purple_heart.gif -------------------------------------------------------------------------------- /assets/emojis/rain.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/rain.gif -------------------------------------------------------------------------------- /assets/emojis/rainbow.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/rainbow.gif -------------------------------------------------------------------------------- /assets/emojis/rolleyes.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/rolleyes.gif -------------------------------------------------------------------------------- /assets/emojis/rose.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/rose.gif -------------------------------------------------------------------------------- /assets/emojis/sad.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/sad.gif -------------------------------------------------------------------------------- /assets/emojis/sheep.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/sheep.gif -------------------------------------------------------------------------------- /assets/emojis/sick.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/sick.gif -------------------------------------------------------------------------------- /assets/emojis/smilec.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/smilec.gif -------------------------------------------------------------------------------- /assets/emojis/snail.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/snail.gif -------------------------------------------------------------------------------- /assets/emojis/star.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/star.gif -------------------------------------------------------------------------------- /assets/emojis/sun.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/sun.gif -------------------------------------------------------------------------------- /assets/emojis/turtle.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/turtle.gif -------------------------------------------------------------------------------- /assets/emojis/umbrella.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/umbrella.gif -------------------------------------------------------------------------------- /assets/emojis/what.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/what.gif -------------------------------------------------------------------------------- /assets/emojis/whisper.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/whisper.gif -------------------------------------------------------------------------------- /assets/emojis/wilted.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/wilted.gif -------------------------------------------------------------------------------- /assets/emojis/wink.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/wink.gif -------------------------------------------------------------------------------- /assets/emojis/xbox.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/xbox.gif -------------------------------------------------------------------------------- /assets/emojis/yawn.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/yawn.gif -------------------------------------------------------------------------------- /assets/emojis/yay.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/yay.gif -------------------------------------------------------------------------------- /assets/emojis/yellow_heart.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/yellow_heart.gif -------------------------------------------------------------------------------- /assets/emojis/yn.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/yn.gif -------------------------------------------------------------------------------- /assets/emojis/zippit.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/emojis/zippit.gif -------------------------------------------------------------------------------- /assets/misc/connection.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/misc/connection.png -------------------------------------------------------------------------------- /assets/misc/folder_large.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/misc/folder_large.png -------------------------------------------------------------------------------- /assets/misc/folder_open.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/misc/folder_open.png -------------------------------------------------------------------------------- /assets/misc/minus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/misc/minus.png -------------------------------------------------------------------------------- /assets/misc/plus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/misc/plus.png -------------------------------------------------------------------------------- /assets/misc/stupidfuckingdog.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/misc/stupidfuckingdog.png -------------------------------------------------------------------------------- /assets/msn/msn-blue.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/msn/msn-blue.png -------------------------------------------------------------------------------- /assets/msn/msn-white.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/msn/msn-white.png -------------------------------------------------------------------------------- /assets/msn/wide.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/msn/wide.gif -------------------------------------------------------------------------------- /assets/scrollbar/down.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/scrollbar/down.png -------------------------------------------------------------------------------- /assets/scrollbar/luna.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/scrollbar/luna.png -------------------------------------------------------------------------------- /assets/scrollbar/thumbtrack.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/scrollbar/thumbtrack.png -------------------------------------------------------------------------------- /assets/scrollbar/up.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/scrollbar/up.png -------------------------------------------------------------------------------- /assets/src/1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/src/1.png -------------------------------------------------------------------------------- /assets/src/2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/src/2.png -------------------------------------------------------------------------------- /assets/src/3.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/src/3.png -------------------------------------------------------------------------------- /assets/src/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/src/banner.png -------------------------------------------------------------------------------- /assets/src/banner.psd: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/src/banner.psd -------------------------------------------------------------------------------- /assets/src/discordxp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/src/discordxp.png -------------------------------------------------------------------------------- /assets/status/829.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/status/829.png -------------------------------------------------------------------------------- /assets/status/donotdisturb.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/status/donotdisturb.png -------------------------------------------------------------------------------- /assets/status/idle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/status/idle.png -------------------------------------------------------------------------------- /assets/status/phone.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/status/phone.png -------------------------------------------------------------------------------- /assets/textarea/gif.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/textarea/gif.png -------------------------------------------------------------------------------- /assets/textarea/gift.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/textarea/gift.png -------------------------------------------------------------------------------- /assets/textarea/keyboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/textarea/keyboard.png -------------------------------------------------------------------------------- /assets/textarea/sticker.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/textarea/sticker.png -------------------------------------------------------------------------------- /assets/textarea/upload.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/textarea/upload.png -------------------------------------------------------------------------------- /assets/toolbar-bg/dark/DMbarsearchleft.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/dark/DMbarsearchleft.png -------------------------------------------------------------------------------- /assets/toolbar-bg/dark/DMbarsearchmiddle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/dark/DMbarsearchmiddle.png -------------------------------------------------------------------------------- /assets/toolbar-bg/dark/DMbarsearchright.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/dark/DMbarsearchright.png -------------------------------------------------------------------------------- /assets/toolbar-bg/dark/DMmainbarmiddle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/dark/DMmainbarmiddle.png -------------------------------------------------------------------------------- /assets/toolbar-bg/dark/DMmainbarright.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/dark/DMmainbarright.png -------------------------------------------------------------------------------- /assets/toolbar-bg/dark/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/dark/background.png -------------------------------------------------------------------------------- /assets/toolbar-bg/dark/searchbarbg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/dark/searchbarbg.png -------------------------------------------------------------------------------- /assets/toolbar-bg/dark/searchbarbgrepeat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/dark/searchbarbgrepeat.png -------------------------------------------------------------------------------- /assets/toolbar-bg/light/DMbarsearchleft.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/light/DMbarsearchleft.png -------------------------------------------------------------------------------- /assets/toolbar-bg/light/DMbarsearchmiddle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/light/DMbarsearchmiddle.png -------------------------------------------------------------------------------- /assets/toolbar-bg/light/DMbarsearchright.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/light/DMbarsearchright.png -------------------------------------------------------------------------------- /assets/toolbar-bg/light/DMmainbarmiddle.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/light/DMmainbarmiddle.png -------------------------------------------------------------------------------- /assets/toolbar-bg/light/DMmainbarright.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/light/DMmainbarright.png -------------------------------------------------------------------------------- /assets/toolbar-bg/light/background.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/light/background.png -------------------------------------------------------------------------------- /assets/toolbar-bg/light/searchbarbg.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/light/searchbarbg.png -------------------------------------------------------------------------------- /assets/toolbar-bg/light/searchbarbgrepeat.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/toolbar-bg/light/searchbarbgrepeat.png -------------------------------------------------------------------------------- /assets/voicecall/games.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/voicecall/games.png -------------------------------------------------------------------------------- /assets/voicecall/sharescreen.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/voicecall/sharescreen.png -------------------------------------------------------------------------------- /assets/voicecall/sharescreen2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/voicecall/sharescreen2.png -------------------------------------------------------------------------------- /assets/voicecall/soundboard.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/voicecall/soundboard.png -------------------------------------------------------------------------------- /assets/voicecall/sounds.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/voicecall/sounds.png -------------------------------------------------------------------------------- /assets/voicecall/window.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/numoder/dsn10-theme/73b5512fae9c2096fd346d940c26938cd41d5a8e/assets/voicecall/window.png -------------------------------------------------------------------------------- /avatar/avatar1.css: -------------------------------------------------------------------------------- 1 | .memberInner_a32223 .avatar__6337f .mask__1979f .pointerEvents__33f6a{ 2 | fill: transparent; 3 | } 4 | 5 | .avatarDecorationHint__03e0b{ 6 | border-radius: 0; 7 | } 8 | 9 | .wrapper_edb6e0{ 10 | mask: none; 11 | border-radius: 0px; 12 | } 13 | 14 | 15 | .layout_bb8e67 .wrapper_edb6e0:before { 16 | pointer-events: none; 17 | content: ""; 18 | position: absolute; 19 | width: 32px; 20 | height: 32px; 21 | display: block; 22 | background-position: center; 23 | background-repeat: no-repeat; 24 | background-size: contain; 25 | z-index: 2; 26 | } 27 | 28 | /* mobile */ 29 | .layout_bb8e67 .wrapper_edb6e0:has(rect[width="10"][height="15"][x="22"][y="17"]):before { 30 | background-image: url(https://cdn.discordapp.com/attachments/1180332254615052288/1215366234728697946/phone.png?ex=65fc7d02&is=65ea0802&hm=d29463f810ebdeb843b23f6af71af07ff3a77498fca841322cd750d9c9c75c02&); 31 | } 32 | 33 | /* online */ 34 | .layout_bb8e67 .wrapper_edb6e0:has([mask="url(#svg-mask-status-online)"]):before { 35 | background-image: url(https://cdn.discordapp.com/attachments/1180332254615052288/1215366233550102559/online.png?ex=65fc7d02&is=65ea0802&hm=138e74a377c1cbfdecdd3472bdb1db1e1cca55c6afa6f2858139189e9249f092&); 36 | } 37 | 38 | /* idle */ 39 | .layout_bb8e67 .wrapper_edb6e0:has([fill="#f0b232"]):before { 40 | background-image: url(https://cdn.discordapp.com/attachments/1180332254615052288/1215366231717322792/idle.png?ex=65fc7d02&is=65ea0802&hm=53f7e9d79ce5bdf4035b2ac002f740e8f9b6ac701662035370a29894e8db6e7e&); 41 | } 42 | 43 | /* busy */ 44 | .layout_bb8e67 .wrapper_edb6e0:has([fill="#f23f43"]):before { 45 | background-image: url(https://cdn.discordapp.com/attachments/1180332254615052288/1215366232145002547/donotdisturb.png?ex=65fc7d02&is=65ea0802&hm=2e22ece07b34441c4ddc9f7bdd917ac1577204279ff5b626dcf28d270d406aed&); 46 | } 47 | 48 | /* streaming */ 49 | .layout_bb8e67 .wrapper_edb6e0:has([mask="url(#svg-mask-status-streaming)"]):before { 50 | background-image: url(https://cdn.discordapp.com/attachments/1180332254615052288/1215366232513974282/streaming.png?ex=65fc7d02&is=65ea0802&hm=704da33c14042c3674fbd7f4f1a2f4d92d11c0aa9496c683d5ac028f386aa588&); 51 | } 52 | 53 | /* offline */ 54 | .offline_c1fd80 > div > .avatar__6337f > .wrapper_edb6e0:before{ 55 | background-image: url(https://cdn.discordapp.com/attachments/1180332254615052288/1215366235014037514/offline.png?ex=65fc7d02&is=65ea0802&hm=8ca4fd15cea21b341fe6f1252fb480d7567663b2bda8f5b253fbbbd5e8b68650&); 56 | } 57 | 58 | .member_aa4760 >.memberInner_a32223 > .avatar__6337f > .wrapper_edb6e0 > svg > foreignObject > .avatarStack__6604a > .avatar__991e2{ 59 | width: 0; 60 | } 61 | 62 | .member_aa4760:hover >.memberInner_a32223 > .avatar__6337f > .wrapper_edb6e0 > svg > foreignObject > .avatarStack__6604a > .avatar__991e2, 63 | .member_aa4760.selected__9800b >.memberInner_a32223 > .avatar__6337f > .wrapper_edb6e0 > svg > foreignObject > .avatarStack__6604a > .avatar__991e2{ 64 | width: 32px; 65 | height: 32px; 66 | } 67 | 68 | .member_aa4760:hover >.memberInner_a32223 > .avatar__6337f > .wrapper_edb6e0:before, 69 | .member_aa4760.selected__9800b >.memberInner_a32223 > .avatar__6337f > .wrapper_edb6e0:before { 70 | width: 0 !important; 71 | height: 0 !important; 72 | border: none !important; 73 | box-shadow: none !important; 74 | } -------------------------------------------------------------------------------- /avatar/avatar2.css: -------------------------------------------------------------------------------- 1 | .memberInner_a32223 .avatar__6337f .mask__1979f .pointerEvents__33f6a, .avatarHoverTarget__3a360 > .wrapper_edb6e0 > .mask__1979f > rect, .avatarHoverTarget__3a360 > .wrapper_edb6e0 > .mask__1979f > circle, .wrapper_edb6e0 rect{ 2 | fill: transparent; 3 | } 4 | 5 | .avatarDecorationHint__03e0b{ 6 | border-radius: 0; 7 | } 8 | 9 | .wrapper_edb6e0{ 10 | mask: none; 11 | border-radius: 0px; 12 | } 13 | 14 | .panels__58331 .wrapper_edb6e0:before, 15 | .avatarHoverTarget__3a360 .wrapper_edb6e0:before, 16 | .layout_bb8e67 .wrapper_edb6e0:before, 17 | .avatar__7bd22 .wrapper_edb6e0:before, 18 | .userInfo__18240 .wrapper_edb6e0:before, 19 | .header__7da4f > div > .wrapper_edb6e0:before { 20 | width: 31px; 21 | height: 31px; 22 | display: block; 23 | background-position: bottom right; 24 | background-repeat: no-repeat; 25 | background-size: 8px; 26 | z-index: 2; 27 | pointer-events: none; 28 | content: ""; 29 | position: absolute; 30 | } 31 | 32 | .avatarHoverTarget__3a360 .wrapper_edb6e0:before{ 33 | background-size: 18px; 34 | width: 77px; 35 | height: 77px; 36 | /* left: 12px; */ 37 | /* top: 12px; */ 38 | } 39 | 40 | .userPanelOuter__880e5 .wrapper_edb6e0:before{ 41 | background-size: 24px; 42 | width: 80px; 43 | height: 80px; 44 | left: 10px; 45 | top: 10px; 46 | -webkit-box-reflect: below 2px linear-gradient(to bottom, rgba(0,0,0,0.0) 75%, rgba(0,0,0,0.2) 100%); 47 | } 48 | 49 | .header__7da4f > div > .wrapper_edb6e0:before{ 50 | width: 120px; 51 | height: 120px; 52 | background-size: 48px; 53 | 54 | } 55 | 56 | .userInfo__18240 .wrapper_edb6e0:has(rect[width="10"][height="10"][fill="#23a55a"][x="22"][y="22"]):before, 57 | .layout_bb8e67 .wrapper_edb6e0:has([fill="#23a55a"]):before, 58 | .avatar__7bd22 .wrapper_edb6e0:has(rect[width="10"][height="10"][fill="#23a55a"][x="22"][y="22"]):before, 59 | .avatarHoverTarget__3a360 .wrapper_edb6e0:has(rect[width="16"][height="16"][x="60"][y="60"][fill="#23a55a"]):before { 60 | background-image: url(https://cdn.discordapp.com/attachments/1180332254615052288/1215442391486693447/online2.png?ex=65fcc3ef&is=65ea4eef&hm=445bcec1be3b4d25c990266eb0ae0fedade5af669d1be60f31e690ca6e695304&); 61 | } 62 | 63 | .userInfo__18240 .wrapper_edb6e0:has(rect[width="10"][height="15"][fill="#23a55a"][x="22"][y="17"]):before, 64 | .layout_bb8e67 .wrapper_edb6e0:has(rect[width="10"][height="15"][x="22"][y="17"]):before, 65 | .avatar__7bd22 .wrapper_edb6e0:has(rect[width="10"][height="15"][x="22"][y="17"]):before, 66 | .avatarHoverTarget__3a360 .wrapper_edb6e0:has(rect[width="16"][height="24"][x="60"][y="52"]):before { 67 | background-image: url(https://cdn.discordapp.com/attachments/1180332254615052288/1215444270975287306/phone2.png?ex=65fcc5b0&is=65ea50b0&hm=0678d66e286ddb5efdd0281312d840fdadc6f11566e13858628faab1e2657171&); 68 | } 69 | 70 | .userInfo__18240 .wrapper_edb6e0:has(rect[width="10"][height="10"][fill="#f0b232"][x="22"][y="22"]):before, 71 | .layout_bb8e67 .wrapper_edb6e0:has([fill="#f0b232"]):before, 72 | .wrapper_edb6e0:has(rect[fill="#f0b232"]):before, 73 | .avatarHoverTarget__3a360 .wrapper_edb6e0:has(rect[width="16"][height="24"][fill="#f0b232"][x="60"][y="52"]):before { 74 | background-image: url(https://cdn.discordapp.com/attachments/1180332254615052288/1215441753574871120/idle2.png?ex=65fcc357&is=65ea4e57&hm=0a7329b960568a857ba68caa9d38a4b6bbe669f053f94c7d53234d06b5d28d04&); 75 | } 76 | 77 | .wrapper_edb6e0:has(rect[mask="url(#svg-mask-status-idle)"]):before{ 78 | background-image: url(https://cdn.discordapp.com/attachments/1180332254615052288/1215441753574871120/idle2.png?ex=65fcc357&is=65ea4e57&hm=0a7329b960568a857ba68caa9d38a4b6bbe669f053f94c7d53234d06b5d28d04&); 79 | } 80 | 81 | .userInfo__18240 .wrapper_edb6e0:has(rect[width="10"][height="10"][fill="#f23f43"][x="22"][y="22"]):before, 82 | .layout_bb8e67 .wrapper_edb6e0:has([fill="#f23f43"]):before, 83 | .wrapper_edb6e0:has(rect[fill="#f23f43"]):before, 84 | .avatarHoverTarget__3a360 .wrapper_edb6e0:has(rect[width="16"][height="24"][fill="#f23f43"][x="60"][y="52"]):before{ 85 | background-image: url(https://cdn.discordapp.com/attachments/1180332254615052288/1215438954061504512/offline2.png?ex=65fcc0bc&is=65ea4bbc&hm=a48e263f9f0461a4439a735f26358e9efb5589ecaa0f68d57144238b4d980da7&); 86 | } 87 | -------------------------------------------------------------------------------- /dsn-general.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --font-primary: "Tahoma"; 3 | --font-bold: "Tahoma", bold; 4 | 5 | --font-size: 13px; 6 | /* for accuracy use size 11 */ 7 | 8 | --border-light: #d9def2; 9 | 10 | --light-color: #ecf0f5; 11 | --focus-background: #d8e3fa67; 12 | --focus-border: inset 0px 0px 0px 1px #8e91a888; 13 | --primary-border: inset 0px 0px 3px 1px #bac5df; 14 | --input-color: #222; 15 | --selected-color: #316bc6; 16 | 17 | --border-top-left: #c2cbe7; 18 | --border-bottom-right: #788db7; 19 | 20 | /* dont touch */ 21 | --background-secondary-alt: none; 22 | --background-modifier-selected: transparent; 23 | --background-modifier-active: transparent; 24 | --background-modifier-hover: inherit; 25 | --__lottieIconColor: transparent; 26 | --elevation-low: none; 27 | --bg-overlay-1: transparent; 28 | --bg-overlay-2: transparent; 29 | --__header-bar-background: transparent; 30 | --custom-standard-sidebar-view-sidebar-total-width: 220px; 31 | --channel-icon: transparent; 32 | } 33 | 34 | .theme-light { 35 | --scrollbar: url(https://numoder.github.io/dsn10-theme/assets/scrollbar/luna.png); 36 | 37 | --message-hover: rgba(0, 0, 255, 0.603); 38 | 39 | --dmmainbarmiddle: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/light/DMbarsearchmiddle.png); 40 | --dmbarsearchmiddle: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/light/DMmainbarmiddle.png); 41 | --dmsearchbar-repeat: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/light/searchbarbgrepeat.png); 42 | --searchbarbg: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/light/searchbarbg.png); 43 | --dmbarsearchbarright: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/light/DMbarsearchright.png); 44 | --dmbarsearchleft: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/light/DMbarsearchleft.png); 45 | --dmmainbarright: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/light/DMmainbarright.png); 46 | 47 | --window-border: inset 0px 0px 0px 1px #6578b4, inset 0px 0px 0px 2px #d0d6eb, 48 | inset 0px 0px 0px 3px #dce2f4; 49 | 50 | --background: white; 51 | --text-primary: #222; 52 | --text-inverted-primary: #eee; 53 | --text-blue: #153290; 54 | 55 | --context-menu-background: white; 56 | --context-menu-border: #a9a9a9; 57 | 58 | --picture-border: #485e85; 59 | --border-color: #98a7d2; 60 | --profile-box-shadow: inset 0px 0px 1.5px 2px #fff; 61 | 62 | --general-box-shadow: inset 0px 0px 0px 1px #a9c6ff, 63 | inset 0px 0px 0px 2px #c2cce0, inset 0px 0px 0px 3px #dce2ef, 64 | inset 0px 0px 0px 4px #f4f8ff; 65 | --friend-box-shadow: inset 0px 0px 0px 1px #bfd4ff, 66 | inset 0px 0px 0px 2px #a8c2f5, inset 0px 0px 0px 3px #cedbf8, 67 | inset 0px 0px 0px 4px #f4f8ff; 68 | 69 | --profile-color-1: rgba(235, 240, 247, 1); 70 | --profile-color-2: rgb(247, 249, 255); 71 | --profile-color-3: rgb(193, 214, 255); 72 | 73 | --profile-color-4: #eef2f9; 74 | --profile-color-5: #d2ddef; 75 | 76 | --reaction-background: linear-gradient( 77 | 0deg, 78 | rgba(46, 155, 55, 0.6) 0%, 79 | rgba(166, 252, 95, 0.5) 80 | ); 81 | --reaction-border: green; 82 | 83 | --add-friend-background: linear-gradient( 84 | 180deg, 85 | rgba(205, 217, 238, 1) 0%, 86 | rgba(223, 231, 243, 1) 50%, 87 | rgba(250, 251, 253, 1) 100% 88 | ); 89 | --add-friend-border: var(--border-light); 90 | 91 | --server-list-background: linear-gradient(90deg, #fff 0%, #ccd5e6 100%); 92 | 93 | --server-background: linear-gradient( 94 | 0deg, 95 | rgba(251, 252, 253, 1) 0%, 96 | #e2e7f1 60%, 97 | rgba(204, 213, 230, 1) 100% 98 | ); 99 | --server-background-hover: #f0f6ff; 100 | --server-background-selected: white; 101 | --server-background-active: #dadada; 102 | --server-background-active-2: linear-gradient( 103 | 0deg, 104 | rgb(247, 252, 255) 0%, 105 | rgb(197, 218, 255) 100% 106 | ); 107 | 108 | --member-list-background: linear-gradient(90deg, #e8edf6 0%, #c6d4f1 100%); 109 | --member-list-border: 1px solid #bbc5d2; 110 | --member-list-before-background: linear-gradient( 111 | 0deg, 112 | rgba(255, 255, 255, 1) 0%, 113 | rgba(198, 209, 240, 1) 100% 114 | ); 115 | 116 | --server-notification: linear-gradient( 117 | 180deg, 118 | rgba(150, 205, 158, 1) 0%, 119 | rgba(65, 170, 73, 1) 49%, 120 | rgba(31, 155, 40, 1) 50%, 121 | rgba(15, 147, 25, 1) 51%, 122 | rgba(13, 201, 19, 1) 100% 123 | ); 124 | 125 | --server-notification-hover: linear-gradient( 126 | 180deg, 127 | #c6e3cc 0%, 128 | #50bc5a 49%, 129 | #1eb128 50%, 130 | #18cb26 51%, 131 | #14df1d 100% 132 | ); 133 | 134 | --server-notification-active: linear-gradient( 135 | 180deg, 136 | #46994f 0%, 137 | #107014 49.75%, 138 | #0a4f0a 50.25%, 139 | #017b01 100% 140 | ); 141 | 142 | --msn-logo: url(https://numoder.github.io/dsn10-theme/assets/msn/msn-blue.png); 143 | 144 | --text-area-border: #647eae; 145 | 146 | --message-background: rgba(255, 255, 255, 0.75); 147 | --message-background-border: linear-gradient( 148 | 0deg, 149 | rgba(203, 216, 239, 1) 0%, 150 | rgb(229, 238, 255) 60%, 151 | rgba(203, 216, 239, 1) 100% 152 | ); 153 | 154 | --member-hover: linear-gradient( 155 | 135deg, 156 | rgba(255, 255, 255, 0) 0%, 157 | rgba(229, 238, 249, 1) 100% 158 | ); 159 | 160 | --people-column-background: rgba(255, 255, 255, 0.75); 161 | --people-column-border: #ebf1fa; 162 | 163 | --friends-button-background: white; 164 | --friends-button-background-border: rgb(221, 221, 221); 165 | 166 | --tooltip-background: #ffffe1; 167 | --tooltip-border: #000; 168 | 169 | --settings-background: linear-gradient( 170 | 180deg, 171 | rgba(121, 159, 230, 1) 0%, 172 | rgba(99, 116, 213, 1) 100% 173 | ); 174 | --settings-background-2: #ece9d8; 175 | --settings-button-background: #d6dff7; 176 | --settings-button-border: #f7f9fd; 177 | --settings-header: linear-gradient( 178 | 90deg, 179 | rgba(1, 72, 178, 1) 0%, 180 | rgba(40, 91, 197, 1) 100% 181 | ); 182 | 183 | --settings-page-header-text-color: #222; 184 | --settings-selected-color: #6487dc; 185 | 186 | --settings-sub-container: linear-gradient(180deg, #fcfcfe, #f4f3ee); 187 | --settings-sub-container-shadow: inset 1px 1px #fcfcfe, 188 | inset -1px -1px #fcfcfe, 1px 2px 2px 0 rgba(208, 206, 191, 0.75); 189 | --settings-sub-container-border: 1px solid #919b9c; 190 | 191 | --settings-sub-container-2: #fff; 192 | --settings-sub-container-2-border: 1px solid #d0d0bf; 193 | 194 | --direct-messages-background: linear-gradient( 195 | 90deg, 196 | rgba(220, 228, 248, 1) 0%, 197 | rgba(246, 249, 255, 1) 15%, 198 | rgba(255, 255, 255, 1) 51%, 199 | rgba(246, 249, 255, 1) 85%, 200 | rgba(220, 228, 248, 1) 100% 201 | ); 202 | 203 | --dm-hover: linear-gradient( 204 | 0deg, 205 | rgba(193, 204, 236, 0.8) 0%, 206 | rgba(255, 255, 255, 0.8) 60% 207 | ); 208 | --dm-hover-border: inset 0px 0px 0px 1px white, 209 | inset 0px 0px 0px 2px rgb(193, 204, 236), inset 0px 0px 0px 3px white; 210 | 211 | --dm-selected: linear-gradient( 212 | 0deg, 213 | rgba(193, 204, 236, 0.8) 2%, 214 | rgba(255, 255, 255, 0.8) 100% 215 | ); 216 | --dm-selected-border: inset 0px 0px 0px 1px white, 217 | inset 0px 0px 0px 2px rgb(193, 204, 236), inset 0px 0px 0px 3px white; 218 | 219 | --dm-selected-hover: linear-gradient( 220 | 0deg, 221 | rgba(198, 213, 255, 0.8) 2%, 222 | rgba(251, 252, 255, 0.8) 100% 223 | ); 224 | 225 | --dm-active: linear-gradient( 226 | 0deg, 227 | rgba(172, 194, 255, 0.8) 2%, 228 | rgba(255, 255, 255, 0.8) 100% 229 | ); 230 | 231 | --sidebar-header-hover: inset 0px 0px 5px 1px #5184c2, 232 | inset 0px 0px 5px 5px #eeeeee; 233 | 234 | --textbox-border: 1px solid #7f9db9; 235 | 236 | --settings-divider-color: 1px solid #9b9b9b; 237 | --settings-divider-color-2: 1px solid #ffffff; 238 | } 239 | 240 | .theme-dark { 241 | --scrollbar: url(https://numoder.github.io/dsn10-theme/assets/scrollbar/zune.png); 242 | 243 | --dmbarsearchmiddle: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/dark/DMmainbarmiddle.png); 244 | --dmmainbarmiddle: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/dark/DMbarsearchmiddle.png); 245 | --dmsearchbar-repeat: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/dark/searchbarbgrepeat.png); 246 | --searchbarbg: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/dark/searchbarbg.png); 247 | --dmbarsearchleft: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/dark/DMbarsearchleft.png); 248 | --dmbarsearchbarright: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/dark/DMbarsearchright.png); 249 | --dmmainbarright: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/dark/DMmainbarright.png); 250 | 251 | --window-border: inset 0px 0px 0px 1px #707070, inset 0px 0px 0px 2px #484848, 252 | inset 0px 0px 0px 3px #202020; 253 | 254 | --background: #202025; 255 | 256 | --context-menu-background: rgb(22, 22, 22); 257 | --context-menu-border: #5f5f5f; 258 | 259 | --text-primary: #eee; 260 | --text-inverted-primary: #222; 261 | --text-blue: #2054ff; 262 | 263 | --reaction-background: linear-gradient( 264 | 0deg, 265 | rgba(196, 127, 71, 0.4) 0%, 266 | rgba(46, 29, 0, 1) 100% 267 | ); 268 | --reaction-border: #c47f47; 269 | 270 | --mention-background: var(--reaction-background); 271 | --mention-foreground: orange; 272 | 273 | --picture-border: black; 274 | --border-color: #7b7b7c; 275 | --profile-box-shadow: inset 0px 0px 1px 1px #4c4c4c; 276 | 277 | --general-box-shadow: inset 0px 0px 0px 1px #888888, 278 | inset 0px 1px 0px 2px #4f4f4f, inset 0px 1px 0px 3px #3d3d3d; 279 | --friend-box-shadow: inset 0px 0px 0px 1px #ff9900, 280 | inset 0px 1px 0px 2px #994a00, inset 0px 1px 0px 3px #693300; 281 | 282 | --profile-color-1: #000000; 283 | --profile-color-2: #222222; 284 | --profile-color-3: #808080; 285 | 286 | --profile-color-4: #211d1e; 287 | --profile-color-5: #666666; 288 | 289 | --add-friend-background: linear-gradient( 290 | 180deg, 291 | rgb(61, 61, 61) 0%, 292 | rgba(5, 5, 5, 0) 100% 293 | ); 294 | --add-friend-border: silver; 295 | 296 | --server-list-background: linear-gradient(90deg, #1b1b1b 0%, #2b2b2b 100%); 297 | 298 | --server-background: linear-gradient(0deg, #000 0%, #1b1b1b 100%); 299 | --server-background-hover: linear-gradient(0deg, #222 0%, #2b2b2b 100%); 300 | --server-background-selected: #333; 301 | --server-background-active: #444; 302 | --server-background-active-2: linear-gradient( 303 | 0deg, 304 | rgb(0, 0, 0) 0%, 305 | rgb(206, 110, 0) 100% 306 | ); 307 | 308 | --member-list-background: linear-gradient(-90deg, #181818 0%, #303030 100%); 309 | --member-list-border: 1px solid #525252; 310 | --member-list-before-background: linear-gradient( 311 | 0deg, 312 | rgba(0, 0, 0, 0.678) 0%, 313 | rgb(107, 107, 107) 100% 314 | ); 315 | 316 | --server-notification: linear-gradient( 317 | 180deg, 318 | #ffab77 0%, 319 | #ee6721 49%, 320 | rgba(190, 81, 14, 1) 50%, 321 | rgba(176, 68, 1, 1) 51%, 322 | #a31d1d 100% 323 | ); 324 | 325 | --server-notification-hover: linear-gradient( 326 | 180deg, 327 | #fed5bb 0%, 328 | #fa8d4a 49%, 329 | #db6e2b 50%, 330 | rgba(176, 68, 1, 1) 51%, 331 | #fc8f4c 100% 332 | ); 333 | 334 | --server-notification-active: linear-gradient( 335 | 180deg, 336 | #c56124 0%, 337 | #ae4301 49%, 338 | #8a3501 50%, 339 | #7a2f01 51%, 340 | #b14401 100% 341 | ); 342 | 343 | --msn-logo: url(https://numoder.github.io/dsn10-theme/assets/msn/msn-white.png); 344 | 345 | --text-area-border: #aaa; 346 | 347 | --message-background: rgba(255, 255, 255, 0.1); 348 | --message-background-border: linear-gradient( 349 | 0deg, 350 | rgb(31, 31, 31) 0%, 351 | rgb(70, 70, 70) 60%, 352 | rgb(31, 31, 31) 100% 353 | ); 354 | 355 | --member-hover: linear-gradient( 356 | 135deg, 357 | rgba(255, 255, 255, 0) 0%, 358 | rgb(82, 82, 82) 100% 359 | ); 360 | 361 | --people-column-background: rgba(0, 0, 0, 0.75); 362 | --people-column-border: linear-gradient(0deg, #3d3d3d 60%, #2c2c2c 100%); 363 | 364 | --friends-button-background: rgb(46, 46, 46); 365 | --friends-button-background-border: rgb(131, 131, 131); 366 | 367 | 368 | --tooltip-background: #272727; 369 | --tooltip-border: #8d8d8d; 370 | 371 | --settings-background: linear-gradient( 372 | 180deg, 373 | rgba(126, 126, 126, 1) 0%, 374 | rgba(69, 69, 69, 1) 100% 375 | ); 376 | --settings-background-2: #454545; 377 | --settings-button-background: #f1eee9; 378 | --settings-button-border: #fbfaf9; 379 | --settings-selected-color: #545; 380 | 381 | --settings-sub-container: linear-gradient(180deg, #504c4a, #161515); 382 | --settings-sub-container-shadow: inset 1px 1px #000000, 383 | inset -1px -1px #e9720322, 1px 2px 2px 0 rgba(0, 0, 0, 0.5); 384 | --settings-sub-container-border: 1px solid #757575; 385 | 386 | --settings-sub-container-2: #32343a; 387 | --settings-sub-container-2-border: 1px solid rgb(117, 121, 128); 388 | 389 | --direct-messages-background: linear-gradient( 390 | 90deg, 391 | rgba(29, 29, 29, 0.8) 5%, 392 | rgba(59, 59, 59, 0.35) 40%, 393 | rgba(58, 58, 58, 0.35) 52%, 394 | rgba(29, 29, 29, 0.8) 100% 395 | ); 396 | 397 | --dm-hover: linear-gradient( 398 | 0deg, 399 | rgb(26, 26, 26) 0%, 400 | rgba(41, 41, 41, 1) 49.9%, 401 | rgba(27, 16, 3, 1) 50%, 402 | rgb(71, 69, 65) 50.1%, 403 | rgb(161, 161, 161) 100% 404 | ); 405 | --dm-hover-border: inset 0px 0px 0px 1px rgb(24, 24, 24), 406 | inset 0px 0px 0px 2px rgb(235, 235, 235), 407 | inset 0px 0px 0px 3px rgb(100, 100, 100); 408 | 409 | --dm-selected: linear-gradient( 410 | 0deg, 411 | rgba(24, 16, 10, 1) 0%, 412 | rgba(41, 41, 41, 1) 49.9%, 413 | rgba(27, 16, 3, 1) 50%, 414 | rgb(71, 69, 65) 50.1%, 415 | rgb(167, 105, 0) 100% 416 | ); 417 | --dm-selected-border: inset 0px 0px 0px 1px rgb(0, 0, 0), 418 | inset 0px 0px 0px 2px rgb(231, 137, 13), 419 | inset 0px 0px 0px 3px rgb(95, 59, 38); 420 | --dm-selected-hover: linear-gradient( 421 | 0deg, 422 | rgb(39, 26, 17) 0%, 423 | rgb(56, 56, 56) 49.9%, 424 | rgb(58, 35, 7) 50%, 425 | rgb(87, 84, 79) 50.1%, 426 | rgb(180, 114, 0) 100% 427 | ); 428 | 429 | --dm-active: linear-gradient( 430 | 0deg, 431 | rgb(53, 38, 28) 0%, 432 | rgb(65, 54, 32) 49.9%, 433 | rgb(95, 63, 23) 50%, 434 | rgb(150, 91, 3) 50.1%, 435 | rgb(204, 124, 18) 70%, 436 | rgb(255, 226, 188) 100% 437 | ); 438 | 439 | --sidebar-header-hover: inset 0px 0px 5px 1px gray, 440 | inset 0px 0px 5px 5px black; 441 | 442 | --textbox-border: 1px solid #c0c0c0; 443 | 444 | --settings-divider-color: #1f1f1fd7; 445 | --settings-divider-color-2: 1px solid #aaaaaa98; 446 | } 447 | 448 | foreignObject, 449 | [id=":r4r:"] { 450 | mask: none !important; 451 | } 452 | 453 | .folderIconWrapper_bc7085, 454 | .footer-31IekZ, 455 | .footer_ad9cbd, 456 | .footer_f9a4c9, 457 | .form-25Aujy .submitButton_c1668f, 458 | .forumPost_c53f2f, 459 | .friend_ebf869, 460 | .friendRequestsButton_c0c071, 461 | .gameIcon_f394e5, 462 | .gameNameInput_fd966d, 463 | .activitySectionAssets_cd82a7 .largeImage_cd82a7, 464 | .wrapperSimple_c5f96a, 465 | .avatar_ec86aa, 466 | .iconInactive_f11207 { 467 | border-radius: 0; 468 | } 469 | 470 | html, 471 | body, 472 | div, 473 | span, 474 | applet, 475 | object, 476 | iframe, 477 | h1, 478 | h2, 479 | h3, 480 | h4, 481 | h5, 482 | h6, 483 | p, 484 | blockquote, 485 | pre, 486 | a, 487 | abbr, 488 | acronym, 489 | address, 490 | big, 491 | cite, 492 | code, 493 | del, 494 | dfn, 495 | em, 496 | img, 497 | input, 498 | ins, 499 | kbd, 500 | q, 501 | s, 502 | samp, 503 | small, 504 | strike, 505 | strong, 506 | tt, 507 | var, 508 | dl, 509 | dt, 510 | dd, 511 | ol, 512 | ul, 513 | li, 514 | fieldset, 515 | form, 516 | label, 517 | legend, 518 | table, 519 | caption, 520 | tbody, 521 | tfoot, 522 | thead, 523 | tr, 524 | th, 525 | td, 526 | button, 527 | textarea { 528 | font-size: var(--font-size) !important; 529 | word-spacing: normal; 530 | letter-spacing: 0px; 531 | font-weight: normal !important; 532 | } 533 | 534 | textarea::selection { 535 | background: #2267cb; 536 | color: #fff; 537 | } 538 | 539 | .theme-light .children_e44302:after, 540 | .theme-light .container_ee69e0, 541 | .chatContent_a7d72e, 542 | .container_c2739c, 543 | .tabBody_c2739c, 544 | .replyBar_b11c5e, 545 | .threadSuggestionBar_b11c5e, 546 | .attachedBars_d0696b, 547 | .addFriend_c2739c.addFriend_c2739c.addFriend_c2739c { 548 | background: transparent !important; 549 | } 550 | 551 | 552 | h3.header_ec86aa { 553 | word-spacing: normal; 554 | } 555 | 556 | .repliedTextPreview_ec86aa .repliedTextContent_ec86aa { 557 | left: 1px; 558 | position: relative; 559 | } 560 | 561 | .interactive_f5eb4b:active .overflow_c74e70 { 562 | text-decoration: underline; 563 | } 564 | 565 | .interactive_c91bad { 566 | box-sizing: initial; 567 | } 568 | 569 | .channelName_f0fccd div, 570 | .channelName_f0fccd input, 571 | .interactiveSelected_c91bad .overflow_c74e70, 572 | .channel_c91bad .highlighted_f9647d, 573 | .text-sm-normal__95a78, 574 | .username_ec86aa, 575 | .username_de3235, 576 | .body_b9fccc > .container_afed89 > div > .text-lg-semibold__9539a, 577 | .heading-md-semibold__76ba1 { 578 | font-family: var(--font-primary); 579 | font-weight: bold !important; 580 | } 581 | 582 | .container_b15955 { 583 | padding: 0px; 584 | } 585 | 586 | .channel_c91bad { 587 | padding: 0 3px; 588 | border-radius: 0px; 589 | } 590 | 591 | a.link_c91bad { 592 | height: 42px; 593 | } 594 | 595 | .link_c91bad .numberBadge__40d6f { 596 | position: relative; 597 | top: -39px; 598 | left: 201px; 599 | } 600 | 601 | .channel_c91bad .layout_f9647d { 602 | flex-direction: row-reverse; 603 | justify-content: flex-end; 604 | margin-left: -2px; 605 | } 606 | 607 | .layout_f9647d .avatar_f9647d { 608 | margin-right: -4px; 609 | } 610 | 611 | .link_c91bad { 612 | display: initial; 613 | } 614 | 615 | .closeButton_c91bad { 616 | display: none !important; 617 | } 618 | 619 | .channel_c91bad.container_b15955:hover { 620 | background: var(--dm-hover); 621 | box-shadow: var(--dm-hover-border); 622 | } 623 | 624 | .channel_c91bad.container_b15955:active { 625 | background: var(--dm-active); 626 | } 627 | 628 | .channel_c91bad:has(.interactiveSelected_c91bad) { 629 | background: var(--dm-selected); 630 | box-shadow: var(--dm-selected-border); 631 | } 632 | 633 | .channel_c91bad:has(.interactiveSelected_c91bad):hover { 634 | background: var(--dm-selected-hover); 635 | box-shadow: var(--dm-selected-border); 636 | } 637 | 638 | .channel_c91bad .highlighted_f9647d { 639 | color: var(--text-blue); 640 | } 641 | 642 | .panels_a4d4d9 .container_b2ca13, 643 | .panels_a4d4d9 .container_adcaac, 644 | .panels_a4d4d9 .panel_bf1a22, 645 | .container_6sXIoE.withTimeline_824fT_ { 646 | background: linear-gradient( 647 | 0deg, 648 | var(--profile-color-1) 0%, 649 | var(--profile-color-2) 80%, 650 | var(--profile-color-3) 100% 651 | ); 652 | box-shadow: var(--profile-box-shadow); 653 | border: 1px solid var(--border-color); 654 | min-height: 90px; 655 | border-radius: 4px; 656 | flex-direction: column; 657 | bottom: 1px; 658 | position: relative; 659 | } 660 | 661 | .theme-light .container_6sXIoE.withTimeline_824fT_ { 662 | background: linear-gradient( 663 | 0deg, 664 | rgba(184, 198, 229, 1) 0%, 665 | rgba(208, 229, 254, 1) 25%, 666 | rgba(154, 176, 214, 1) 47.5%, 667 | rgba(154, 176, 214, 1) 52.5%, 668 | rgba(255, 254, 246, 1) 100% 669 | ) !important; 670 | } 671 | 672 | .theme-light 673 | .container_6sXIoE.withTimeline_824fT_ 674 | > .inner_WRV6k5 675 | > .flex_bba380 676 | > button { 677 | background: linear-gradient( 678 | -45deg, 679 | rgb(129, 215, 255) 0%, 680 | rgba(223, 227, 242, 1) 50%, 681 | rgb(255, 255, 255) 100% 682 | ); 683 | box-shadow: inset 0px 0px 1px 1px #5e7179; 684 | margin: 2px; 685 | 686 | border-radius: 50%; 687 | } 688 | 689 | .theme-light 690 | .container_6sXIoE.maximized_vv2Wr0.withTimeline_824fT_ 691 | > .inner_WRV6k5 692 | > .flex_bba380 693 | > button { 694 | background: transparent; 695 | border-radius: 0px; 696 | margin: -1px; 697 | box-shadow: none; 698 | } 699 | 700 | .theme-light 701 | .container_6sXIoE.withTimeline_824fT_ 702 | > .inner_WRV6k5 703 | > .flex_bba380 704 | > button:hover 705 | > .contents_dd4f85 { 706 | -webkit-text-fill-color: black; 707 | } 708 | 709 | .panels_a4d4d9 .button_adcaac, 710 | .panels_a4d4d9 .avatarSpeaking_c51b4e { 711 | border-radius: 0px; 712 | } 713 | 714 | .panels_a4d4d9 .container_adcaac { 715 | background: linear-gradient( 716 | 0deg, 717 | var(--profile-color-1) 0%, 718 | var(--profile-color-2) 50%, 719 | var(--profile-color-3) 100% 720 | ); 721 | } 722 | 723 | .panels_a4d4d9 .panel_bf1a22, 724 | .container_6sXIoE.withTimeline_824fT_ { 725 | background: linear-gradient( 726 | 0deg, 727 | var(--profile-color-1) 0%, 728 | var(--profile-color-2) 15%, 729 | var(--profile-color-3) 100% 730 | ); 731 | min-height: min-content; 732 | } 733 | 734 | .container_6sXIoE.withTimeline_824fT_.maximized_vv2Wr0 { 735 | background: linear-gradient( 736 | 0deg, 737 | var(--profile-color-1) 0%, 738 | var(--profile-color-2) 10%, 739 | var(--profile-color-3) 30%, 740 | var(--profile-color-1) 100% 741 | ); 742 | transition: 1s; 743 | } 744 | 745 | .theme-light .container_6sXIoE.maximized_vv2Wr0.withTimeline_824fT_ { 746 | background: linear-gradient( 747 | 0deg, 748 | rgba(184, 198, 229, 1) 0%, 749 | rgba(208, 229, 254, 1) 17.5%, 750 | rgba(154, 176, 214, 1) 24.5%, 751 | rgba(154, 176, 214, 1) 25.5%, 752 | rgba(255, 254, 246, 1) 35% 753 | ) !important; 754 | } 755 | 756 | .gameActivityToggleAdded_Yd-YxC .avatarWrapper_b2ca13 .wrapper_c51b4e { 757 | top: 20px; 758 | } 759 | 760 | .container_b2ca13 > .flex_bba380 > button { 761 | height: 16px; 762 | width: 16px; 763 | top: 6px; 764 | margin-right: 8px; 765 | } 766 | 767 | .panels_a4d4d9 .container_b2ca13::before { 768 | width: 50px; 769 | height: 23px; 770 | content: var(--msn-logo); 771 | position: absolute; 772 | left: 2px; 773 | } 774 | 775 | .panels_a4d4d9 .container_b2ca13::after { 776 | content: "Messenger"; 777 | font-family: var(--font-primary); 778 | font-weight: bold; 779 | font-size: 11px; 780 | position: absolute; 781 | color: var(--text-blue); 782 | top: 9px; 783 | left: 54px; 784 | } 785 | 786 | .theme-dark .panels_a4d4d9 .container_b2ca13::after { 787 | color: var(--text-primary); 788 | } 789 | 790 | .panels_a4d4d9 .container_adcaac { 791 | background: linear-gradient( 792 | 0deg, 793 | var(--profile-color-1) 0%, 794 | var(--profile-color-2) 75%, 795 | var(--profile-color-3) 100% 796 | ); 797 | bottom: 2px; 798 | } 799 | 800 | .panels_a4d4d9 .actionButtons_adcaac .button_adcaac svg { 801 | color: transparent; 802 | } 803 | 804 | .theme-light { 805 | --music-controls-background: linear-gradient( 806 | 0deg, 807 | rgba(188, 204, 235, 1) 0%, 808 | rgba(159, 179, 217, 1) 50%, 809 | rgba(232, 237, 251, 1) 75%, 810 | rgba(255, 255, 255, 1) 100% 811 | ); 812 | --music-controls-border: 1px solid #4b68aa; 813 | } 814 | 815 | .theme-dark { 816 | --music-controls-background: linear-gradient( 817 | 0deg, 818 | rgba(51, 58, 126, 1) 0%, 819 | rgba(75, 105, 191, 1) 50%, 820 | rgba(100, 138, 213, 1) 100% 821 | ); 822 | } 823 | 824 | [id="vc-spotify-song-title"] { 825 | font-weight: bold !important; 826 | } 827 | 828 | .theme-dark [id="vc-spotify-song-title"] { 829 | color: lime !important; 830 | } 831 | 832 | [id="vc-spotify-player"] { 833 | background: var(--music-controls-background) !important; 834 | border: var(--music-controls-border) !important; 835 | border-radius: 4px; 836 | margin: 0px 0px 3px 0px !important; 837 | padding-top: 10px !important; 838 | } 839 | 840 | .vc-spotify-button-row { 841 | margin: 14px 0 4px 0; 842 | gap: 15px !important; 843 | } 844 | 845 | .vc-spotify-button { 846 | width: 32px !important; 847 | height: 32px !important; 848 | border-radius: 50% !important; 849 | } 850 | 851 | .vc-spotify-button-icon { 852 | width: 22px !important; 853 | height: 22px !important; 854 | border-radius: 50% !important; 855 | padding: 3px; 856 | } 857 | 858 | .theme-light .vc-spotify-button { 859 | background: var(--action-button-background); 860 | } 861 | 862 | .theme-light .vc-spotify-button-icon { 863 | background: var(--action-button); 864 | box-shadow: inset 0px 0px 4px -1px black, 0px 0px 4px -1px black; 865 | background-position: -5px -4px; 866 | transition: 0.2s; 867 | } 868 | 869 | .theme-light .vc-spotify-button-icon:hover { 870 | background: var(--action-button-hover); 871 | background-position: -5px -4px; 872 | transition: 0.2s; 873 | } 874 | 875 | .theme-light .vc-spotify-button-icon:active { 876 | background: var(--action-button-active); 877 | background-position: -3px -3px; 878 | transition: 0.2s; 879 | } 880 | 881 | [id="vc-spotify-progress-bar"] .bar_c7a159 { 882 | height: 10px !important; 883 | border-radius: 6px; 884 | } 885 | 886 | [id="vc-spotify-progress-bar"] .bar_c7a159 { 887 | background: linear-gradient( 888 | 0deg, 889 | rgba(255, 254, 252, 1) 0%, 890 | rgba(153, 164, 193, 1) 100% 891 | ) !important; 892 | border: 1px solid #8393af; 893 | } 894 | 895 | [id="vc-spotify-progress-bar"] .barFill_c7a159 { 896 | box-shadow: inset -1px 1px 0px 0px #ffffff80; 897 | background: #3dd842; 898 | } 899 | 900 | .vc-spotify-progress-time { 901 | margin-top: 6px; 902 | } 903 | 904 | /* dark spotify controls */ 905 | .theme-dark [id="vc-spotify-player"] { 906 | box-shadow: inset 0px -3px 1px 0px rgba(0, 0, 0, 0.5), 907 | inset 0px 3px 1px 0px rgba(255, 255, 255, 0.4); 908 | } 909 | 910 | .theme-dark .vc-spotify-button { 911 | background: linear-gradient(0deg, #7993e1 0%, #4a57a7 100%); 912 | } 913 | 914 | .theme-dark svg.vc-spotify-button-icon { 915 | background: radial-gradient( 916 | circle, 917 | white 35%, 918 | #cddaf9 45%, 919 | #718caa 55%, 920 | #0b1a79 70% 921 | ); 922 | background-position: 0px -14px; 923 | background-size: 30px 50px; 924 | color: #021590; 925 | transition: 0.2s; 926 | } 927 | 928 | .theme-dark svg.vc-spotify-button-icon:hover { 929 | background: radial-gradient( 930 | circle, 931 | white 35%, 932 | #a0bcff 45%, 933 | #718caa 55%, 934 | #0b1a79 70% 935 | ); 936 | background-position: 0px -17px; 937 | background-size: 30px 50px; 938 | transition: 0.2s; 939 | } 940 | 941 | .theme-dark svg.vc-spotify-button-icon:active { 942 | background: radial-gradient(circle, white 35%, #b1f5c0 45%, #3a994a 100%); 943 | background-position: 0px -17px; 944 | background-size: 30px 50px; 945 | color: blue; 946 | } 947 | 948 | #vc-spotify-progress-bar > [class^="slider"] [class^="grabber"] { 949 | opacity: 1 !important; 950 | } 951 | 952 | .theme-light { 953 | --action-button-background: linear-gradient( 954 | 180deg, 955 | rgba(73, 73, 73, 0.2) 0%, 956 | rgba(255, 255, 255, 0.6) 100% 957 | ); 958 | --action-button: radial-gradient( 959 | circle, 960 | rgba(255, 255, 255, 1) 35%, 961 | #bbddec 100% 962 | ); 963 | --action-button-hover: radial-gradient( 964 | circle, 965 | rgba(255, 255, 255, 1) 35%, 966 | rgb(157, 223, 252) 100% 967 | ); 968 | --action-button-active: radial-gradient( 969 | circle, 970 | rgba(255, 255, 255, 1) 35%, 971 | rgba(50, 205, 50, 0.836) 100% 972 | ); 973 | } 974 | 975 | .theme-dark { 976 | --action-button-background: linear-gradient( 977 | 0deg, 978 | #3d3d3d69 0%, 979 | #00000069 100% 980 | ) !important; 981 | --action-button: radial-gradient( 982 | circle, 983 | rgba(90, 90, 90, 0.8) 35%, 984 | #444444 45%, 985 | #292929c4 55%, 986 | #141414b2 70% 987 | ); 988 | --action-button-hover: radial-gradient( 989 | circle, 990 | rgba(255, 255, 255, 0.5) 35%, 991 | #757575a8 45%, 992 | #262727 55%, 993 | #1d1d1d 70% 994 | ); 995 | --action-button-active: radial-gradient( 996 | circle, 997 | rgb(68, 68, 68) 35%, 998 | rgb(56, 56, 56) 45%, 999 | #252525 55%, 1000 | #000000 70% 1001 | ); 1002 | } 1003 | 1004 | .actionButtons_adcaac > button, 1005 | .actionButtons_adcaac > div { 1006 | background: var(--action-button-background); 1007 | border-radius: 50px !important; 1008 | padding: 0px; 1009 | margin: 0 10px; 1010 | width: 32px !important; 1011 | height: 32px !important; 1012 | } 1013 | 1014 | .actionButtons_adcaac > button > div { 1015 | background: var(--action-button) !important; 1016 | background-size: 30px 40px !important; 1017 | background-position: 0px -14px !important; 1018 | border-radius: 50px; 1019 | padding: 4px; 1020 | } 1021 | 1022 | .actionButtons_adcaac > div { 1023 | padding: 2px; 1024 | } 1025 | 1026 | .actionButtons_adcaac > button:hover > div { 1027 | background: var(--action-button-hover) !important; 1028 | background-size: 30px 40px !important; 1029 | background-position: 0px -14px !important; 1030 | transition: 0.2s; 1031 | } 1032 | 1033 | .actionButtons_adcaac > button:active > div { 1034 | background: var(--action-button-active) !important; 1035 | background-size: 30px 50px !important; 1036 | background-position: -3px -10px !important; 1037 | } 1038 | 1039 | .actionButtons_adcaac > .button_adcaac:first-child > div { 1040 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/webcam.png); 1041 | } 1042 | 1043 | .panels_a4d4d9 1044 | .actionButtons_adcaac 1045 | > .button_adcaac.fauxDisabled_adcaac:first-child 1046 | > .contents_dd4f85 { 1047 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/webcam2.png); 1048 | } 1049 | 1050 | .button_adcaac.buttonColor_adcaac.fauxDisabled_adcaac { 1051 | opacity: 1; 1052 | } 1053 | 1054 | .panels_a4d4d9 .actionButtons_adcaac > .button_adcaac > .contents_dd4f85 { 1055 | width: 20px; 1056 | height: 20px; 1057 | } 1058 | 1059 | .actionButtons_adcaac > div > button { 1060 | min-width: 29px; 1061 | min-height: 10px; 1062 | height: 30px !important; 1063 | } 1064 | 1065 | .panels_a4d4d9 1066 | .actionButtons_adcaac 1067 | > .button_adcaac:nth-child(2) 1068 | > .contents_dd4f85 { 1069 | content: url(https://numoder.github.io/dsn10-theme/assets/voicecall/sharescreen.png); 1070 | } 1071 | 1072 | .panels_a4d4d9 1073 | .actionButtons_adcaac 1074 | > .button_adcaac.buttonActive_adcaac:nth-child(2) { 1075 | content: url(https://numoder.github.io/dsn10-theme/assets/voicecall/sharescreen2.png); 1076 | } 1077 | 1078 | .panels_a4d4d9 1079 | .actionButtons_adcaac 1080 | > .button_adcaac:nth-child(3) 1081 | > .contents_dd4f85 { 1082 | content: url(https://numoder.github.io/dsn10-theme/assets/voicecall/games.png); 1083 | } 1084 | 1085 | .actionButtons_adcaac > div > button, 1086 | .actionButtons_adcaac > div > span > button:disabled { 1087 | background: url(https://numoder.github.io/dsn10-theme/assets/voicecall/sounds.png), 1088 | var(--action-button); 1089 | background-size: 20px 20px, 30px 40px; 1090 | background-position: center, 0px -8px; 1091 | background-repeat: no-repeat, repeat; 1092 | border-radius: 50px !important; 1093 | } 1094 | 1095 | .actionButtons_adcaac > div:hover > button, 1096 | .actionButtons_adcaac > div:hover > span > button:disabled { 1097 | background: url(https://numoder.github.io/dsn10-theme/assets/voicecall/sounds.png), 1098 | var(--action-button-hover); 1099 | background-size: 20px 20px, 30px 40px; 1100 | background-position: center, 0px -8px; 1101 | background-repeat: no-repeat, repeat; 1102 | border-radius: 50px !important; 1103 | } 1104 | 1105 | .actionButtons_adcaac > div:active > button, 1106 | .actionButtons_adcaac > div:active > span > button:disabled { 1107 | background: url(https://numoder.github.io/dsn10-theme/assets/voicecall/sounds.png), 1108 | var(--action-button-active); 1109 | background-size: 20px 20px, 30px 40px; 1110 | background-position: center, 0px -8px; 1111 | background-repeat: no-repeat, repeat; 1112 | border-radius: 50px !important; 1113 | } 1114 | 1115 | .actionButtons_adcaac > div > button .lottieIcon_f73ef7 { 1116 | --__lottieIconColor: transparent !important; 1117 | } 1118 | 1119 | .actionButtons_adcaac { 1120 | color: transparent !important; 1121 | } 1122 | 1123 | .rtcConnectionStatus_c0cb95 button { 1124 | font-family: var(--font-primary); 1125 | font-weight: bold; 1126 | } 1127 | 1128 | .rtcConnectionStatus_c0cb95 .ping_c0cb95 { 1129 | background: url(https://numoder.github.io/dsn10-theme/assets/misc/connection.png); 1130 | background-size: cover; 1131 | } 1132 | 1133 | .connection_adcaac .flex_bba380 > .button_f67531 { 1134 | height: 24px; 1135 | width: 24px; 1136 | margin-right: 12px; 1137 | } 1138 | 1139 | .connection_adcaac .flex_bba380 > .button_f67531:first-child { 1140 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/mixer.png); 1141 | } 1142 | .connection_adcaac .flex_bba380 > .button_f67531:last-child { 1143 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/phone.png); 1144 | filter: hue-rotate(-47.5deg) brightness(0.8) saturate(1.5); 1145 | } 1146 | 1147 | .ping_c0cb95 path { 1148 | fill: transparent; 1149 | } 1150 | 1151 | .panels_a4d4d9 .panel_bf1a22 { 1152 | background: linear-gradient( 1153 | 0deg, 1154 | var(--profile-color-1) 0%, 1155 | var(--profile-color-2) 15%, 1156 | var(--profile-color-3) 100% 1157 | ); 1158 | min-height: min-content; 1159 | bottom: 3px; 1160 | } 1161 | 1162 | .container_b2ca13 > .flex_bba380 > button:last-child { 1163 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/additionalsettings.png); 1164 | } 1165 | 1166 | .container_b2ca13 1167 | > .flex_bba380 1168 | > button:nth-last-child(2)[aria-checked="false"] { 1169 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/audio.png); 1170 | } 1171 | 1172 | .container_b2ca13 1173 | > .flex_bba380 1174 | > button:nth-last-child(2)[aria-checked="true"] { 1175 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/audio2.png); 1176 | } 1177 | 1178 | .container_b2ca13 1179 | > .flex_bba380 1180 | > button:nth-last-child(3)[aria-checked="false"] { 1181 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/mic.png); 1182 | } 1183 | 1184 | .container_b2ca13 1185 | > .flex_bba380 1186 | > button:nth-last-child(3)[aria-checked="true"] { 1187 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/mic2.png); 1188 | } 1189 | 1190 | .gameActivityToggleAdded_Yd-YxC > .flex_bba380 > button:has([name="Gamepad"]), 1191 | button:has( 1192 | [fill="currentColor"][d="M3.06 20.4q-1.53 0-2.37-1.065T.06 16.74l1.26-9q.27-1.8 1.605-2.97T6.06 3.6h11.88q1.8 0 3.135 1.17t1.605 2.97l1.26 9q.21 1.53-.63 2.595T20.94 20.4q-.63 0-1.17-.225T18.78 19.5l-2.7-2.7H7.92l-2.7 2.7q-.45.45-.99.675t-1.17.225Zm14.94-7.2q.51 0 .855-.345T19.2 12q0-.51-.345-.855T18 10.8q-.51 0-.855.345T16.8 12q0 .51.345 .855T18 13.2Zm-2.4-3.6q.51 0 .855-.345T16.8 8.4q0-.51-.345-.855T15.6 7.2q-.51 0-.855.345T14.4 8.4q0 .51.345 .855T15.6 9.6ZM6.9 13.2h1.8v-2.1h2.1v-1.8h-2.1v-2.1h-1.8v2.1h-2.1v1.8h2.1v2.1Z"] 1193 | ) { 1194 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/game.png); 1195 | } 1196 | .gameActivityToggleAdded_Yd-YxC 1197 | > .flex_bba380 1198 | > button:has([name="GamepadDisabled"]), 1199 | button:has( 1200 | [d="M3.06 20.4q-1.53 0-2.37-1.065T.06 16.74l1.26-9q.27-1.8 1.605-2.97T6.06 3.6h11.88q1.8 0 3.135 1.17t1.605 2.97l1.26 9q.21 1.53-.63 2.595T20.94 20.4q-.63 0-1.17-.225T18.78 19.5l-2.7-2.7H7.92l-2.7 2.7q-.45.45-.99.675t-1.17.225Zm14.94-7.2q.51 0 .855-.345T19.2 12q0-.51-.345-.855T18 10.8q-.51 0-.855.345T16.8 12q0 .51.345 .855T18 13.2Zm-2.4-3.6q.51 0 .855-.345T16.8 8.4q0-.51-.345-.855T15.6 7.2q-.51 0-.855.345T14.4 8.4q0 .51.345 .855T15.6 9.6ZM6.9 13.2h1.8v-2.1h2.1v-1.8h-2.1v-2.1h-1.8v2.1h-2.1v1.8h2.1v2.1Z"] 1201 | ) { 1202 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/game2.png); 1203 | } 1204 | 1205 | .wrapper_c51b4e.avatar_b2ca13 { 1206 | left: 16px; 1207 | top: 24px; 1208 | padding-right: 16px; 1209 | padding-bottom: 16px; 1210 | } 1211 | 1212 | .wrapper_c51b4e.avatar_b2ca13 svg .avatarDecoration_c51b4e{ 1213 | 1214 | } 1215 | 1216 | .avatarSpeaking_c51b4e { 1217 | box-shadow: inset 0 0 0 2px var(--status-speaking), 1218 | inset 0 0 0 3px var(--background-secondary); 1219 | } 1220 | 1221 | /* profile img */ 1222 | .wrapper_c51b4e.avatar_b2ca13 svg { 1223 | min-width: 58px; 1224 | min-height: 58px; 1225 | image-rendering: pixelated; 1226 | z-index: 4; 1227 | } 1228 | 1229 | .panels_a4d4d9 foreignObject:not([mask="url(#svg-mask-avatar-decoration-status-round-32)"]) { 1230 | border: 1px solid var(--picture-border); 1231 | border-radius: 4px; 1232 | -webkit-box-reflect: below 0px 1233 | linear-gradient(to bottom, rgba(0, 0, 0, 0) 85%, rgba(0, 0, 0, 0.4) 100%); 1234 | } 1235 | 1236 | .panels_a4d4d9 foreignObject[mask="url(#svg-mask-avatar-decoration-status-round-32)"] .avatarStack_c51b4e { 1237 | position: relative !important; 1238 | left: 3px; 1239 | } 1240 | 1241 | 1242 | /* profile buttons */ 1243 | .container_b2ca13 .flex_bba380 { 1244 | justify-content: flex-end; 1245 | gap: 24px; 1246 | width: 148px; 1247 | height: 24px; 1248 | position: relative; 1249 | background: linear-gradient( 1250 | 0deg, 1251 | var(--profile-color-4) 0%, 1252 | var(--profile-color-5) 100% 1253 | ); 1254 | top: 16px; 1255 | padding-left: 86px; 1256 | border-radius: 8px 8px 1px 1px; 1257 | } 1258 | 1259 | .gameActivityToggleAdded_Yd-YxC .flex_bba380 { 1260 | top: 0px; 1261 | } 1262 | 1263 | .nameTag_b2ca13 div { 1264 | font-size: 11px !important; 1265 | } 1266 | 1267 | .panels_a4d4d9 .nameTag_b2ca13 { 1268 | position: relative; 1269 | flex-direction: row; 1270 | width: 175px; 1271 | left: 15px; 1272 | top: 19px; 1273 | gap: 20px; 1274 | contain: paint; 1275 | } 1276 | 1277 | .customStatus_b2ca13 { 1278 | width: 160px; 1279 | } 1280 | 1281 | .hoverRoll_c0d6c6 .default_c0d6c6 { 1282 | font-family: var(--font-body); 1283 | } 1284 | 1285 | .hoverRoll_c0d6c6 .default_c0d6c6::after { 1286 | content: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10H7V9H6V8H5V7H4V6H11V7H10V8H9V9H8V10Z' fill='black'/%3E%3C/svg%3E%0A"); 1287 | top: 4px; 1288 | position: relative; 1289 | } 1290 | 1291 | .tabBody_c2739c { 1292 | z-index: 1; 1293 | } 1294 | 1295 | /* people column */ 1296 | 1297 | .peopleColumn_c2739c, 1298 | .messagesWrapper_e2e187 { 1299 | background: var(--people-column-background); 1300 | box-shadow: var(--general-box-shadow); 1301 | z-index: 2; 1302 | } 1303 | 1304 | .peopleColumn_c2739c { 1305 | margin: 3px 6px 6px 6px; 1306 | } 1307 | 1308 | .messagesWrapper_e2e187 { 1309 | margin: 0px 6px 6px 6px; 1310 | } 1311 | 1312 | .chatContent_a7d72e:before { 1313 | background: var(--people-column-border); 1314 | border: 1px solid var(--text-area-border); 1315 | content: ""; 1316 | margin: 6px 6px -1px 6px; 1317 | height: 24px; 1318 | border-radius: 8px 8px 0 0; 1319 | } 1320 | 1321 | .attachedBars_d0696b { 1322 | background: var(--people-column-border) !important; 1323 | height: 24px; 1324 | border: 1px solid var(--text-area-border); 1325 | height: 24px; 1326 | border-radius: 0 0 8px 8px; 1327 | } 1328 | 1329 | /* reply */ 1330 | .replyBar_b11c5e div{ 1331 | max-height: 24px; 1332 | } 1333 | 1334 | 1335 | .messagesWrapper_e2e187 { 1336 | box-shadow: none; 1337 | border: 1px solid var(--text-area-border); 1338 | } 1339 | 1340 | .peopleColumn_c2739c[id="add_friend-tab"] { 1341 | z-index: 6; 1342 | } 1343 | 1344 | .peopleColumn_c2739c .peopleList_e0840f { 1345 | margin: -10px 0px 6px 12px; 1346 | padding-top: 8px; 1347 | position: static; 1348 | z-index: 0; 1349 | } 1350 | 1351 | .peopleColumn_c2739c .peopleList_e0840f::-webkit-scrollbar { 1352 | width: 15px; 1353 | } 1354 | 1355 | .scroller_e2e187 { 1356 | overflow-y: auto; 1357 | } 1358 | 1359 | .auto_c49869 { 1360 | scrollbar-color: inherit !important; 1361 | } 1362 | 1363 | .peopleColumn_c2739c .peopleList_e0840f::-webkit-scrollbar-thumb { 1364 | background: url(https://numoder.github.io/dsn10-theme/assets/scrollbar/thumbtrack.png), 1365 | linear-gradient( 1366 | 90deg, 1367 | rgba(229, 236, 250, 1) 0%, 1368 | rgba(224, 231, 244, 1) 100% 1369 | ); 1370 | border: 1px solid #5a67b1; 1371 | box-shadow: inset 1px 1px 1px 0px rgba(255, 255, 255, 1); 1372 | background-position: center; 1373 | border-radius: 2px; 1374 | background-repeat: no-repeat; 1375 | } 1376 | 1377 | .peopleList_e0840f.scrollerBase_c49869 { 1378 | overflow: auto !important; 1379 | } 1380 | 1381 | .peopleColumn_c2739c .peopleList_e0840f::-webkit-scrollbar-track-piece { 1382 | position: relative; 1383 | background: linear-gradient( 1384 | to right, 1385 | rgba(221, 227, 245, 1) 0%, 1386 | rgba(241, 243, 250, 1) 100% 1387 | ); 1388 | border-radius: 0px; 1389 | border: 1px solid #dde2f5; 1390 | } 1391 | 1392 | .peopleColumn_c2739c 1393 | .peopleList_e0840f::-webkit-scrollbar-button:single-button:vertical:decrement { 1394 | background: url(https://numoder.github.io/dsn10-theme/assets/scrollbar/up.png); 1395 | background-repeat: no-repeat; 1396 | height: 15px; 1397 | } 1398 | 1399 | .peopleColumn_c2739c 1400 | .peopleList_e0840f::-webkit-scrollbar-button:single-button:vertical:increment { 1401 | background: url(https://numoder.github.io/dsn10-theme/assets/scrollbar/down.png); 1402 | background-repeat: no-repeat; 1403 | height: 15px; 1404 | } 1405 | 1406 | .sectionTitle_e0840f .title_a1cafe:before { 1407 | content: url(https://numoder.github.io/dsn10-theme/assets/misc/minus.png); 1408 | padding-right: 4px; 1409 | } 1410 | 1411 | .sectionTitle_e0840f .title_a1cafe:active:before { 1412 | content: url(https://numoder.github.io/dsn10-theme/assets/misc/plus.png); 1413 | } 1414 | 1415 | .sectionTitle_e0840f .title_a1cafe { 1416 | font-size: var(--font-size); 1417 | font-family: var(--font-primary); 1418 | font-weight: bold !important; 1419 | letter-spacing: 0px; 1420 | color: var(--text-blue); 1421 | text-transform: none; 1422 | position: relative; 1423 | margin: 10px 9px 0px 5px; 1424 | top: 12px; 1425 | padding: 0px 4px; 1426 | z-index: 3; 1427 | } 1428 | 1429 | /* sort friends list by status */ 1430 | .topPill_a0 .themed_a0.item_c2739c { 1431 | max-height: 24px; 1432 | margin: 4px 0; 1433 | } 1434 | 1435 | .tabBar_c2739c.topPill_a0 .themed_a0.selected_a0.item_c2739c, 1436 | .tabBar_c2739c.topPill_a0 .themed_a0.item_c2739c:hover { 1437 | border-radius: 0px; 1438 | background: var(--focus-background) !important; 1439 | box-shadow: var(--focus-border); 1440 | color: var(--text-blue); 1441 | } 1442 | 1443 | .children_e44302:after { 1444 | visibility: hidden; 1445 | } 1446 | 1447 | .topPill_a0 .addFriend_c2739c.themed_a0.item_c2739c:hover, 1448 | .topPill_a0 .addFriend_c2739c.themed_a0.selected_a0.item_c2739c, 1449 | .side_a0 .addFriend_c2739c.themed_a0.selected_a0.item_c2739c { 1450 | background: inherit !important; 1451 | box-shadow: none !important; 1452 | } 1453 | 1454 | /* add a contact */ 1455 | .item_a0, 1456 | .children_e44302 { 1457 | position: relative; 1458 | overflow: visible; 1459 | } 1460 | 1461 | .addFriend_c2739c span{ 1462 | font-size: 0px !important; 1463 | } 1464 | 1465 | .addFriend_c2739c.addFriend_c2739c.addFriend_c2739c { 1466 | border-radius: 0px !important; 1467 | color: transparent !important; 1468 | } 1469 | 1470 | .addFriend_c2739c:hover, 1471 | .addFriend_c2739c:hover:before { 1472 | text-decoration: underline !important; 1473 | } 1474 | 1475 | .tabBar_c2739c .addFriend_c2739c:before { 1476 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/addacontact.png), var(--add-friend-background); 1477 | background-size: 24px, cover; 1478 | border: var(--add-friend-border) solid 1px; 1479 | content: "Add a Contact"; 1480 | background-repeat: no-repeat, repeat; 1481 | background-position: 2px 2px, center; 1482 | color: var(--text-primary); 1483 | height: 24px; 1484 | padding: 2px 8px 0px 28px; 1485 | position: relative; 1486 | z-index: 4; 1487 | } 1488 | 1489 | [href="/message-requests"] .avatar_f9647d { 1490 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/newpawn.png); 1491 | } 1492 | 1493 | .iconWrapper_e44302:has( 1494 | [d="M3 5v-.75C3 3.56 3.56 3 4.25 3s1.24.56 1.33 1.25C6.12 8.65 9.46 12 13 12h1a8 8 0 0 1 8 8 2 2 0 0 1-2 2 .21.21 0 0 1-.2-.15 7.65 7.65 0 0 0-1.32-2.3c-.15-.2-.42-.06-.39.17l.25 2c.02.15-.1.28-.25.28H9a2 2 0 0 1-2-2v-2.22c0-1.57-.67-3.05-1.53-4.37A15.85 15.85 0 0 1 3 5Z"] 1495 | ), 1496 | .link_c91bad[href="/channels/@me"] .avatar_f9647d { 1497 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/memberlist.png); 1498 | } 1499 | 1500 | [href="/shop"] .avatar_f9647d { 1501 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/cart.png); 1502 | height: 32px; 1503 | width: 29px; 1504 | } 1505 | 1506 | .addFriend_c2739c.themed_a0.selected_a0.item_c2739c { 1507 | visibility: hidden; 1508 | } 1509 | 1510 | .tabBar_c2739c .addFriend_c2739c { 1511 | justify-content: start; 1512 | } 1513 | 1514 | .addFriend_c2739c:hover { 1515 | text-decoration: underline; 1516 | } 1517 | 1518 | .userInfo_f3939d .svg_c51b4e { 1519 | position: relative; 1520 | } 1521 | 1522 | .peopleColumn_c2739c .searchBar_e0840f { 1523 | order: 3; 1524 | } 1525 | 1526 | .peopleListItem_d51464, 1527 | .peopleListItem_d51464:hover, 1528 | .peopleListItem_d51464.active_d51464 { 1529 | margin: 0 8px 0 22px; 1530 | padding: 0px; 1531 | border: none; 1532 | line-height: normal; 1533 | } 1534 | 1535 | .peopleListItem_d51464:active .text_f3939d { 1536 | box-shadow: var(--focus-border); 1537 | } 1538 | 1539 | .peopleListItem_d51464:focus .text_f3939d { 1540 | background: var(--focus-background); 1541 | } 1542 | 1543 | .userInfo_f3939d .wrapper_c51b4e { 1544 | padding: 2px; 1545 | border-radius: 0px; 1546 | } 1547 | 1548 | .actionButton_e01b91:not(:hover, :active, :focus) { 1549 | padding: 1px; 1550 | } 1551 | 1552 | .container_b2ca13 button:hover, 1553 | div.buttons_d0696b > button:hover, 1554 | div.buttons_d0696b > div:hover { 1555 | filter: drop-shadow(1px 1.5px rgba(0, 0, 0, 0.5)); 1556 | } 1557 | .container_b2ca13 button:active, 1558 | div.buttons_d0696b > button:active, 1559 | div.buttons_d0696b > div:active { 1560 | filter: drop-shadow(2px 3px rgba(0, 128, 0, 0.5)); 1561 | } 1562 | 1563 | .actionButton_e01b91, 1564 | .actionButton_e01b91.highlight_e01b91 { 1565 | background: inherit; 1566 | } 1567 | 1568 | .userInfo_f3939d .wrapper_c51b4e { 1569 | padding: 1px; 1570 | left: 0px; 1571 | box-shadow: var(--focus-border); 1572 | border: 1px solid transparent; 1573 | margin-right: 10px; 1574 | } 1575 | 1576 | .userInfo_f3939d:hover .wrapper_c51b4e, 1577 | .actionButton_e01b91:hover { 1578 | background: var(--focus-background); 1579 | border-right: 1px solid var(--border-bottom-right); 1580 | border-bottom: 1px solid var(--border-bottom-right); 1581 | border-left: 1px solid var(--border-top-left); 1582 | border-top: 1px solid var(--border-top-left); 1583 | border-radius: 2px; 1584 | } 1585 | 1586 | .userInfo_f3939d:hover .wrapper_c51b4e { 1587 | position: relative; 1588 | } 1589 | 1590 | .userInfo_f3939d:active .wrapper_c51b4e, 1591 | .actionButton_e01b91:active, 1592 | .actionButton_e01b91:focus { 1593 | background: var(--focus-background); 1594 | border-right: 1px solid var(--border-top-left); 1595 | border-bottom: 1px solid var(--border-top-left); 1596 | border-left: 1px solid var(--border-bottom-right); 1597 | border-top: 1px solid var(--border-bottom-right); 1598 | border-radius: 2px; 1599 | } 1600 | 1601 | .userInfo_f3939d:active .wrapper_c51b4e { 1602 | left: 0px; 1603 | } 1604 | 1605 | .listItemContents_e05dae .text_f7ebfd { 1606 | font-style: italic; 1607 | letter-spacing: 0.05px; 1608 | } 1609 | 1610 | .userInfo_f3939d .text_f3939d, 1611 | .userInfo_f3939d .subtext_f3939d { 1612 | left: 20px !important; 1613 | top: 0px; 1614 | } 1615 | 1616 | /* now playing column */ 1617 | .nowPlayingColumn_c2739c h2 { 1618 | font-family: var(--font-primary); 1619 | font-weight: bold; 1620 | color: var(--text-blue); 1621 | } 1622 | 1623 | .nowPlayingColumn_c2739c .container_bf550a, 1624 | .nowPlayingColumn_c2739c { 1625 | background: transparent; 1626 | } 1627 | 1628 | .theme-light .content_a4d4d9, 1629 | .theme-light .nowPlayingColumn_c2739c, 1630 | .container_d1c246 { 1631 | background: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/light/background.png), 1632 | linear-gradient( 1633 | 0deg, 1634 | rgba(205, 220, 243, 1) 0%, 1635 | rgba(209, 223, 244, 1) 25%, 1636 | rgba(249, 250, 255, 1) 60%, 1637 | rgba(248, 250, 255, 1) 68%, 1638 | rgba(212, 225, 245, 1) 100% 1639 | ); 1640 | background-position: bottom right; 1641 | background-size: 360px, cover; 1642 | background-repeat: no-repeat; 1643 | z-index: 5; 1644 | } 1645 | 1646 | .chatTarget_d1c246 { 1647 | background-color: transparent; 1648 | } 1649 | 1650 | .theme-dark .content_a4d4d9 { 1651 | background: url(https://numoder.github.io/dsn10-theme/assets/toolbar-bg/dark/background.png), 1652 | linear-gradient(0deg, #000000 0%, #202020 35%, #2e2e2e 100%); 1653 | background-position: bottom right; 1654 | background-size: 98px, cover; 1655 | background-repeat: no-repeat; 1656 | z-index: 5; 1657 | } 1658 | 1659 | .theme-dark .tabBody_c2739c { 1660 | background: linear-gradient(0deg, #000000 0%, #202020 35%, #2e2e2e 100%); 1661 | } 1662 | 1663 | .scroller_bf550a { 1664 | border-left: 0px; 1665 | } 1666 | 1667 | .emptyCard_f02fcf { 1668 | background: url(https://numoder.github.io/dsn10-theme/assets/msn/wide.gif); 1669 | width: 237px !important; 1670 | height: 50px !important; 1671 | padding: 0px; 1672 | border-radius: 0px; 1673 | margin-left: auto; 1674 | margin-right: auto; 1675 | border: 1px solid var(--border-color); 1676 | } 1677 | 1678 | .itemCard_f02fcf { 1679 | padding: 6px; 1680 | border: 0px; 1681 | background: transparent; 1682 | } 1683 | 1684 | .emptyCard_f02fcf h2, 1685 | .emptyCard_f02fcf .text-sm-normal__95a78 { 1686 | color: transparent; 1687 | } 1688 | 1689 | /* private channels */ 1690 | .platform-win .sidebar_a4d4d9 { 1691 | border-radius: 0px; 1692 | } 1693 | 1694 | .privateChannels_f0963d > .scroller_c47fa9 { 1695 | background: var(--direct-messages-background); 1696 | box-shadow: var(--general-box-shadow); 1697 | top: 6px; 1698 | } 1699 | 1700 | .privateChannels_f0963d > .scroller_c47fa9::-webkit-scrollbar { 1701 | width: 0px; 1702 | } 1703 | 1704 | .theme-light .privateChannels_f0963d, 1705 | .theme-light .sidebar_a4d4d9 { 1706 | background: transparent; 1707 | } 1708 | 1709 | .privateChannelsHeaderContainer_c47fa9 .headerText_c47fa9 { 1710 | font-family: "Tahoma"; 1711 | font-weight: bold !important; 1712 | } 1713 | 1714 | .theme-light .form_a7d72e:before, 1715 | .theme-light .form_a7d72e:after, 1716 | .theme-dark .form_a7d72e:before, 1717 | .theme-dark .form_a7d72e:after { 1718 | background: transparent; 1719 | } 1720 | 1721 | .compact_ec86aa .timestamp_ec86aa { 1722 | text-indent: -5px; 1723 | } 1724 | 1725 | .theme-dark .compact_ec86aa .timestamp_ec86aa { 1726 | color: orange; 1727 | } 1728 | 1729 | .compact_ec86aa .contents_ec86aa { 1730 | margin-left: -45px; 1731 | } 1732 | 1733 | .sansAttachButton_d0696b { 1734 | padding-left: 0px; 1735 | } 1736 | 1737 | .chatContent_a7d72e .sansAttachButton_d0696b .buttons_d0696b { 1738 | border-radius: 8px 8px 0 0; 1739 | margin-right: 0px; 1740 | margin-left: 28px; 1741 | } 1742 | .hoverRoll_c0d6c6 .default_c0d6c6:has(.customStatus_b2ca13)::after { 1743 | content: none !important; 1744 | } 1745 | 1746 | -------------------------------------------------------------------------------- /dsn-icons.css: -------------------------------------------------------------------------------- 1 | /* icons.css */ 2 | 3 | .toolbar_e44302 .clickable_e44302 .icon_e44302, 4 | .sendIcon_a06035 { 5 | color: transparent; 6 | } 7 | 8 | .icon_e44302 path[fill="var(--interactive-normal)"] { 9 | fill: none !important; 10 | } 11 | 12 | /* pin */ 13 | [aria-label="Pinned Messages"] > svg, 14 | svg:has( 15 | [d="M19.38 11.38a3 3 0 0 0 4.24 0l.03-.03a.5.5 0 0 0 0-.7L13.35.35a.5.5 0 0 0-.7 0l-.03.03a3 3 0 0 0 0 4.24L13 5l-2.92 2.92-3.65-.34a2 2 0 0 0-1.6.58l-.62.63a1 1 0 0 0 0 1.42l9.58 9.58a1 1 0 0 0 1.42 0l.63-.63a2 2 0 0 0 .58-1.6l-.34-3.64L19 11l.38.38ZM9.07 17.07a.5.5 0 0 1-.08.77l-5.15 3.43a.5.5 0 0 1-.63-.06l-.42-.42a.5.5 0 0 1-.06-.63L6.16 15a.5.5 0 0 1 .77-.08l2.14 2.14Z"] 16 | ) { 17 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/pin.png); 18 | background-size: cover; 19 | color: transparent !important ; 20 | } 21 | 22 | /* inbox */ 23 | .recentsIcon_ea0547 svg { 24 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/email.png); 25 | background-size: cover; 26 | } 27 | 28 | .recentsIcon_ea0547 .selected_e44302 svg { 29 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/email2.png); 30 | background-size: cover; 31 | } 32 | 33 | [aria-label="New Group DM"] svg { 34 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/group.png) !important; 35 | background-size: cover; 36 | } 37 | 38 | .inviteToolbar_c2739c > div { 39 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/group.png); 40 | background-size: contain; 41 | } 42 | 43 | /* add contact*/ 44 | [aria-label="Add Friends to DM"] > svg, 45 | svg:has([d="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2.14 3.08c.01.06.06.1.12.1ZM16.62 13.17c-.22.29-.65.37-.92.14-.34-.3-.7-.57-1.09-.82-.52-.33-.7-1.05-.47-1.63.11-.27.2-.57.26-.87.11-.54.55-1 1.1-.92 1.6.2 3.04.92 4.15 1.98.3.27-.25.95-.65.95a3 3 0 0 0-2.38 1.17ZM15.19 15.61c.13.16.02.39-.19.39a3 3 0 0 0-1.52 5.59c.2.12.26.41.02.41h-8a.5.5 0 0 1-.5-.5v-2.1c0-.25-.31-.33-.42-.1-.32.67-.67 1.58-.88 2.54a.2.2 0 0 1-.2.16A1.5 1.5 0 0 1 2 20.5a7.5 7.5 0 0 1 13.19-4.89ZM9.5 12a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM15.5 22Z"]) { 46 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/addacontact.png); 47 | background-size: cover; 48 | } 49 | 50 | a[href="https://support.discord.com"] svg 51 | { 52 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/help.png); 53 | order: 2; 54 | background-size: cover; 55 | } 56 | 57 | [aria-label="Join Voice Call"] svg, 58 | [aria-label="Start Voice Call"] svg, 59 | svg:has([fill="currentColor"][d="M2 7.4A5.4 5.4 0 0 1 7.4 2c.36 0 .7.22.83.55l1.93 4.64a1 1 0 0 1-.43 1.25L7 10a8.52 8.52 0 0 0 7 7l1.12-2.24a1 1 0 0 1 1.19-.51l5.06 1.56c.38.11.63.46.63.85C22 19.6 19.6 22 16.66 22h-.37C8.39 22 2 15.6 2 7.71V7.4ZM13 3a1 1 0 0 1 1-1 8 8 0 0 1 8 8 1 1 0 1 1-2 0 6 6 0 0 0-6-6 1 1 0 0 1-1-1Z"]) { 60 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/phone.png); 61 | background-size: cover; 62 | } 63 | 64 | [aria-label="Join Video Call"] svg, 65 | [aria-label="Start Video Call"] svg, 66 | svg:has([d="M4 4a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h11a3 3 0 0 0 3-3v-2.12a1 1 0 0 0 .55.9l3 1.5a1 1 0 0 0 1.45-.9V7.62a1 1 0 0 0-1.45-.9l-3 1.5a1 1 0 0 0-.55.9V7a3 3 0 0 0-3-3H4Z"]) { 67 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/webcam.png); 68 | background-size: cover; 69 | } 70 | 71 | [aria-label="Join Voice Call"] svg, 72 | [aria-label="Join Video Call"] svg { 73 | filter: sepia(1) hue-rotate(90deg) saturate(3); 74 | } 75 | 76 | [aria-label="Notification Settings"] svg, 77 | svg:has( 78 | [d="M9.7 2.89c.18-.07.32-.24.37-.43a2 2 0 0 1 3.86 0c.05.2.19.36.38.43A7 7 0 0 1 19 9.5v2.09c0 .12.05.24.13.33l1.1 1.22a3 3 0 0 1 .77 2.01v.28c0 .67-.34 1.29-.95 1.56-1.31.6-4 1.51-8.05 1.51-4.05 0-6.74-.91-8.05-1.5-.61-.28-.95-.9-.95-1.57v-.28a3 3 0 0 1 .77-2l1.1-1.23a.5.5 0 0 0 .13-.33V9.5a7 7 0 0 1 4.7-6.61ZM9.18 19.84A.16.16 0 0 0 9 20a3 3 0 1 0 6 0c0-.1-.09-.17-.18-.16a24.86 24.86 0 0 1-5.64 0Z"] 79 | ) { 80 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/bell.png); 81 | background-size: cover; 82 | } 83 | 84 | [aria-label="Show User Profile"] svg, 85 | [aria-label="Hide User Profile"] svg, 86 | .iconWrapper_e44302:has(.clickable_e44302) svg:has([d="M23 12.38c-.02.38-.45.58-.78.4a6.97 6.97 0 0 0-6.27-.08.54.54 0 0 1-.44 0 8.97 8.97 0 0 0-11.16 3.55c-.1.15-.1.35 0 .5.37.58.8 1.13 1.28 1.61.24.24.64.15.8-.15.19-.38.39-.73.58-1.02.14-.21.43-.1.4.15l-.19 1.96c-.02.19.07.37.23.47A8.96 8.96 0 0 0 12 21a.4.4 0 0 1 .38.27c.1.33.25.65.4.95.18.34-.02.76-.4.77L12 23a11 11 0 1 1 11-10.62ZM15.5 7.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z"]) { 87 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/userprofile.png); 88 | background-size: cover; 89 | color: transparent; 90 | } 91 | [aria-label="Show User Profile (Unavailable)"] svg, 92 | .iconWrapper_e44302:not(.clickable_e44302) svg:has([d="M23 12.38c-.02.38-.45.58-.78.4a6.97 6.97 0 0 0-6.27-.08.54.54 0 0 1-.44 0 8.97 8.97 0 0 0-11.16 3.55c-.1.15-.1.35 0 .5.37.58.8 1.13 1.28 1.61.24.24.64.15.8-.15.19-.38.39-.73.58-1.02.14-.21.43-.1.4.15l-.19 1.96c-.02.19.07.37.23.47A8.96 8.96 0 0 0 12 21a.4.4 0 0 1 .38.27c.1.33.25.65.4.95.18.34-.02.76-.4.77L12 23a11 11 0 1 1 11-10.62ZM15.5 7.5a3.5 3.5 0 1 1-7 0 3.5 3.5 0 0 1 7 0Z"]) { 93 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/userprofile2.png); 94 | background-size: cover; 95 | color: transparent; 96 | } 97 | 98 | svg:has( 99 | [d="M14.5 8a3 3 0 1 0-2.7-4.3c-.2.4.06.86.44 1.12a5 5 0 0 1 2.14 3.08c.01.06.06.1.12.1ZM18.44 17.27c.15.43.54.73 1 .73h1.06c.83 0 1.5-.67 1.5-1.5a7.5 7.5 0 0 0-6.5-7.43c-.55-.08-.99.38-1.1.92-.06.3-.15.6-.26.87-.23.58-.05 1.3.47 1.63a9.53 9.53 0 0 1 3.83 4.78ZM12.5 9a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM2 20.5a7.5 7.5 0 0 1 15 0c0 .83-.67 1.5-1.5 1.5a.2.2 0 0 1-.2-.16c-.2-.96-.56-1.87-.88-2.54-.1-.23-.42-.15-.42.1v2.1a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2.1c0-.25-.31-.33-.42-.1-.32.67-.67 1.58-.88 2.54a.2.2 0 0 1-.2.16A1.5 1.5 0 0 1 2 20.5Z"] 100 | ), 101 | [aria-label="Hide Member List"] svg, 102 | [aria-label="Show Member List"] svg { 103 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/memberlist.png); 104 | background-size: cover; 105 | } 106 | 107 | [aria-label="Hide Member List"] svg { 108 | filter: grayscale(0.25); 109 | } 110 | 111 | .iconWrapper_e44302:has( 112 | [d="M4 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4Zm10-2a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z"] 113 | ), 114 | .actionButton_e01b91[aria-label="More"] svg { 115 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/more.png); 116 | background-size: contain; 117 | color: transparent; 118 | } 119 | 120 | /* threads / chat */ 121 | .actions_e05dae .actionButton_e01b91:first-child svg, 122 | svg:has( 123 | [d="M12 2.81a1 1 0 0 1 0-1.41l.36-.36a1 1 0 0 1 1.41 0l9.2 9.2a1 1 0 0 1 0 1.4l-.7.7a1 1 0 0 1-1.3.13l-9.54-6.72a1 1 0 0 1-.08-1.58l1-1L12 2.8ZM12 21.2a1 1 0 0 1 0 1.41l-.35.35a1 1 0 0 1-1.41 0l-9.2-9.19a1 1 0 0 1 0-1.41l.7-.7a1 1 0 0 1 1.3-.12l9.54 6.72a1 1 0 0 1 .07 1.58l-1 1 .35.36ZM15.66 16.8a1 1 0 0 1-1.38.28l-8.49-5.66A1 1 0 1 1 6.9 9.76l8.49 5.65a1 1 0 0 1 .27 1.39ZM17.1 14.25a1 1 0 1 0 1.11-1.66L9.73 6.93a1 1 0 0 0-1.11 1.66l8.49 5.66Z"] 124 | ) { 125 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/chat.png); 126 | background-size: cover; 127 | color: transparent; 128 | } 129 | 130 | .toolbar_e44302 131 | svg:has( 132 | [d="M12 2.81a1 1 0 0 1 0-1.41l.36-.36a1 1 0 0 1 1.41 0l9.2 9.2a1 1 0 0 1 0 1.4l-.7.7a1 1 0 0 1-1.3.13l-9.54-6.72a1 1 0 0 1-.08-1.58l1-1L12 2.8ZM12 21.2a1 1 0 0 1 0 1.41l-.35.35a1 1 0 0 1-1.41 0l-9.2-9.19a1 1 0 0 1 0-1.41l.7-.7a1 1 0 0 1 1.3-.12l9.54 6.72a1 1 0 0 1 .07 1.58l-1 1 .35.36ZM15.66 16.8a1 1 0 0 1-1.38.28l-8.49-5.66A1 1 0 1 1 6.9 9.76l8.49 5.65a1 1 0 0 1 .27 1.39ZM17.1 14.25a1 1 0 1 0 1.11-1.66L9.73 6.93a1 1 0 0 0-1.11 1.66l8.49 5.66Z"] 133 | ) { 134 | filter: hue-rotate(190deg); 135 | } 136 | 137 | .inner_d0696b .buttons_d0696b > div, 138 | .inner_d0696b .buttons_d0696b > button { 139 | margin: 0px 3px; 140 | } 141 | 142 | .invisible-typing-button svg { 143 | background: url(https://numoder.github.io/dsn10-theme/assets/textarea/keyboard.png); 144 | position: relative; 145 | background-size: contain; 146 | color: transparent; 147 | } 148 | 149 | .disabled-stroke-through { 150 | width: 800px; 151 | height: 30px; 152 | } 153 | 154 | button:has( 155 | [d=" M-7,-10 C-8.656999588012695,-10 -10,-8.656999588012695 -10,-7 C-10,-7 -10,7 -10,7 C-10,8.656999588012695 -8.656999588012695,10 -7,10 C-7,10 7,10 7,10 C8.656999588012695,10 10,8.656999588012695 10,7 C10,7 10,-7 10,-7 C10,-8.656999588012695 8.656999588012695,-10 7,-10 C7,-10 -7,-10 -7,-10z"] 156 | ), 157 | button:has([clip-path="url(#__lottie_element_2431)"]) { 158 | content: url(https://numoder.github.io/dsn10-theme/assets/textarea/gif.png); 159 | width: 24px; 160 | height: 24px; 161 | transition: 0.2s; 162 | } 163 | 164 | .gifTag_b30195 { 165 | background-image: url(https://numoder.github.io/dsn10-theme/assets/textarea/gif.png); 166 | background-size: contain; 167 | width: 24px; 168 | height: 24px; 169 | } 170 | 171 | button:has( 172 | [d=" M-7,-10 C-8.656999588012695,-10 -10,-8.656999588012695 -10,-7 C-10,-7 -10,7 -10,7 C-10,8.656999588012695 -8.656999588012695,10 -7,10 C-7,10 7,10 7,10 C8.656999588012695,10 10,8.656999588012695 10,7 C10,7 10,-7 10,-7 C10,-8.656999588012695 8.656999588012695,-10 7,-10 C7,-10 -7,-10 -7,-10z"] 173 | ):hover { 174 | filter: saturate(5); 175 | transition: 0.2s; 176 | } 177 | 178 | .stickerButton_d0696b { 179 | content: url(https://numoder.github.io/dsn10-theme/assets/textarea/sticker.png); 180 | width: 24px; 181 | height: 24px; 182 | } 183 | 184 | .stickerButton_d0696b:hover { 185 | filter: contrast(2); 186 | } 187 | 188 | div.buttons_d0696b > .button_dd4f85 > div { 189 | content: url(https://numoder.github.io/dsn10-theme/assets/textarea/gift.png); 190 | background: transparent; 191 | border-radius: 50px; 192 | margin-right: 10px; 193 | } 194 | 195 | button:has(.spriteContainer_af14ca) { 196 | content: url(https://numoder.github.io/dsn10-theme/assets/emojis/happy.gif); 197 | background: transparent; 198 | border-radius: 50px; 199 | margin-right: 10px; 200 | width: 27px; 201 | } 202 | 203 | button:has(.spriteContainer_af14ca):hover { 204 | content: url(https://numoder.github.io/dsn10-theme/assets/emojis/wink.gif); 205 | } 206 | 207 | /* message to: bar */ 208 | .subtitleContainer_a7d72e > section > .upperContainer_e44302 { 209 | flex-direction: column-reverse; 210 | min-height: 57px; 211 | } 212 | 213 | div:has(.membersWrap_cbd271) .children_e44302 { 214 | overflow: visible !important; 215 | margin-right: 255px !important; 216 | } 217 | 218 | div:not(:has(.membersWrap_cbd271)) .children_e44302 { 219 | overflow: hidden !important; 220 | margin-right: 16px !important; 221 | } 222 | 223 | .children_e44302 .tabBar_c2739c { 224 | background-color: var(--friends-button-background); 225 | border: var(--friends-button-background-border) 1px solid; 226 | border-radius: 6px; 227 | margin: 6px; 228 | padding: 0px 6px; 229 | } 230 | 231 | .children_e44302:has(.item_c2739c) { 232 | overflow: visible !important; 233 | margin-right: none !important; 234 | } 235 | 236 | .children_e44302 .topic_bf3bbb { 237 | margin-right: 20px !important; 238 | } 239 | 240 | .chat_a7d72e:not(:has(.callContainer_d880dc)) 241 | .upperContainer_e44302 242 | .children_e44302 { 243 | top: 38px; 244 | left: 6px; 245 | } 246 | 247 | .theme-dark .children_e44302 .input_f8b740 { 248 | color: white; 249 | } 250 | 251 | .container_d1c246.floating_d1c246 .upperContainer_e44302 .children_e44302 { 252 | position: relative !important; 253 | top: 51px !important; 254 | } 255 | 256 | .upperContainer_e44302 .children_e44302:not(:has(.tabBar_c2739c)):before, 257 | .upperContainer_e44302 .children_e44302:has(.avatar_a7d72e):before { 258 | content: "To:"; 259 | } 260 | 261 | .videoControls_dd069c .children_e44302:not(:has(.tabBar_c2739c)):before, 262 | .videoControls_dd069c .children_e44302:has(.avatar_a7d72e):before { 263 | content: "Calling:" !important; 264 | } 265 | 266 | .callContainer_d880dc, 267 | .wrapper_d880dc.minimum_d880dc { 268 | background: transparent; 269 | } 270 | 271 | .theme-dark .videoControls_dd069c .children_e44302 .titleWrapper_e44302 h1 { 272 | color: white !important; 273 | } 274 | 275 | .theme-light .videoControls_dd069c .children_e44302 { 276 | font-family: var(--font-primary) !important; 277 | color: var(--text-primary); 278 | } 279 | 280 | .tooltipContent_b6c360 { 281 | color: var(--tooltip-border); 282 | } 283 | 284 | .tooltip_b6c360 { 285 | background: var(--tooltip-background) !important; 286 | border: 1px solid var(--tooltip-border); 287 | border-radius: 0px; 288 | } 289 | 290 | .tooltipContent_b6c360 { 291 | padding: 2px; 292 | } 293 | 294 | .tooltipPointer_b6c360 { 295 | visibility: hidden; 296 | } 297 | 298 | .input_f8b740 { 299 | --text-normal: #222; 300 | } 301 | 302 | .videoControls_dd069c .children_e44302 h1 { 303 | color: black !important; 304 | } 305 | 306 | /* profile */ 307 | .avatar_ccc074 { 308 | mask: none; 309 | margin-left: 1px; 310 | } 311 | 312 | .userPanelInnerThemed_c69a7b, 313 | .userPanelInnerThemed_c69a7b::before { 314 | background: transparent !important; 315 | } 316 | 317 | .userPanelOuter_c69a7b.userProfileOuterThemed_c69a7b.profileColors_ac6ab4 { 318 | background: transparent; 319 | } 320 | 321 | .akaBadge__27cd4 { 322 | background: var(--server-notification); 323 | border-radius: 2px; 324 | color: var(--text-primary); 325 | font-family: var(--font-primary); 326 | font-weight: bold !important; 327 | position: relative; 328 | border: 1px solid gray; 329 | box-shadow: 0px 0px 2px 0.75px #ffffff, inset 0px 0px 2px 1px #ffffff80; 330 | } 331 | 332 | div.children_e44302 > .divider_e44302 { 333 | margin: 0px !important; 334 | } 335 | 336 | .divider_d5deea .content_fc5f50 { 337 | font-family: "Trebuchet MS" !important; 338 | font-weight: bold !important; 339 | background: var(--server-notification); 340 | border-radius: 2px; 341 | color: var(--text-primary); 342 | box-shadow: 0px 0px 1px 0px #ffffff, inset 0px 0px 0px 1px #ffffff80; 343 | } 344 | 345 | .theme-light .akaBadge__27cd4 { 346 | color: #fff; 347 | } 348 | 349 | .akaBadge__27cd4:hover { 350 | background: var(--server-notification-hover); 351 | } 352 | 353 | .akaBadge__27cd4:active { 354 | background: var(--server-notification-active); 355 | } 356 | 357 | .container_fd6364.clickable_fd6364:has( 358 | :not(.hasBanner_fd6364.bannerVisible_fd6364) 359 | ), 360 | .searchBar_f0963d { 361 | background: var(--dmbarsearchleft), var(--dmmainbarmiddle); 362 | background-repeat: no-repeat, no-repeat; 363 | background-size: auto, 350px 58px; 364 | background-position: left 3px, left 3px; 365 | border-radius: 0 0 0 10px; 366 | } 367 | 368 | .animatedContainer_fd6364{ 369 | z-index: 2; 370 | margin-top: 69px; 371 | margin-left: 2px; 372 | } 373 | 374 | .bannerImg_fd6364 { 375 | margin: -6px; 376 | } 377 | 378 | .container_fd6364:hover { 379 | box-shadow: var(--sidebar-header-hover); 380 | transition: 0.2s; 381 | } 382 | 383 | .container_c2739c > .container_e44302.themed_e44302 { 384 | background: var(--dmmainbarmiddle), var(--dmbarsearchleft); 385 | background-repeat: repeat-x, no-repeat; 386 | background-color: transparent; 387 | background-position: 5px, right 3px; 388 | } 389 | 390 | .chat_a7d72e { 391 | background: var(--dmmainbarright), var(--dmbarsearchmiddle); 392 | background-repeat: no-repeat, repeat-x; 393 | background-color: transparent; 394 | background-size: auto, auto; 395 | background-position: top 3px right 0px, left 3px; 396 | } 397 | 398 | .videoControls_dd069c .headerWrapper_d880dc { 399 | background: var(--dmmainbarright), var(--dmbarsearchmiddle); 400 | background-repeat: no-repeat, repeat-x; 401 | background-color: transparent; 402 | background-size: auto, auto; 403 | background-position: top 2px right 0px, left 2px; 404 | } 405 | 406 | .chat_a7d72e { 407 | padding-top: 1px; 408 | } 409 | 410 | /* .subtitleContainer_a7d72e { 411 | background-image: var(--dmmainbarmiddle), var(--dmbarsearchbarright), var(--dmbarsearchmiddle), var(--searchbarbg); 412 | background-repeat: no-repeat,no-repeat; 413 | background-color: transparent; 414 | background-size: 300px 58px, 57px auto, 200px 26px, 35px 26px; 415 | background-position: top 3px left, 300px 3px, 300px 24px, 500px 24px; 416 | z-index: 4 !important; 417 | } */ 418 | 419 | /* toolbar */ 420 | .content_a4d4d9:has(.sidebar_a4d4d9) .topControls_dd069c .children_e44302 { 421 | top: -1px; 422 | } 423 | 424 | .content_a4d4d9:has(.privateChannels_f0963d) 425 | .topControls_dd069c 426 | .children_e44302 { 427 | left: 535px; 428 | } 429 | 430 | .topControls_dd069c .children_e44302 > .iconWrapper_e44302, 431 | .topControls_dd069c .children_e44302 > .iconWrapper_e44302, 432 | .toolbar_e44302 > [role="button"], 433 | .chat_a7d72e .toolbar_e44302 > .recentsIcon_ea0547, 434 | .chat_a7d72e .toolbar_e44302 > .anchor_af404b { 435 | background: var(--dmmainbarmiddle) !important; 436 | background-size: 300px 58px !important; 437 | min-width: max-content; 438 | min-height: 58px; 439 | padding: 20px 10px; 440 | } 441 | 442 | .noChat_d880dc 443 | .videoControls_dd069c 444 | .children_e44302:not(:has(.tabBar_c2739c)):before { 445 | background: var(--dmmainbarmiddle) !important; 446 | background-size: 300px 58px !important; 447 | padding: 19px 0; 448 | } 449 | 450 | html:not(.keyboard-mode) .root_dd069c.idle_dd069c .topControls_dd069c { 451 | opacity: 1; 452 | transform: translate3d(0, 0px, 0); 453 | } 454 | 455 | html .root_dd069c .topControls_dd069c { 456 | transform: translateY(0px) !important; 457 | } 458 | 459 | .topControls_dd069c { 460 | top: 1px; 461 | } 462 | 463 | .upperContainer_e44302:has(.addFriend_c2739c) 464 | .toolbar_e44302 465 | > .recentsIcon_ea0547, 466 | .upperContainer_e44302:has(.addFriend_c2739c) .toolbar_e44302 > .anchor_af404b { 467 | padding: 0.7rem; 468 | } 469 | 470 | .recentsIcon_ea0547, 471 | .anchor_af404b { 472 | max-height: 58px; 473 | } 474 | 475 | .topControls_dd069c 476 | .children_e44302 477 | > .iconWrapper_e44302:has( 478 | [d="M12 3a1 1 0 0 0-1-1h-.06a1 1 0 0 0-.74.32L5.92 7H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.92l4.28 4.68a1 1 0 0 0 .74.32H11a1 1 0 0 0 1-1V3ZM15.1 20.75c-.58.14-1.1-.33-1.1-.92v-.03c0-.5.37-.92.85-1.05a7 7 0 0 0 0-13.5A1.11 1.11 0 0 1 14 4.2v-.03c0-.6.52-1.06 1.1-.92a9 9 0 0 1 0 17.5Z"] 479 | ) { 480 | background: var(--dmbarsearchbarright) !important; 481 | background-position: left; 482 | background-size: 57px 58px; 483 | background-repeat: no-repeat !important; 484 | min-width: 46 px; 485 | } 486 | .topControls_dd069c 487 | .children_e44302 488 | > .iconWrapper_e44302:has( 489 | [d="M12 3a1 1 0 0 0-1-1h-.06a1 1 0 0 0-.74.32L5.92 7H3a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h2.92l4.28 4.68a1 1 0 0 0 .74.32H11a1 1 0 0 0 1-1V3ZM15.1 20.75c-.58.14-1.1-.33-1.1-.92v-.03c0-.5.37-.92.85-1.05a7 7 0 0 0 0-13.5A1.11 1.11 0 0 1 14 4.2v-.03c0-.6.52-1.06 1.1-.92a9 9 0 0 1 0 17.5Z"] 490 | ) 491 | svg { 492 | background: url(https://numoder.github.io/dsn10-theme/assets/actions/volume.png); 493 | background-size: cover; 494 | color: transparent; 495 | } 496 | 497 | .chatButtonSpacer_ae6b8e { 498 | visibility: visible !important; 499 | } 500 | 501 | .search_ff5f90 { 502 | background: var(--dmbarsearchbarright), var(--dmsearchbar-repeat), 503 | var(--searchbarbg); 504 | background-position: left, 0px 21px, 196px 21px; 505 | background-repeat: no-repeat; 506 | background-size: auto, 196px 26px, 35px 26px; 507 | order: 2; 508 | min-height: 58px; 509 | padding: 23px 45px; 510 | margin: 0px; 511 | } 512 | 513 | .iconWrapper_e44302 { 514 | margin: 0px !important; 515 | } 516 | 517 | .searchBar_f0963d, 518 | .header_fd6364, 519 | .toolbar_e44302 { 520 | height: 61px; 521 | } 522 | 523 | .topControls_dd069c .toolbar_e44302 { 524 | position: relative; 525 | top: 0px; 526 | } 527 | 528 | .container_e44302 { 529 | height: 64px; 530 | padding: 0px; 531 | } 532 | 533 | .headerContent_fd6364 { 534 | position: relative; 535 | top: 6px; 536 | } 537 | 538 | .toolbar_e44302 { 539 | margin-bottom: -36px; 540 | } 541 | 542 | .open_a46bef .searchBar_a46bef, 543 | .focused_a46bef .searchBar_a46bef { 544 | width: 144px; 545 | } 546 | 547 | .search_ff5f90, 548 | .searchBar_a46bef { 549 | height: 23px; 550 | } 551 | 552 | .searchBar_a46bef { 553 | position: relative; 554 | top: -1px !important; 555 | border-radius: 0px; 556 | background: transparent; 557 | } 558 | 559 | .searchBar_a46bef .icon_a46bef, 560 | .inner__999f6 .iconLayout__67261 svg { 561 | background: url(https://leafinguh.github.io/msn7-disc/raw/topbar/search.png); 562 | color: transparent; 563 | background-repeat: no-repeat; 564 | background-position: center; 565 | } 566 | 567 | .inner__999f6 > div, 568 | .inner__999f6 > input { 569 | position: relative; 570 | top: -1px; 571 | } 572 | 573 | .searchBar_a46bef .icon_effbe2, 574 | .clear_effbe2.iconLayout_effbe2:hover .icon_effbe2 { 575 | color: transparent; 576 | } 577 | 578 | .searchBar_a46bef .icon_a46bef:hover { 579 | background: url(https://numoder.github.io/dsn10-theme/assets/general/delete.png); 580 | background-repeat: no-repeat; 581 | background-size: 16px; 582 | background-position: center; 583 | color: transparent !important; 584 | } 585 | 586 | .member_a31c43[user="numoder"], 587 | .member_a31c43:has( 588 | [aria-label="numoder, Online"], 589 | [aria-label="numoder, Idle"], 590 | [aria-label="numoder, Do Not Disturb"] 591 | ) { 592 | background-image: URL(https://i.ibb.co/V3FmySL/tumblr-3bce6649fd69d61e10bd2c7cc5653769-9e14d317-200.gif); 593 | box-shadow: inset 0px 0px 0px 1px hotpink, inset 0px 0px 0px 2px #ff69b48a, 594 | inset 0px 0px 0px 3px rgba(81, 255, 0, 1); 595 | } 596 | 597 | .member_a31c43[user="numoder"] .nameAndDecorators_e9f61e:after, 598 | .member_a31c43[aria-label="numoder, Online"] .nameAndDecorators_e9f61e:after, 599 | .member_a31c43[aria-label="numoder, Idle"] .nameAndDecorators_e9f61e:after, 600 | .member_a31c43[aria-label="numoder, Do Not Disturb"].nameAndDecorators_e9f61e:after { 601 | background: silver; 602 | content: ":3"; 603 | color: rgb(255, 255, 255); 604 | margin-left: 6px; 605 | padding: 4px; 606 | box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, 607 | inset 2px 2px #dfdfdf; 608 | } 609 | 610 | [src="/assets/9bcd2aba4eefb34114f8.svg"] { 611 | visibility: hidden; 612 | } 613 | 614 | .searchHeader_a3a4ce { 615 | background: url(http://www.betaarchive.com/imageupload/1304990899.th.90622.png); 616 | width: 831px; 617 | height: 260px; 618 | background-size: cover; 619 | image-rendering: pixelated; 620 | } 621 | -------------------------------------------------------------------------------- /dsn-server.css: -------------------------------------------------------------------------------- 1 | /* server.css */ 2 | .theme-light .reaction_ec6b19.reactionMe_ec6b19, 3 | .theme-dark .reaction_ec6b19.reactionMe_ec6b19 { 4 | background: var(--reaction-background); 5 | border: 1px solid var(--reaction-border) !important; 6 | } 7 | 8 | .tree_fea3ef { 9 | background: var(--server-list-background); 10 | } 11 | 12 | .wrapper_fea3ef { 13 | /* overflow: visible; */ 14 | z-index: 5; 15 | } 16 | 17 | .sidebar_a4d4d9 { 18 | z-index: auto !important; 19 | overflow: visible; 20 | margin-bottom: 5px; 21 | border-radius: 0 0 4px 4px; 22 | } 23 | 24 | .sidebar_a4d4d9 .container_ee69e0 .scroller_c43953 { 25 | box-shadow: var(--general-box-shadow); 26 | background: var(--background); 27 | top: 6px; 28 | } 29 | 30 | .listItem_c96c45:has(.selected_a5ad63) { 31 | z-index: 4; 32 | } 33 | .listItem_c96c45:has(.selected_a5ad63) .wrapper_c5f96a { 34 | top: 3px; 35 | left: 2px; 36 | } 37 | 38 | .blobContainer_a5ad63 { 39 | z-index: 1; 40 | } 41 | 42 | .scroller_fea3ef > div > .listItem_c96c45 > div > .blobContainer_a5ad63, 43 | .scroller_fea3ef 44 | > [style="opacity: 1; height: 56px; transform: scale(1);"] 45 | > div 46 | > .listItemWrapper_dfb2f8 { 47 | background: var(--server-background); 48 | box-shadow: var(--general-box-shadow); 49 | border-radius: 0px; 50 | padding: 5px; 51 | border-radius: 5px; 52 | padding-right: 20px; 53 | margin: -3px 0 -3px 30px; 54 | transition: 0.2s; 55 | } 56 | 57 | .scroller_fea3ef > [style="opacity: 1; height: 56px; transform: scale(1);"] { 58 | margin-top: 20px; 59 | } 60 | 61 | .scroller_fea3ef 62 | > div 63 | > .wrapper_bc7085 64 | > ul 65 | > .listItem_c96c45 66 | > div 67 | > .blobContainer_a5ad63 { 68 | margin: 11px 0 11px 0; 69 | left: -12px; 70 | top: -8px; 71 | position: relative; 72 | width: 24px; 73 | height: 24px; 74 | } 75 | 76 | .theme-light 77 | .scroller_fea3ef 78 | > [style="opacity: 1; height: 56px; transform: scale(1);"] 79 | > div 80 | > .listItemWrapper_dfb2f8 { 81 | box-shadow: inset 0px 0px 0px 1px #98a7d2, inset 0px 0px 0px 2px #bac5df, 82 | inset 0px 0px 0px 3px #dce2ef, inset 0px 0px 0px 4px #ebeff6; 83 | background: linear-gradient( 84 | 0deg, 85 | rgba(251, 252, 253, 1) 0%, 86 | rgba(204, 213, 230, 1) 100% 87 | ); 88 | } 89 | 90 | .scroller_fea3ef > div > div:hover > div .blobContainer_a5ad63, 91 | .scroller_fea3ef 92 | > [style="opacity: 1; height: 56px; transform: scale(1);"]:hover 93 | > div 94 | > .listItemWrapper_dfb2f8 { 95 | background: var(--server-background-hover); 96 | margin-left: 20px; 97 | transition: 0.1s; 98 | } 99 | 100 | .scroller_fea3ef 101 | > [style="opacity: 1; height: 56px; transform: scale(1);"]:active 102 | > div 103 | > .listItemWrapper_dfb2f8 { 104 | background: var(--server-background-active); 105 | } 106 | 107 | .scroller_fea3ef > div > div > div .blobContainer_a5ad63.selected_a5ad63 { 108 | background: var(--server-background-selected); 109 | margin: -10px 0 -10px 25px; 110 | height: 55px; 111 | } 112 | 113 | .listItem_c96c45 .dragInner_f734d8 { 114 | box-shadow: inset -1px -1px #fff, inset 1px 1px grey, inset -2px -2px #dfdfdf, 115 | inset 2px 2px #0a0a0a; 116 | } 117 | 118 | .bar_c10249 { 119 | background: linear-gradient( 120 | 140deg, 121 | rgba(244, 82, 82, 1) 0%, 122 | rgba(217, 28, 28, 1) 11%, 123 | rgba(163, 29, 29, 1) 100% 124 | ); 125 | box-shadow: 0px 0px 1.25px 1px white, inset 0px 0px 1px 1px white; 126 | font-family: var(--font-primary); 127 | font-weight: bold; 128 | word-spacing: 1px; 129 | border: black 1px solid; 130 | border-radius: 3px; 131 | } 132 | 133 | .typing_d7ebeb { 134 | position: absolute; 135 | top: 79px; 136 | } 137 | 138 | /* server folder */ 139 | .scroller_fea3ef.none_c49869.scrollerBase_c49869 > div > .wrapper_bc7085 { 140 | left: 6px; 141 | } 142 | 143 | .wrapper_bc7085 .expandedFolderBackground_bc7085 { 144 | margin: 0px; 145 | } 146 | 147 | .folderIconWrapper_bc7085 { 148 | z-index: 2; 149 | /* height: 48px; */ 150 | top: 3px; 151 | position: relative; 152 | } 153 | 154 | .folder_bc7085 { 155 | background: url(https://numoder.github.io/dsn10-theme/assets/misc/folder_large.png); 156 | background-size: contain; 157 | z-index: 1; 158 | } 159 | 160 | .expandedFolderBackground_bc7085 { 161 | background: linear-gradient( 162 | 0deg, 163 | rgba(204, 213, 230, 1) 0%, 164 | rgba(236, 240, 245, 1) 100% 165 | ); 166 | border: 1px solid gray; 167 | border-radius: 0px; 168 | top: 2px; 169 | left: 11px; 170 | min-height: 45px; 171 | border-radius: 2px; 172 | } 173 | 174 | .folder_bc7085.hover_bc7085 { 175 | background-color: inherit; 176 | } 177 | 178 | .expandedFolderIconWrapper_bc7085 { 179 | content: url(https://numoder.github.io/dsn10-theme/assets/misc/folder_open.png); 180 | width: 24px; 181 | height: 24px; 182 | top: 10px; 183 | left: 13px; 184 | position: relative; 185 | } 186 | 187 | .wrapper_bc7085:has(.expandedFolderBackground_bc7085) .pill_a5ad63 { 188 | left: -6px; 189 | } 190 | 191 | .wrapper__8436d { 192 | z-index: 4; 193 | } 194 | 195 | .item_fd07a3 { 196 | position: relative; 197 | display: block; 198 | overflow: visible; 199 | padding: 0px 25px 25px; 200 | border-radius: 5px; 201 | background-color: #ff180000; 202 | height: 6px !important; 203 | content: ""; 204 | left: -42px; 205 | top: 2px; 206 | background: var(--server-notification); 207 | border: 1px solid gray; 208 | box-shadow: 0px 0px 0px 1px #fff, inset 0px 0px 2px 1px #ffffff80; 209 | } 210 | 211 | .item_fd07a3[style="opacity: 1; height: 40px; transform: none;"] { 212 | padding: 0px 30px 30px; 213 | height: 14px !important; 214 | left: -52.5px; 215 | top: 0px; 216 | } 217 | 218 | .tutorialContainer_f9623d:hover .item_fd07a3, 219 | .listItem_c96c45:hover 220 | > .pill_a5ad63 221 | > .item_fd07a3[style="opacity: 1; height: 40px; transform: none;"] { 222 | background: var(--server-notification-hover); 223 | } 224 | 225 | .tutorialContainer_f9623d:active .item_fd07a3, 226 | .listItem_c96c45:active 227 | > .pill_a5ad63 228 | > .item_fd07a3[style="opacity: 1; height: 40px; transform: none;"] { 229 | background: var(--server-notification-active); 230 | } 231 | 232 | /* server member list */ 233 | .membersWrap_cbd271, 234 | .container_cbd271 { 235 | background: var(--member-list-background); 236 | } 237 | 238 | .container_cbd271 { 239 | top: 6px; 240 | } 241 | 242 | .content_a7d72e .container_cbd271::before { 243 | background: var(--member-list-before-background); 244 | border-radius: 8px 8px 0 0; 245 | content: "Member List" !important; 246 | text-transform: none !important; 247 | padding: 6px; 248 | font-family: var(--font-primary); 249 | border: 1px solid #cad0e5; 250 | color: var(--text-primary); 251 | font-weight: bold; 252 | position: relative; 253 | border-left: none; 254 | border-top: 2px; 255 | min-height: 13px; 256 | } 257 | 258 | .members_cbd271 { 259 | background: transparent; 260 | } 261 | 262 | .content_a7d72e > div:last-child { 263 | border-left: var(--member-list-border); 264 | border-radius: 8px 8px 0 0; 265 | position: relative; 266 | } 267 | 268 | .membersWrap_cbd271 .members_cbd271::-webkit-scrollbar { 269 | visibility: hidden; 270 | width: 0px !important; 271 | } 272 | 273 | .member_a31c43 { 274 | max-width: none; 275 | margin: 0px; 276 | border-radius: 0px; 277 | background: transparent; 278 | } 279 | 280 | .member_a31c43:hover, 281 | .membersGroup_cbd271:hover, 282 | .member_a31c43 .clickable_e9f61e:active .layout_e9f61e { 283 | background: var(--member-hover); 284 | } 285 | 286 | .membersGroup_cbd271 { 287 | left: -6px; 288 | border-bottom: 1px solid #c8cee0; 289 | box-shadow: 0px 1px 0px 0px #e9f2fa; 290 | margin-bottom: 1px; 291 | } 292 | 293 | .membersGroup_cbd271 span { 294 | font-family: "Tahoma" !important; 295 | font-weight: bold !important; 296 | text-transform: none !important; 297 | color: #5b6371; 298 | } 299 | 300 | .membersGroup_cbd271:hover span { 301 | color: blue; 302 | } 303 | 304 | /* text area */ 305 | .form_a7d72e { 306 | padding: 0px 6px; 307 | } 308 | 309 | .channelTextArea_a7d72e{ 310 | background-color: transparent; 311 | } 312 | 313 | .channelTextArea_a7d72e .inner_d0696b { 314 | flex-direction: column !important; 315 | } 316 | 317 | .channelTextArea_a7d72e .textArea_d0696b { 318 | order: 2; 319 | } 320 | 321 | .channelTextArea_a7d72e .buttons_d0696b { 322 | max-height: 24px !important; 323 | top: -25px; 324 | position: absolute; 325 | } 326 | 327 | .attachWrapper_f298d4 { 328 | max-height: 24px; 329 | position: absolute; 330 | top: -35px; 331 | } 332 | 333 | .attachWrapper_f298d4 .attachButtonInner_f298d4 { 334 | width: 19px; 335 | height: 19px; 336 | content: url(https://numoder.github.io/dsn10-theme/assets/textarea/upload.png); 337 | } 338 | 339 | .channelTextArea_a7d72e .buttons_d0696b svg { 340 | max-height: 19px; 341 | } 342 | 343 | .form_a7d72e .inner_d0696b { 344 | background: var(--message-background) !important; 345 | border-top: 1px solid var(--text-area-border); 346 | border-bottom: 1px solid var(--text-area-border); 347 | padding-left: 8px; 348 | } 349 | 350 | .channelTextArea_d5deea > div > .inner_d0696b { 351 | padding-left: 16px; 352 | } 353 | 354 | .scrollableContainer_d0696b{ 355 | border-radius: 0px; 356 | border: 1px solid var(--text-area-border); 357 | } 358 | 359 | .channelTextArea_a7d72e > .scrollableContainer_d0696b { 360 | border-radius: 7px; 361 | backface-visibility: hidden; 362 | scrollbar-width: none; 363 | border: 1px solid var(--text-area-border); 364 | padding: 23px 0; 365 | overflow-y: visible; 366 | background: var(--message-background-border), var(--message-background-border); 367 | background-repeat: repeat-x; 368 | background-size: 1px 23px; 369 | background-position: top, bottom; 370 | background-color: inherit; 371 | margin: 10px 0px -18px; 372 | } 373 | 374 | /* window header stuffz */ 375 | .typeWindows_a934d8 { 376 | padding: 3px; 377 | border-radius: 10px 10px 0 0; 378 | } 379 | 380 | .wordmarkWindows_a934d8 { 381 | background: var(--msn-logo); 382 | background-repeat: no-repeat; 383 | background-position: 12px center; 384 | color: transparent; 385 | } 386 | 387 | .theme-light body, 388 | .theme-light .appMount_ea7e65 { 389 | background: #7282b6; 390 | border-radius: 0 0 6px 6px; 391 | } 392 | 393 | .theme-dark body, 394 | .theme-dark .appMount_ea7e65 { 395 | background: #202025; 396 | } 397 | 398 | .theme-light .typeWindows_a934d8 { 399 | background: linear-gradient( 400 | 0deg, 401 | rgba(255, 255, 255, 1) 0%, 402 | rgba(227, 232, 245, 1) 70%, 403 | rgba(194, 208, 239, 1) 100% 404 | ); 405 | box-shadow: inset 0px 0px 2px 1px #a5bde5; 406 | } 407 | 408 | .theme-dark .typeWindows_a934d8 { 409 | background: #222; 410 | box-shadow: inset 0px 0px 5px 3px #ffffff60; 411 | } 412 | 413 | .withFrame_a934d8 { 414 | margin-top: 1px; 415 | } 416 | .appAsidePanelWrapper_bd26cc { 417 | padding: 0px 3px 3px 3px; 418 | margin-top: -3px; 419 | box-shadow: var(--window-border); 420 | border-radius: 0 0 6px 6px; 421 | } 422 | 423 | /* context menus */ 424 | .menu_d90b3d, .buttonsInner_d5deea.wrapper_ef319f { 425 | background: var(--context-menu-background); 426 | border: 1px solid var(--context-menu-border); 427 | border-radius: 0px; 428 | box-shadow: 2px 3px 1px 0px rgba(0,0,0,0.25); 429 | } 430 | 431 | 432 | .menu_d90b3d [role="separator"] { 433 | border-bottom: 1px solid var(--context-menu-border); 434 | } 435 | 436 | 437 | .menu_d90b3d .colorDefault_d90b3d.focused_d90b3d{ 438 | background-color: var(--selected-color); 439 | border-radius: 0px; 440 | } 441 | 442 | .menu_d90b3d > div > div .submenuPaddingContainer_d90b3d { 443 | position: relative !important; 444 | left: -8px; 445 | top: -3px; 446 | } 447 | 448 | .menu_d90b3d .scroller_d90b3d { 449 | overflow-y: visible; 450 | padding: 0px !important; 451 | border: 1px solid var(--); 452 | } 453 | 454 | .menu_d90b3d .scroller_d90b3d::-webkit-scrollbar { 455 | width: 0px; 456 | } 457 | 458 | .panels_a4d4d9 .avatarStack_c51b4e > .avatar_c51b4e { 459 | content: var(--user-profile) !important; 460 | image-rendering: initial; 461 | } 462 | 463 | /* dropdown */ 464 | .select_f6639d.lookFilled_f6639d, 465 | div.bd-select { 466 | color: #222 !important; 467 | background: #fff !important; 468 | border: var(--textbox-border) !important; 469 | box-sizing: border-box; 470 | border-radius: 0px; 471 | appearance: none; 472 | -webkit-appearance: none; 473 | -moz-appearance: none; 474 | position: relative; 475 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -0.5 15 17' shape-rendering='crispEdges'%3E%3Cpath stroke='%23e6eefc' d='M0 0h1'/%3E%3Cpath stroke='%23d1e0fd' d='M1 0h1M0 1h1m3 0h2M2 3h1M2 4h1'/%3E%3Cpath stroke='%23cad8f9' d='M2 0h1M0 2h1'/%3E%3Cpath stroke='%23c4d3f7' d='M3 0h1M0 3h1M0 4h1'/%3E%3Cpath stroke='%23bfd0f8' d='M4 0h2M0 5h1'/%3E%3Cpath stroke='%23bdcef7' d='M6 0h1M0 6h1'/%3E%3Cpath stroke='%23baccf4' d='M7 0h1m6 2h1m-1 5h1m-1 1h1'/%3E%3Cpath stroke='%23b8cbf6' d='M8 0h1M0 7h1M0 8h1'/%3E%3Cpath stroke='%23b7caf5' d='M9 0h2M0 9h1'/%3E%3Cpath stroke='%23b5c8f7' d='M11 0h1'/%3E%3Cpath stroke='%23b3c7f5' d='M12 0h1'/%3E%3Cpath stroke='%23afc5f4' d='M13 0h1'/%3E%3Cpath stroke='%23dce6f9' d='M14 0h1'/%3E%3Cpath stroke='%23e1eafe' d='M1 1h1'/%3E%3Cpath stroke='%23dae6fe' d='M2 1h1M1 2h1'/%3E%3Cpath stroke='%23d4e1fc' d='M3 1h1M1 3h1M1 4h1'/%3E%3Cpath stroke='%23d0ddfc' d='M6 1h1M1 5h1'/%3E%3Cpath stroke='%23cedbfd' d='M7 1h1M4 2h2'/%3E%3Cpath stroke='%23cad9fd' d='M8 1h1M6 2h1M3 5h1'/%3E%3Cpath stroke='%23c8d8fb' d='M9 1h2'/%3E%3Cpath stroke='%23c5d6fc' d='M11 1h1M2 11h4'/%3E%3Cpath stroke='%23c2d3fc' d='M12 1h1m-2 1h1M1 11h1m0 1h2m-2 1h2'/%3E%3Cpath stroke='%23bccefa' d='M13 1h1m-1 1h1m-1 1h1m-1 1h1M3 15h4'/%3E%3Cpath stroke='%23b9c9f3' d='M14 1h1M3 16h4'/%3E%3Cpath stroke='%23d8e3fc' d='M2 2h1'/%3E%3Cpath stroke='%23d1defd' d='M3 2h1'/%3E%3Cpath stroke='%23c9d8fc' d='M7 2h1M4 3h3M4 4h3M3 6h1m1 0h2M1 7h1M1 8h1'/%3E%3Cpath stroke='%23c5d5fc' d='M8 2h1m-8 8h5'/%3E%3Cpath stroke='%23c5d3fc' d='M9 2h2'/%3E%3Cpath stroke='%23bed0fc' d='M12 2h1M8 3h1M8 4h1m-8 8h1m-1 1h1m0 1h1m1 0h3'/%3E%3Cpath stroke='%23cddbfc' d='M3 3h1M3 4h1M1 6h2'/%3E%3Cpath stroke='%23c8d5fb' d='M7 3h1M7 4h1'/%3E%3Cpath stroke='%23bbcefd' d='M9 3h4M9 4h4M8 5h1M7 6h1'/%3E%3Cpath stroke='%23bcccf3' d='M14 3h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23ceddfd' d='M2 5h1'/%3E%3Cpath stroke='%23c8d6fb' d='M4 5h4M1 9h3'/%3E%3Cpath stroke='%23bacdfc' d='M9 5h2m1 0h2M1 14h1'/%3E%3Cpath stroke='%23b9cdfb' d='M11 5h1M8 6h2m2 0h2m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%234d6185' d='M4 6h1m5 0h1M3 7h3m3 0h3M4 8h3m1 0h3M5 9h5m-4 1h3m-2 1h1'/%3E%3Cpath stroke='%23b7cdfc' d='M11 6h1m0 1h1m-1 1h1'/%3E%3Cpath stroke='%23cad8fd' d='M2 7h1M2 8h2'/%3E%3Cpath stroke='%23c1d3fb' d='M6 7h2M7 8h1M4 9h1'/%3E%3Cpath stroke='%23b6cefb' d='M8 7h1m2 1h1m-2 1h3m-2 1h2'/%3E%3Cpath stroke='%23b6cdfb' d='M13 9h1m-6 6h1'/%3E%3Cpath stroke='%23b9cbf3' d='M14 9h1'/%3E%3Cpath stroke='%23b4c8f6' d='M0 10h1'/%3E%3Cpath stroke='%23bdd3fb' d='M9 10h2m-4 4h1'/%3E%3Cpath stroke='%23b5cdfa' d='M13 10h1'/%3E%3Cpath stroke='%23b5c9f3' d='M14 10h1'/%3E%3Cpath stroke='%23b1c7f6' d='M0 11h1'/%3E%3Cpath stroke='%23c3d5fd' d='M6 11h1'/%3E%3Cpath stroke='%23bad4fc' d='M8 11h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23b2cffb' d='M9 11h4m-2 3h1'/%3E%3Cpath stroke='%23b1cbfa' d='M13 11h1m-3 4h1'/%3E%3Cpath stroke='%23b3c8f5' d='M14 11h1m-7 5h3'/%3E%3Cpath stroke='%23adc3f6' d='M0 12h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23c2d5fc' d='M4 12h4m-4 1h4'/%3E%3Cpath stroke='%23b7d3fc' d='M9 12h2m-2 1h2m-3 1h1'/%3E%3Cpath stroke='%23b3d1fc' d='M11 12h1m-1 1h1'/%3E%3Cpath stroke='%23afcdfb' d='M12 12h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23afcbfa' d='M13 12h1m-1 1h1'/%3E%3Cpath stroke='%23b2c8f4' d='M14 12h1m-1 1h1m-4 3h1'/%3E%3Cpath stroke='%23c1d2fb' d='M3 14h1'/%3E%3Cpath stroke='%23b6d1fb' d='M9 14h2'/%3E%3Cpath stroke='%23adc9f9' d='M13 14h1m-2 1h1'/%3E%3Cpath stroke='%23b1c6f3' d='M14 14h1m-3 2h1'/%3E%3Cpath stroke='%23abc1f4' d='M0 15h1'/%3E%3Cpath stroke='%23b7cbf9' d='M1 15h1'/%3E%3Cpath stroke='%23b9cefb' d='M2 15h1'/%3E%3Cpath stroke='%23b9cffb' d='M7 15h1'/%3E%3Cpath stroke='%23b2cdfb' d='M9 15h2'/%3E%3Cpath stroke='%23aec8f7' d='M13 15h1'/%3E%3Cpath stroke='%23b0c5f2' d='M14 15h1m-2 1h1'/%3E%3Cpath stroke='%23dbe3f8' d='M0 16h1'/%3E%3Cpath stroke='%23b7c6f1' d='M1 16h1'/%3E%3Cpath stroke='%23b8c9f2' d='M2 16h1m4 0h1'/%3E%3Cpath stroke='%23d9e3f6' d='M14 16h1'/%3E%3C/svg%3E") !important; 476 | padding: 3px 32px 3px 4px !important; 477 | max-height: 23px !important; 478 | background-position: top 2px right 2px !important; 479 | background-repeat: no-repeat !important; 480 | background-size: 15px !important; 481 | } 482 | 483 | .select_f6639d.lookFilled_f6639d:hover, 484 | .bd-select:hover { 485 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -0.5 15 17' shape-rendering='crispEdges'%3E%3Cpath stroke='%23cfdbec' d='M0 0h1'/%3E%3Cpath stroke='%23b4c7eb' d='M1 0h1M0 1h1'/%3E%3Cpath stroke='%23abbee9' d='M2 0h1M0 2h1'/%3E%3Cpath stroke='%23a5b9e7' d='M3 0h1M0 3h1M0 4h1'/%3E%3Cpath stroke='%23a0b4e5' d='M4 0h2'/%3E%3Cpath stroke='%239cb2e5' d='M6 0h1M0 6h1'/%3E%3Cpath stroke='%2398b1e4' d='M7 0h1'/%3E%3Cpath stroke='%2397aee2' d='M8 0h1M0 7h1M0 8h1'/%3E%3Cpath stroke='%2395ade5' d='M9 0h2M0 9h1'/%3E%3Cpath stroke='%2394abe4' d='M11 0h1'/%3E%3Cpath stroke='%2390aae4' d='M12 0h1M0 10h1'/%3E%3Cpath stroke='%238aa6e3' d='M13 0h1M0 12h1m-1 1h1'/%3E%3Cpath stroke='%23c2cfea' d='M14 0h1'/%3E%3Cpath stroke='%23fdffff' d='M1 1h1'/%3E%3Cpath stroke='%23f6ffff' d='M2 1h1M1 2h1'/%3E%3Cpath stroke='%23eefcff' d='M3 1h1M1 3h1M1 4h1'/%3E%3Cpath stroke='%23e9faff' d='M4 1h2M3 2h1M2 3h1M2 4h1'/%3E%3Cpath stroke='%23e5f6ff' d='M6 1h1M1 5h2'/%3E%3Cpath stroke='%23e3f4ff' d='M7 1h1M4 2h2'/%3E%3Cpath stroke='%23dff2fe' d='M8 1h1M6 2h1M3 5h1'/%3E%3Cpath stroke='%23dbf1ff' d='M9 1h2'/%3E%3Cpath stroke='%23d8edfc' d='M11 1h1M2 11h4'/%3E%3Cpath stroke='%23d4e9fc' d='M12 1h1m-2 1h1M1 11h1m0 1h1m-1 1h1'/%3E%3Cpath stroke='%23cde2fc' d='M13 1h1m-1 1h1m-1 1h1m-1 1h1M3 15h3'/%3E%3Cpath stroke='%2397ace0' d='M14 1h1M3 16h4'/%3E%3Cpath stroke='%23f2feff' d='M2 2h1'/%3E%3Cpath stroke='%23ddf0fe' d='M7 2h1M4 3h3M4 4h3M3 6h1m1 0h2M1 7h1M1 8h1'/%3E%3Cpath stroke='%23d8ebfc' d='M8 2h1m-8 8h5'/%3E%3Cpath stroke='%23d8eafc' d='M9 2h2'/%3E%3Cpath stroke='%23d0e5fc' d='M12 2h1M8 3h1M8 4h1m-8 8h1m-1 1h1m0 1h1'/%3E%3Cpath stroke='%2398aee1' d='M14 2h1m-1 5h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23e2f3fd' d='M3 3h1M3 4h1M1 6h1'/%3E%3Cpath stroke='%23dcecfd' d='M7 3h1M7 4h1'/%3E%3Cpath stroke='%23cde4fc' d='M9 3h4M9 4h4M8 5h1'/%3E%3Cpath stroke='%239bafe0' d='M14 3h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%239db3e6' d='M0 5h1'/%3E%3Cpath stroke='%23dcedfd' d='M4 5h4M1 9h3'/%3E%3Cpath stroke='%23cae2fd' d='M9 5h2m1 0h2M1 14h1m4 1h1'/%3E%3Cpath stroke='%23c8e1fb' d='M11 5h1M8 6h2m2 0h2m-1 1h1m-1 1h1M2 15h1'/%3E%3Cpath stroke='%23e1f2fe' d='M2 6h1'/%3E%3Cpath stroke='%234d6185' d='M4 6h1m5 0h1M3 7h3m3 0h3M4 8h3m1 0h3M5 9h5m-4 1h3m-2 1h1'/%3E%3Cpath stroke='%23d2eafe' d='M7 6h1M6 7h2M7 8h1M4 9h1'/%3E%3Cpath stroke='%23c6e2fd' d='M11 6h1m0 1h1m-1 1h1'/%3E%3Cpath stroke='%23dff0fc' d='M2 7h1M2 8h2'/%3E%3Cpath stroke='%23c5e3fc' d='M8 7h1m2 1h1m-2 1h4m-3 1h2m-5 5h1'/%3E%3Cpath stroke='%23ceeafd' d='M9 10h2m-4 4h1'/%3E%3Cpath stroke='%23c2e2fc' d='M13 10h1m-5 5h2'/%3E%3Cpath stroke='%2392ade2' d='M14 10h1'/%3E%3Cpath stroke='%238da9e4' d='M0 11h1'/%3E%3Cpath stroke='%23d5ebfd' d='M6 11h1'/%3E%3Cpath stroke='%23cbedff' d='M8 11h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23c0e4fc' d='M9 11h4m-2 3h1'/%3E%3Cpath stroke='%23bee0fc' d='M13 11h1'/%3E%3Cpath stroke='%2391abe1' d='M14 11h1m-7 5h3'/%3E%3Cpath stroke='%23d5eafd' d='M3 12h1m-1 1h1'/%3E%3Cpath stroke='%23d4ebfc' d='M4 12h3m-3 1h3'/%3E%3Cpath stroke='%23d2ecfe' d='M7 12h1m-1 1h1'/%3E%3Cpath stroke='%23c6ebff' d='M9 12h2m-2 1h2m-3 1h1'/%3E%3Cpath stroke='%23c2eaff' d='M11 12h1m-1 1h1'/%3E%3Cpath stroke='%23bde3fd' d='M12 12h1m-1 1h1'/%3E%3Cpath stroke='%23b9ddfb' d='M13 12h1m-1 1h1m-1 1h1m-2 1h1'/%3E%3Cpath stroke='%238da9e1' d='M14 12h1m-1 1h1m-3 3h1'/%3E%3Cpath stroke='%2388a3e3' d='M0 14h1'/%3E%3Cpath stroke='%23d2e9fe' d='M3 14h1'/%3E%3Cpath stroke='%23d0e8fc' d='M4 14h3'/%3E%3Cpath stroke='%23c4e8fe' d='M9 14h2'/%3E%3Cpath stroke='%23bde0fb' d='M12 14h1m-2 1h1'/%3E%3Cpath stroke='%238fa7df' d='M14 14h1'/%3E%3Cpath stroke='%2387a0de' d='M0 15h1'/%3E%3Cpath stroke='%23c5ddfc' d='M1 15h1'/%3E%3Cpath stroke='%23c8e3fb' d='M7 15h1'/%3E%3Cpath stroke='%23b9dafb' d='M13 15h1'/%3E%3Cpath stroke='%238ca7de' d='M14 15h1m-2 1h1'/%3E%3Cpath stroke='%23c3cde7' d='M0 16h1'/%3E%3Cpath stroke='%2393a7df' d='M1 16h1'/%3E%3Cpath stroke='%2396acdf' d='M2 16h1m4 0h1'/%3E%3Cpath stroke='%2390abe0' d='M11 16h1'/%3E%3Cpath stroke='%23becbe6' d='M14 16h1'/%3E%3C/svg%3E") !important; 486 | padding: 3px 32px 3px 4px; 487 | max-height: 23px; 488 | background-position: top 2px right 2px; 489 | background-repeat: no-repeat; 490 | background-size: 15px; 491 | } 492 | 493 | .select_f6639d.lookFilled_f6639d:active, 494 | .bd-select:active { 495 | background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -0.5 15 17' shape-rendering='crispEdges'%3E%3Cpath stroke='%23bbc2dc' d='M0 0h1'/%3E%3Cpath stroke='%23a2acdc' d='M1 0h1M0 1h1'/%3E%3Cpath stroke='%2398a1dd' d='M2 0h1M0 2h1'/%3E%3Cpath stroke='%23919bda' d='M3 0h1M0 3h1M0 4h1'/%3E%3Cpath stroke='%238c97dc' d='M4 0h2M0 5h1'/%3E%3Cpath stroke='%238793db' d='M6 0h1M0 6h1'/%3E%3Cpath stroke='%238592d9' d='M7 0h1'/%3E%3Cpath stroke='%23838fda' d='M8 0h1M0 7h1M0 8h1'/%3E%3Cpath stroke='%23828dd9' d='M9 0h2M0 9h1'/%3E%3Cpath stroke='%237f8ada' d='M11 0h1'/%3E%3Cpath stroke='%237b88da' d='M12 0h1'/%3E%3Cpath stroke='%237786d9' d='M13 0h1'/%3E%3Cpath stroke='%23afb6db' d='M14 0h1'/%3E%3Cpath stroke='%236e8ef1' d='M1 1h1'/%3E%3Cpath stroke='%236e94f1' d='M2 1h1M1 2h1'/%3E%3Cpath stroke='%237598f1' d='M3 1h1'/%3E%3Cpath stroke='%237d9df1' d='M4 1h2M1 6h1'/%3E%3Cpath stroke='%23809df1' d='M6 1h1M1 7h1M1 8h1'/%3E%3Cpath stroke='%2383a0f0' d='M7 1h1'/%3E%3Cpath stroke='%23899fef' d='M8 1h1m4 1h1'/%3E%3Cpath stroke='%238d9eef' d='M9 1h3M1 12h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%23869df0' d='M12 1h1'/%3E%3Cpath stroke='%238096f1' d='M13 1h1'/%3E%3Cpath stroke='%23b9c9f3' d='M14 1h1M3 16h4'/%3E%3Cpath stroke='%23759cf1' d='M2 2h1'/%3E%3Cpath stroke='%237ca4f0' d='M3 2h1M3 3h1M3 4h1M2 5h2'/%3E%3Cpath stroke='%2380a6f1' d='M4 2h2'/%3E%3Cpath stroke='%2383a7f0' d='M6 2h1M4 3h2M4 4h2'/%3E%3Cpath stroke='%238daaef' d='M7 2h1'/%3E%3Cpath stroke='%2390a7ef' d='M8 2h3'/%3E%3Cpath stroke='%2394a8ef' d='M11 2h1'/%3E%3Cpath stroke='%2390a4ef' d='M12 2h1m0 1h1m-1 1h1m-8 8h1m-1 1h1m-5 1h1'/%3E%3Cpath stroke='%23baccf4' d='M14 2h1m-1 5h1m-1 1h1'/%3E%3Cpath stroke='%237396f2' d='M1 3h1M1 4h1'/%3E%3Cpath stroke='%23759ef1' d='M2 3h1M2 4h1'/%3E%3Cpath stroke='%2390b1f2' d='M6 3h1M6 4h1M6 5h1'/%3E%3Cpath stroke='%2393aff2' d='M7 3h1M7 4h1'/%3E%3Cpath stroke='%2397afee' d='M8 3h3M8 4h3'/%3E%3Cpath stroke='%239aaaee' d='M11 3h1m-1 1h1'/%3E%3Cpath stroke='%2397abee' d='M12 3h1m-1 1h1m0 1h1M3 14h1m-2 1h1'/%3E%3Cpath stroke='%23bcccf3' d='M14 3h1m-1 1h1m-1 1h1m-1 1h1'/%3E%3Cpath stroke='%237997f1' d='M1 5h1'/%3E%3Cpath stroke='%2383a6f4' d='M4 5h2'/%3E%3Cpath stroke='%239aaff1' d='M7 5h1'/%3E%3Cpath stroke='%239eb1f2' d='M8 5h1m0 6h2'/%3E%3Cpath stroke='%239bb0ef' d='M9 5h4M3 15h1'/%3E%3Cpath stroke='%23809ff1' d='M2 6h1'/%3E%3Cpath stroke='%2387a3f4' d='M3 6h1M2 7h1M2 8h2'/%3E%3Cpath stroke='%234d6185' d='M4 6h1m5 0h1M3 7h3m3 0h3M4 8h3m1 0h3M5 9h5m-4 1h3m-2 1h1'/%3E%3Cpath stroke='%2393acf2' d='M5 6h3M6 7h2M7 8h1M4 9h1'/%3E%3Cpath stroke='%239eaef2' d='M8 6h2'/%3E%3Cpath stroke='%239baeef' d='M11 6h3m-8 8h1'/%3E%3Cpath stroke='%2395abf4' d='M8 7h1'/%3E%3Cpath stroke='%23a2b2ee' d='M12 7h2m-2 1h2m-7 6h1'/%3E%3Cpath stroke='%23a3b4f3' d='M11 8h1m-4 3h1'/%3E%3Cpath stroke='%238da3f3' d='M1 9h1m-1 1h5m-3 1h1'/%3E%3Cpath stroke='%2389a3f3' d='M2 9h2'/%3E%3Cpath stroke='%2397adf2' d='M10 9h1'/%3E%3Cpath stroke='%23a6b6f2' d='M11 9h2m-2 2h1'/%3E%3Cpath stroke='%23a4b7ed' d='M13 9h1m-6 3h3m-3 1h3'/%3E%3Cpath stroke='%23b9cbf3' d='M14 9h1'/%3E%3Cpath stroke='%237c89db' d='M0 10h1'/%3E%3Cpath stroke='%23a5b6f1' d='M9 10h2'/%3E%3Cpath stroke='%23a8b8f1' d='M11 10h2'/%3E%3Cpath stroke='%23aabcef' d='M13 10h1m-3 2h1m-1 1h1m-5 2h1'/%3E%3Cpath stroke='%23b5c9f3' d='M14 10h1'/%3E%3Cpath stroke='%237988db' d='M0 11h1'/%3E%3Cpath stroke='%2390a4f2' d='M1 11h2m1 0h2'/%3E%3Cpath stroke='%238da1ef' d='M6 11h1m-5 1h4m-4 1h4'/%3E%3Cpath stroke='%23a9bcf2' d='M12 11h1'/%3E%3Cpath stroke='%23afbfed' d='M13 11h1m-6 4h1'/%3E%3Cpath stroke='%23b3c8f5' d='M14 11h1m-7 5h3'/%3E%3Cpath stroke='%237583db' d='M0 12h1m-1 1h1'/%3E%3Cpath stroke='%2397a7ee' d='M7 12h1m-1 1h1'/%3E%3Cpath stroke='%23b4c7ee' d='M12 12h1m-1 1h1m-4 2h2'/%3E%3Cpath stroke='%23b7c9ee' d='M13 12h1m-1 1h1m-3 2h1'/%3E%3Cpath stroke='%23b2c8f4' d='M14 12h1m-1 1h1m-4 3h1'/%3E%3Cpath stroke='%237381d9' d='M0 14h1m-1 1h1'/%3E%3Cpath stroke='%239baaef' d='M4 14h2'/%3E%3Cpath stroke='%23a9baee' d='M8 14h1m-3 1h1'/%3E%3Cpath stroke='%23adbcef' d='M9 14h2'/%3E%3Cpath stroke='%23b4c2ee' d='M11 14h1'/%3E%3Cpath stroke='%23becfed' d='M12 14h1'/%3E%3Cpath stroke='%23c4d4ec' d='M13 14h1m-2 1h1'/%3E%3Cpath stroke='%23b1c6f3' d='M14 14h1m-3 2h1'/%3E%3Cpath stroke='%23a2b6ee' d='M4 15h2'/%3E%3Cpath stroke='%23d2deeb' d='M13 15h1'/%3E%3Cpath stroke='%23b0c5f2' d='M14 15h1m-2 1h1'/%3E%3Cpath stroke='%23dbe3f8' d='M0 16h1'/%3E%3Cpath stroke='%23b7c6f1' d='M1 16h1'/%3E%3Cpath stroke='%23b8c9f2' d='M2 16h1m4 0h1'/%3E%3Cpath stroke='%23d9e3f6' d='M14 16h1'/%3E%3C/svg%3E") !important; 496 | padding: 3px 32px 3px 4px; 497 | max-height: 23px; 498 | background-position: top 2px right 2px; 499 | background-repeat: no-repeat; 500 | background-size: 15px; 501 | } 502 | 503 | .select_f6639d.lookFilled_f6639d > .icons_f6639d { 504 | color: transparent; 505 | top: -4px; 506 | position: relative; 507 | } 508 | 509 | /* popout dropdown list */ 510 | .popout_f6639d { 511 | background-color: white; 512 | border-radius: 0px; 513 | border: 1px solid black; 514 | } 515 | 516 | .selectedIcon_f6639d { 517 | visibility: hidden; 518 | height: 0px; 519 | } 520 | 521 | .option_f6639d:focus, 522 | .option_f6639d:hover, 523 | .option_f6639d.focused_f6639d, 524 | .option_f6639d[aria-selected="true"]:not(.option_f6639d.multi_f6639d) { 525 | --background-modifier-selected: transparent; 526 | } 527 | 528 | .option_f6639d { 529 | padding: 2px; 530 | color: #222 !important; 531 | } 532 | 533 | .title_c46f6a { 534 | font-family: var(--font-primary); 535 | font-weight: bold !important; 536 | } 537 | 538 | .option_f6639d:hover { 539 | background: var(--selected-color) !important; 540 | color: white !important; 541 | outline: dotted 1px orange; 542 | outline-offset: -1px; 543 | } 544 | 545 | /* searchbar / textbox */ 546 | .searchBar_e0840f .input__48d49, 547 | .searchBar_f0963d .searchBarComponent_f0963d, 548 | .search_ff5f90 .searchBar_a46bef, 549 | .bd-search-wrapper, 550 | .flexChild_bba380.container__33507, 551 | .gameNameInput_fd966d:hover, 552 | .gameNameInput_fd966d:focus, 553 | .inputWrapper_f8bc55 > input { 554 | background: #fff; 555 | border: var(--textbox-border); 556 | border-radius: 0px; 557 | height: 23px; 558 | line-height: 2px; 559 | box-sizing: border-box; 560 | -webkit-appearance: none; 561 | -moz-appearance: none; 562 | appearance: none; 563 | } 564 | 565 | .inputDefault_f8bc55 { 566 | padding: 0px 0px 0px 6px !important; 567 | border-radius: 0px; 568 | } 569 | 570 | .input__48d49 { 571 | top: -8px; 572 | position: relative; 573 | } 574 | 575 | .searchBar_e0840f { 576 | margin: -5px 2px 2px 2px; 577 | border-radius: 0px; 578 | } 579 | 580 | .searchBar_e0840f .inner__999f6 { 581 | padding: 8px; 582 | } 583 | 584 | .searchBar_e0840f .input__48d49, 585 | .addFriendInputWrapper_de812f { 586 | background: white; 587 | border: 1px solid var(--border-color); 588 | margin-right: -30px; 589 | } 590 | 591 | .theme-dark .searchBar_e0840f .input__48d49, 592 | .theme-dark .addFriendInputWrapper_de812f { 593 | background: var(--profile-color-4) !important; 594 | border: 1px solid var(--border-color); 595 | } 596 | 597 | .addFriendInputWrapper_de812f { 598 | margin-right: auto; 599 | border-radius: 0px; 600 | } 601 | 602 | .searchBar_e0840f .iconLayout__67261 { 603 | padding: 2px; 604 | } 605 | 606 | /* checkbox */ 607 | [id="oneko"] { 608 | z-index: 9999 !important; 609 | } 610 | -------------------------------------------------------------------------------- /dsn-settings.css: -------------------------------------------------------------------------------- 1 | /* settings.css */ 2 | .vc-settings-card img[role="presentation"] { 3 | content: url(https://numoder.github.io/dsn10-theme/assets/misc/stupidfuckingdog.png); 4 | width: 80px; 5 | height: 80px; 6 | } 7 | 8 | .sectionTitle_a6ae9b > h2, 9 | .contentColumn_c25c6d > h2 { 10 | font-family: "Franklin Gothic" !important; 11 | font-size: 32px !important; 12 | font-weight: bold !important; 13 | color: var(--settings-page-header-text-color) !important; 14 | top: 10px; 15 | left: 10px; 16 | position: relative; 17 | } 18 | 19 | .sectionTitle_a6ae9b { 20 | margin-bottom: 20px; 21 | } 22 | 23 | .divider_b03b7f { 24 | height: 2px; 25 | background: var(--settings-divider-color); 26 | border-bottom: var(--settings-divider-color-2); 27 | } 28 | 29 | .customizationSection_b3a5c2 { 30 | border-bottom: var(--settings-divider-color-2); 31 | } 32 | 33 | .theme-light .customizationSection_b3a5c2:not(:has(.userPopoutOuter_c69a7b)) { 34 | box-shadow: inset 0px -1px 0px 0px #9b9b9b; 35 | } 36 | 37 | .theme-dark .customizationSection_b3a5c2:not(:has(.userPopoutOuter_c69a7b)) { 38 | box-shadow: inset 0px -1px 0px 0px #1f1f1fd7; 39 | } 40 | 41 | .theme-dark .contentColumn_c25c6d > div > div > .sectionTitle_a6ae9b, 42 | .theme-dark .contentColumn_c25c6d > div > .sectionTitle_a6ae9b { 43 | background: linear-gradient( 44 | 90deg, 45 | rgba(69, 69, 69, 1) 0%, 46 | rgba(127, 127, 127, 1) 65% 47 | ); 48 | margin-bottom: 20px; 49 | color: white; 50 | } 51 | 52 | .h5_c46f6a.eyebrow_c46f6a { 53 | font-family: var(--font-primary); 54 | font-weight: bold !important; 55 | text-transform: none; 56 | } 57 | 58 | .side_a0 .item_a0 { 59 | margin: 0 2px 0 2px; 60 | } 61 | 62 | .sidebar_a4d4d9 .thin_c49869, 63 | .sidebarRegionScroller_c25c6d { 64 | background: var(--settings-background); 65 | border-image: linear-gradient( 66 | rgba(255, 255, 255, 0.5), 67 | rgba(255, 255, 255, 0.005) 68 | ) 69 | 1 / 0 1px 0 0; 70 | } 71 | 72 | .theme-dark .sidebarRegionScroller_c25c6d { 73 | border-right: 1px solid #b0b0b0; 74 | } 75 | 76 | .sidebarRegionScroller_c25c6d.scrollerBase_c49869::-webkit-scrollbar { 77 | width: 0px; 78 | } 79 | 80 | .sidebar_c25c6d { 81 | padding-right: 16px; 82 | } 83 | 84 | .contentRegion_c25c6d { 85 | background: url(https://cdn.discordapp.com/attachments/1189324560168923228/1227097700504305704/Control_Panel.png?ex=66272aca&is=6614b5ca&hm=8e73d8b40dc364c2efc7ed6913489e362e3876460fd5f03942d9a5586d99b725&), 86 | var(--settings-background-2); 87 | background-size: 300px, cover; 88 | background-repeat: no-repeat, repeat; 89 | background-position: bottom right, center; 90 | } 91 | 92 | .contentRegionScroller_c25c6d { 93 | background: transparent; 94 | } 95 | 96 | .side_a0 .item_a0 { 97 | border-radius: 0px; 98 | } 99 | 100 | .side_a0 .header_a0:first-child, 101 | .side_a0 .header_a0 { 102 | padding: 6px 6px 6px 8px; 103 | margin: 2px 2px 0px 2px; 104 | } 105 | 106 | .header_a0 .eyebrow_dc00ef, 107 | .bd-sidebar-header-label { 108 | font-family: "Verdana"; 109 | font-weight: 700 !important; 110 | text-transform: none !important; 111 | letter-spacing: normal; 112 | color: #fff !important; 113 | } 114 | 115 | .theme-dark .header_a0 .eyebrow_dc00ef, 116 | .theme-dark .bd-sidebar-header-label { 117 | color: #fbe4bd !important; 118 | } 119 | 120 | .theme-dark .header_a0:hover .eyebrow_dc00ef, 121 | .theme-dark .bd-sidebar-header-label { 122 | color: #fff !important; 123 | } 124 | 125 | .theme-dark .side_a0 .header_a0, 126 | .theme-dark .bd-sidebar-header { 127 | box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.466), 128 | inset 0px 0px 0px 2px rgba(255, 255, 255, 0.466); 129 | } 130 | 131 | .sidebar_a4d4d9 .thin_c49869 h2 { 132 | margin: 8px 0px 0px 7px; 133 | } 134 | 135 | .theme-dark .bd-sidebar-header { 136 | padding: 3px; 137 | margin: 1px; 138 | color: var(--text-primary) !important; 139 | } 140 | 141 | .sidebar_a4d4d9 .thin_c49869 .categoryItem_c72b37:active, 142 | .sidebar_a4d4d9 .thin_c49869 .categoryItem_c72b37, 143 | .side_a0 .item_a0, 144 | .side_a0 .item_a0.selected_a0 { 145 | background: var(--settings-button-background) !important; 146 | border: 1px solid var(--settings-button-border); 147 | border-top: none; 148 | margin-bottom: -1px; 149 | position: relative; 150 | border-radius: 0px; 151 | } 152 | 153 | .theme-dark div.side_a0 .separator_a0 { 154 | background-color: transparent; 155 | margin-right: 2px; 156 | margin-left: 2px; 157 | top: 8px; 158 | position: relative; 159 | } 160 | 161 | .sidebar_a4d4d9 .thin_c49869 .categoryItem_c72b37 { 162 | margin-right: 1px; 163 | } 164 | 165 | .themed_a0.item_a0, 166 | .brand_a0.item_a0, 167 | .themed_a0.item_a0:hover, 168 | .brand_a0.item_a0:hover { 169 | color: var(--text-inverted-primary); 170 | } 171 | 172 | .theme-dark .themed_a0.item_a0 { 173 | color: rgb(99, 99, 99); 174 | } 175 | 176 | .categoryItem_c72b37:hover, 177 | .themed_a0.item_a0:hover, 178 | .brand_a0.item_a0:hover { 179 | text-decoration: underline !important; 180 | } 181 | 182 | .sidebar_c25c6d > div > .item_a0.themed_a0 { 183 | padding-left: 25px; 184 | } 185 | 186 | .sidebar_c25c6d > div > .premiumTab_c10c74 .premiumLabel_ae3c77 { 187 | flex-direction: row-reverse; 188 | justify-content: flex-end; 189 | left: -16px; 190 | } 191 | 192 | .premiumLabel_ae3c77 svg { 193 | left: -6px; 194 | position: relative; 195 | } 196 | 197 | .side_a0 .item_a0, 198 | .wrappedLayout_e9f61e { 199 | padding: 2px 6px 2px 6px; 200 | } 201 | 202 | .categoryItem_c72b37.selectedCategoryItem_c72b37 .itemInner_c72b37 { 203 | background: transparent; 204 | } 205 | 206 | /* settings theme-light */ 207 | 208 | /* sub-container */ 209 | .accountProfileCard_b69b77, 210 | .preview_a614a7 { 211 | background: var(--settings-sub-container); 212 | border: var(--settings-sub-container-border); 213 | box-shadow: var(--settings-sub-container-shadow); 214 | margin: 0px; 215 | } 216 | 217 | .background_b69b77 > .fieldList_b69b77 { 218 | margin: 16px; 219 | background: transparent; 220 | } 221 | 222 | .accountProfileCard_b69b77 > .background_b69b77 { 223 | background: var(--settings-sub-container-2); 224 | border: var(--settings-sub-container-2-border); 225 | padding: 0px; 226 | } 227 | 228 | .theme-light .sidebar_a4d4d9 .thin_c49869 .categoryItem__0608 .name_e9f61e, 229 | .sidebar_a4d4d9 .thin_c49869 h2, 230 | .theme-dark .side_a0 .header_a0, 231 | .theme-dark .bd-sidebar-header { 232 | padding: 6px 6px 6px 8px; 233 | background: var(--server-notification); 234 | color: var(--text-primary); 235 | margin: 1px 1px 0 1px; 236 | } 237 | 238 | .theme-light .categoryItem_c72b37, 239 | .theme-light .themed_a0.item_a0, 240 | .theme-light .brand_a0.item_a0, 241 | .theme-light .themed_a0.item_a0:hover, 242 | .theme-light .brand_a0.item_a0:hover { 243 | color: #003399; 244 | } 245 | 246 | .sidebar_a4d4d9 .clickable_e9f61e.container_e9f61e:hover, 247 | .theme-light .categoryItem_c72b37:hover, 248 | .item_a0.selected_a0.themed_a0, 249 | .categoryItem_c72b37.selectedCategoryItem_c72b37 { 250 | color: var(--settings-selected-color); 251 | text-decoration: underline; 252 | } 253 | 254 | .sidebar_a4d4d9 .heading-xl-semibold__5e86c, 255 | .side_a0 .header_a0, 256 | .bd-sidebar-header { 257 | background: var(--settings-header); 258 | color: var(--text-inverted-primary); 259 | box-shadow: 0px 1px 0px 0px var(--settings-button-border); 260 | z-index: 1; 261 | } 262 | 263 | .bd-sidebar-header { 264 | margin-left: 2px; 265 | margin-right: 2px; 266 | } 267 | 268 | .theme-light .contentColumn_c25c6d .marginTop40_f7730b .sectionTitle_a6ae9b h2 { 269 | color: var(--text-primary) !important; 270 | } 271 | 272 | .contentColumn_c25c6d:has(.artContainer_da1432) > .container_da1432 { 273 | visibility: hidden; 274 | width: 0px; 275 | height: 0px; 276 | size: 0px; 277 | } 278 | 279 | /* server boost box */ 280 | 281 | .theme-light .boostContainer_dba803 { 282 | background-color: transparent !important; 283 | } 284 | 285 | .theme-light .recommendedServerCard_ebbdfd, 286 | .theme-light .appliedBoostContainer_dba803 { 287 | background: linear-gradient( 288 | 0deg, 289 | rgba(220, 228, 246, 1) 0%, 290 | rgba(216, 225, 246, 1) 10%, 291 | rgba(243, 244, 244, 1) 100% 292 | ); 293 | border-radius: 0px; 294 | } 295 | 296 | .theme-light .appliedBoostContainer_dba803:hover, 297 | .theme-light .appliedBoostContainer_dba803:focus, 298 | .theme-light .recommendedServerCard_ebbdfd:hover, 299 | .theme-light .recommendedServerCard_ebbdfd:focus { 300 | outline: 1px solid #b5b8c0; 301 | outline-offset: -1px; 302 | } 303 | 304 | .theme-light .wrapper_dba803:has(.appliedBoostContainer_dba803), 305 | .theme-light .wrapper_ebbdfd:has(.recommendedServerCard_ebbdfd) { 306 | background: #ffffff; 307 | padding: 4px; 308 | border: solid 1px #c4d2dd; 309 | } 310 | 311 | .theme-light 312 | .wrapper_ebbdfd:has(.recommendedServerCard_ebbdfd) 313 | .defaultColor_a595eb { 314 | color: black !important; 315 | margin-top: 2px; 316 | } 317 | 318 | .theme-light 319 | .wrapper_dba803:has(.appliedBoostContainer_dba803) 320 | .mainSeparator_dba803 { 321 | height: 0px; 322 | margin-bottom: -30px; 323 | } 324 | 325 | .theme-light 326 | .customizationSection_b3a5c2 327 | .bioTextArea_ccf27d.scrollableContainer_d0696b.themedBackground_d0696b { 328 | background: #fff; 329 | border-radius: 0px; 330 | border: none; 331 | } 332 | 333 | .linkTop_d8bfb3 svg { 334 | color: white !important; 335 | } 336 | 337 | .linkTop_d8bfb3 338 | .iconContainer_d8bfb3:has( 339 | [d="M15.16 16.51c-.57.28-1.16-.2-1.16-.83v-.14c0-.43.28-.8.63-1.02a3 3 0 0 0 0-5.04c-.35-.23-.63-.6-.63-1.02v-.14c0-.63.59-1.1 1.16-.83a5 5 0 0 1 0 9.02Z"] 340 | ) { 341 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/volume.png); 342 | background-size: cover; 343 | color: transparent !important; 344 | height: 12px; 345 | } 346 | 347 | .linkTop_d8bfb3 348 | svg:has( 349 | [d="M10.99 3.16A1 1 0 1 0 9 2.84L8.15 8H4a1 1 0 0 0 0 2h3.82l-.67 4H3a1 1 0 1 0 0 2h3.82l-.8 4.84a1 1 0 0 0 1.97.32L8.85 16h4.97l-.8 4.84a1 1 0 0 0 1.97.32l.86-5.16H20a1 1 0 1 0 0-2h-3.82l.67-4H21a1 1 0 1 0 0-2h-3.82l.8-4.84a1 1 0 1 0-1.97-.32L15.15 8h-4.97l.8-4.84ZM14.15 14l.67-4H9.85l-.67 4h4.97Z"] 350 | ) { 351 | visibility: hidden; 352 | } 353 | 354 | .linkTop_d8bfb3 > .name_d8bfb3:before, 355 | .children_e44302:has( 356 | [d="M10.99 3.16A1 1 0 1 0 9 2.84L8.15 8H4a1 1 0 0 0 0 2h3.82l-.67 4H3a1 1 0 1 0 0 2h3.82l-.8 4.84a1 1 0 0 0 1.97.32L8.85 16h4.97l-.8 4.84a1 1 0 0 0 1.97.32l.86-5.16H20a1 1 0 1 0 0-2h-3.82l.67-4H21a1 1 0 1 0 0-2h-3.82l.8-4.84a1 1 0 1 0-1.97-.32L15.15 8h-4.97l.8-4.84ZM14.15 14l.67-4H9.85l-.67 4h4.97Z"] 357 | ) 358 | .titleWrapper_e44302 359 | h1:before { 360 | content: "#"; 361 | } 362 | 363 | .iconContainer_d8bfb3[aria-label="Text icon"] .icon_d8bfb3 { 364 | content: none !important; 365 | height: 0px; 366 | width: 0px; 367 | } 368 | 369 | .platform-win .scroller_fea3ef .tutorialContainer_f9623d { 370 | top: 22px; 371 | } 372 | 373 | .scroller_fea3ef .tutorialContainer_f9623d { 374 | position: fixed; 375 | top: 0; 376 | z-index: 9; 377 | } 378 | 379 | .scroller_fea3ef .tutorialContainer_f9623d .listItem_c96c45 { 380 | margin-bottom: 0; 381 | } 382 | 383 | .scroller_fea3ef > .tutorialContainer_f9623d { 384 | background: var(--server-background); 385 | box-shadow: var(--general-box-shadow); 386 | border-radius: 8px; 387 | height: 58px; 388 | width: 80px; 389 | position: relative; 390 | top: 0px !important; 391 | left: 10px; 392 | margin-bottom: 30px; 393 | } 394 | 395 | .scroller_fea3ef > .tutorialContainer_f9623d:hover { 396 | background: var(--server-background-hover); 397 | } 398 | 399 | .scroller_fea3ef > .tutorialContainer_f9623d:active { 400 | background: var(--server-background-active); 401 | } 402 | 403 | .tutorialContainer_f9623d:has(.listItemWrapper_dfb2f8.selected_dfb2f8) { 404 | background: var(--server-background-active-2); 405 | box-shadow: var(--friend-box-shadow); 406 | } 407 | 408 | .tutorialContainer_f9623d .wrapper_c5f96a { 409 | top: 3px; 410 | left: -2px; 411 | position: relative; 412 | } 413 | 414 | .tutorialContainer_f9623d .childWrapper_a6ce15:hover, 415 | .tutorialContainer_f9623d .childWrapper_a6ce15 { 416 | content: url(https://numoder.github.io/dsn10-theme/assets/actions/group.png) !important; 417 | background: transparent; 418 | } 419 | 420 | .wrapper__8436d.selected_ae80f7 .childWrapper_a6ce15 { 421 | background-color: transparent; 422 | } 423 | 424 | .tutorialContainer_f9623d .pill_f9623d { 425 | visibility: hidden; 426 | z-index: 0; 427 | } 428 | 429 | .layerContainer_cd0de5 > .layer_cd0de5:has(.threadIcon_e664f3) { 430 | left: 72px; 431 | position: relative; 432 | } 433 | 434 | .recentMentionsPopout_ddb5b4 { 435 | left: 140px; 436 | } 437 | 438 | .theme-light { 439 | --generic-background: linear-gradient( 440 | 90deg, 441 | rgba(241, 241, 239, 1) 0%, 442 | rgba(237, 233, 213, 1) 100% 443 | ); 444 | } 445 | 446 | .theme-dark { 447 | --generic-background: linear-gradient(90deg, #3f3f3f 0%, #141414 100%); 448 | --generic-box-shadow: inset 1px 1px 0px 0px #ffffff, 449 | inset -1px -1px 0px 0px #222; 450 | } 451 | 452 | .autocomplete_bea0d0f { 453 | border-radius: 0px; 454 | } 455 | 456 | .bd-select .bd-select-options { 457 | border: 1px solid black; 458 | } 459 | 460 | .autocompleteInner_f23da8 { 461 | background: var(--generic-background); 462 | border: 1px solid black; 463 | border-radius: 4px; 464 | } 465 | 466 | .autocompleteRowVerticalSmall_f23da8[aria-selected="true"], 467 | .autocompleteRowVerticalSmall_f23da8:hover { 468 | background: var(--selected-color); 469 | } 470 | 471 | .autocompleteRowVerticalSmall_f23da8[aria-selected="true"] 472 | .text-md-normal__6e567, 473 | .autocompleteRowVerticalSmall_f23da8:hover .text-md-normal__6e567, 474 | .autocompleteRowVerticalSmall_f23da8:hover .text-xs-normal__46d75 { 475 | color: white !important; 476 | } 477 | 478 | .autocompleteInner_f23da8 .scroller_bea0d0::-webkit-scrollbar { 479 | width: 0px; 480 | } 481 | 482 | .base_f23da8 > h3 { 483 | font-family: var(--font-primary); 484 | font-weight: bold; 485 | color: var(--text-primary); 486 | } 487 | 488 | .card_x5zW6z .iconWrapper_eK7GO6 { 489 | background: var(--settings-background-2) !important; 490 | border-radius: 0px; 491 | box-shadow: inset -1px -1px hsla(0, 0%, 4%, 0.5), 492 | inset 1px 1px hsla(0, 0%, 100%, 0.5), 493 | inset -2px -2px rgba(128, 128, 128, 0.5), 494 | inset 2px 2px hsla(0, 0%, 87%, 0.5); 495 | } 496 | 497 | .theme-light .card_x5zW6z { 498 | border: 1px solid #d0d0bf; 499 | } 500 | 501 | .card_x5zW6z { 502 | background: var(--settings-sub-container) !important; 503 | box-shadow: inset 1px 1px #fcfcfe, inset -1px -1px #fcfcfe, 504 | 1px 2px 2px 0 rgba(208, 206, 191, 0.75); 505 | } 506 | 507 | .theme-light { 508 | --settings-card-border: 1px solid #d0d0bf; 509 | } 510 | 511 | .theme-dark { 512 | --settings-card-border: 1px solid rgba(255, 255, 255, 0.199); 513 | } 514 | 515 | .card_a298b8 { 516 | border: var(--settings-card-border); 517 | } 518 | 519 | .theme-light .card_a298b8 { 520 | background: #fff; 521 | } 522 | 523 | .theme-dark .card_a298b8 { 524 | background: rgba(50, 50, 50, 0.5); 525 | } 526 | 527 | /* youtube */ 528 | 529 | [href="https://www.youtube.com"] 530 | { 531 | background: url(https://numoder.github.io/dsn10-theme/assets/connections/youtube.png); 532 | background-size: contain; 533 | background-position: center left; 534 | background-repeat: no-repeat; 535 | color: transparent !important; 536 | font-size: 16px !important; 537 | } 538 | 539 | .theme-dark [href="https://www.youtube.com"] 540 | { 541 | background: url(https://numoder.github.io/dsn10-theme/assets/connections/youtube-white.png) !important; 542 | background-size: contain !important; 543 | background-position: center left !important; 544 | background-repeat: no-repeat !important; 545 | } 546 | 547 | .embedWrapper_b558d0:has([href="https://www.youtube.com"]) 548 | { 549 | border-image: linear-gradient( 550 | to bottom, 551 | rgb(255, 62, 62), 552 | red, 553 | rgb(122, 0, 0) 554 | ) 555 | 1 100%; 556 | } 557 | 558 | .theme-light .embedWrapper_b558d0:has([href="https://www.youtube.com"]) 559 | { 560 | background: linear-gradient( 561 | 0deg, 562 | rgba(221, 221, 221, 1) 0%, 563 | rgba(225, 226, 226, 1) 50%, 564 | rgba(255, 255, 255, 1) 100% 565 | ); 566 | box-shadow: inset 0px 0px 3px 0px rgb(173, 173, 173); 567 | border-radius: 4px; 568 | } 569 | 570 | .html5-video-player { 571 | outline: black 1px solid !important; 572 | box-shadow: inset 0px 0px 30px 0px gray; 573 | } 574 | 575 | .theme-dark .embedWrapper_b558d0:has([href="https://www.youtube.com"]) 576 | { 577 | background: linear-gradient( 578 | 0deg, 579 | rgb(39, 39, 39) 0%, 580 | rgb(15, 7, 7), 581 | rgb(44, 44, 44) 100% 582 | ); 583 | box-shadow: inset 0px 0px 3px 0px rgba(255, 255, 255, 0.479); 584 | border-radius: 4px; 585 | } 586 | 587 | /* spotify */ 588 | [src="/assets/371bb877e1a3fe7e68dd.svg"] { 589 | content: url(https://numoder.github.io/dsn10-theme/assets/connections/spotify.png) !important; 590 | width: 24px; 591 | height: 24px; 592 | } 593 | 594 | .itemCard_f02fcf .headerIcon_cd82a7:has([fill="var(--spotify)"]) { 595 | background: url(https://numoder.github.io/dsn10-theme/assets/connections/spotify.png); 596 | background-size: 24px !important; 597 | } 598 | 599 | [fill="var(--spotify)"] { 600 | fill: none; 601 | } 602 | 603 | /* xbox */ 604 | [src="/assets/6de3dbffdc87e90e3e8a.svg"] { 605 | content: url(https://numoder.github.io/dsn10-theme/assets/connections/xbox.png); 606 | color: transparent !important; 607 | width: 24px; 608 | height: 24px; 609 | } 610 | 611 | --------------------------------------------------------------------------------