A dracula inspired theme for the modern reddit UI.
Reddit Dark Theme - Dracula by sleeplessKomodo
Details
AuthorsleeplessKomodo
LicenseNo License
Categorytest.userstyles.world -> userstyles
Created
Updated
Size8.5 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Requires the Stylus browser extension.
Source code
/* ==UserStyle==
@name Reddit Dark Theme - Dracula inspired
@namespace USO Archive
@version 20230501.11.40
@description Simple Dracula inspired reddit theme
@author sleeplessKomodo
@license CC-BY-4.0==/UserStyle== */
@-moz-document url-prefix("https://www.reddit.com/") {
._23h0-EcaBUorIHC-JZyh6J ._2Jxk822qXs4DaXwsN7yyHA
{
color: #bd93f9;
font-weight: 500;
}
._23h0-EcaBUorIHC-JZyh6J .ZyxIIl4FP5gHGrJDzNpUC
{
color: #ff5555;
font-weight: 500;
}
._eYtD2XCVieq6emjKBH3m
{
color: #bd93f9;
font-weight: bold;
line-height: 30px;
/*border-bottom: 1px dotted skyblue;*/;
}
._1poyrkZ7g36PawDueRza-J
{
background: #282A36;
}
.Post
{
background-color: #44475a;
border: 1px solid #bd93f9;
margin: 30px 0px;
}
._1EG7_Cm18ANvUvJ4rJdRgQ, ._1EG7_Cm18ANvUvJ4rJdRgQ
{
border: 1px solid #6272a4;
}
._14-YvdFiW5iVvfe5wdgmET
{
border-bottom: 1px dotted #bd93f9;
padding-bottom: 8px;
}
._3-miAEojrCvx_4FQ8x3P-s
{
border-top: 1px dotted #bd93f9;
padding-top: 5px;
margin-top: 20px;
}
._3KTYozwt91D81Yub-OQ4S3
{
margin-right: 5px;
}
._1ixsU4oQRnNfZ91jhBU74y
{
padding-bottom: 12px;
}
._2lHXa-mLMsRfm1Q5JxgU4r:hover, ._3Qkp11fjcAw9I9wtLo8frE:hover
{
border: 1px solid #bd93f9;
color: #50fa7b;
background: #44475a;
}
._1poyrkZ7g36PawDueRza-J:hover, ._3Oa0THmZ3f5iZXAQ0hBJ0k:hover, ._1poyrkZ7g36PawDueRza-J, ._3Oa0THmZ3f5iZXAQ0hBJ0k, ._29IbETWb5VVDcfk_-GumWz, ._1lhlKOukuHHzZKIlnXcHmQ ._2o6nV_ET0Jis6_EzEHx9K3, ._2OpuabFjFVU3UZ4jcP58gJ ._3TNQpNlZH2M4X50sedpaIG, ._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR, .uI_hDmU5GSiudtABRz_37, ._2ulKn_zs7Y3LWsOqoFLHPo, .uI_hDmU5GSiudtABRz_37 ._2rszc84L136gWQrkwH6IaM, ._1DeR7_QiQnu2UK0e2dDfYD, ._1DeR7_QiQnu2UK0e2dDfYD input, ._1r4smTyOEZFO91uFIdWW6T .public-DraftEditor-content, .RQTXfVRnnTF5ont3w58rx, .h-jI8r2f9ozTNqu_2TBeY
{
background: #282a36 !important;
}
._2rszc84L136gWQrkwH6IaM, ._1DeR7_QiQnu2UK0e2dDfYD, ._1DeR7_QiQnu2UK0e2dDfYD input, ._3wl1bRnSzxHkKJfvqakrNI, ._3Qx5bBCG_O8wVZee9J-KyJ, ._38lwnrIpIyqxDfAF1iwhcV
{
background: #282A36;
}
.u35lf2ynn4jHsVUwPmNU
{
margin-top: 0px;
}
.wBtTDilkW_rtT2k5x3eie, ._2jJNpBqXMbbyOiGCElTYxZ, ._2WKuyZi_LYaEvqStrp0X94, ._3Im6OD67aKo33nql4FpSp_, ._2vkeRJojnV7cb9pMlPHy7d
{
background: #282A36;
border-color: #6272a4;
}
.zgT5MfUrDMC54cpiCpZFu
{
background: #282A36;
border-color: #6272a4;
}
._1tpiOc0IxpDU113wUs4zi1._3U799isaNx88b2pVv1S7m1, .Jt86Bv4VZ-x1S2gm0VvNt ._2TMEAhWbobv7KmAjztRzzT ._15oC-2A1Vw_E49v8hn6NVM, ._2G12SFsZiv6I_UJCbuf7qR
{
border-color: #6272a4;
color: #bd93f9 !important;
}
._1G4yU68P50vRZ4USXfaceV._2QeqBqfT5UbHBoViZUt-wX, ._2EuQaYC2G3KohzPtXm5hCL
{
background: #282A36;
border: 1px solid #6272a4;
}
._267lcOmg8VvXcoj9O0Q1TB:not(:last-child), ._2ARwkAW45Urhf_fMfAMi5_:not(:last-child), ._3fWuhJ6bVet7XJT5A0mZM2:not(:last-child)
{
border-bottom: none;
}
._2otRz3OtuWajw1RleFDJ5P, ._8ZLJI1-ZiP7pHJ_yO1L4Z._3osxlOKfiylmgqNqsW7erB
{
background: none;
}
._2lHXa-mLMsRfm1Q5JxgU4r:hover, ._3Qkp11fjcAw9I9wtLo8frE:hover
{
border: 1px solid #6272a4;
}
._1lhlKOukuHHzZKIlnXcHmQ:hover
{
border-color: #6272a4;
}
._2vH__bwuub4wzWRqcvhh3m, .LSvZ4rzt8zI_VpizIGPDF
{
background: #282A36;
border-bottom: #6272a4;
}
._36kpXQ-z7Hr61j8878uRkP
{
height: auto;
}
.x7sinePdvDKj7bf-cdm4Z
{
margin-top: 23px;
}
a._35zWJjb5RJMIMkexZ2Prus, button._35zWJjb5RJMIMkexZ2Prus
{
margin-top: 23px;
}
._3FOlcZoWAvyAWZYSVd8-WD ._3FOlcZoWAvyAWZYSVd8-WD:hover, ._2mg6JuVCrcHWJkUQvZXFcZ:hover, ._1g70Ndz7edo5LA6hie1Gkt:hover, .Post:hover
{
border-color: #6272a4;
}
._1Q1oKEA1qDipo5Tk0b_YlY, ._10BQ7pjWbeYP63SAPNS8Ts, ._10BQ7pjWbeYP63SAPNS8Ts.q_unSaY23rpdd3lDvGZ-
{
background: #282A36;
border: 1px solid #bd93f9;
color: #50fa7b;
}
.Jy6FIGP1NvWbVjQZN7FHA, ._326PJFFRv8chYfOlaEYmGt, ._1eMniuqQCoYf3kOpyx83Jj, ._1cDoUuVvel5B1n5wa3K507, ._eYtD2XCVieq6emjKBH3m, .icon.eZQ5o2PrhR59wkAtPbxMU
{
color: orange;
}
.yO1xBdgBCFQNZudOlok9d
{
background: #282A36;
border: 1px solid #bd93f9;
}
.Jy6FIGP1NvWbVjQZN7FHA, ._326PJFFRv8chYfOlaEYmGt, ._1eMniuqQCoYf3kOpyx83Jj, ._1cDoUuVvel5B1n5wa3K507, .Jy6FIGP1NvWbVjQZN7FHA, ._326PJFFRv8chYfOlaEYmGt, ._1eMniuqQCoYf3kOpyx83Jj, ._1cDoUuVvel5B1n5wa3K507, ._78ohNtfA1urjgUhnN1jLi
{
border-color: #bd93f9 !important;
}
._2c1ElNxHftd8W_nZtcG9zf
{
border-color: #6272a4 !important;
}
._2c1ElNxHftd8W_nZtcG9zf:hover
{
border-color: #6272a4 !important;
}
._1r4smTyOEZFO91uFIdWW6T.aUM8DQ_Nz5wL0EJc_wte6
{
margin: 0px 0px 15px 0px;
border-color: #50fa7b;
}
._2ulKn_zs7Y3LWsOqoFLHPo
{
margin: 16px 0px 0 0px;
border-color: #6272a4;
}
._2_tDEnGMLxpM6uOa2kaDB3._1XWObl-3b9tPy64oaG6fax
{
opacity: 0.4;
}
.Jt86Bv4VZ-x1S2gm0VvNt ._2TMEAhWbobv7KmAjztRzzT ._15oC-2A1Vw_E49v8hn6NVM
{
margin-top: 10px;
}
a.M2Hk_S2yvXpsNPfZMBMur._1s79QnBguPbckxiiPvFXGP
{
background: #282A36;
color: orange;
}
.Post ._eYtD2XCVieq6emjKBH3m
{
color: #bd93f9;
}
.Post ._eYtD2XCVieq6emjKBH3m:hover
{
color: #bd93f9;
border-bottom: 1px dotted #6272a4;
}
.K4Eem3pMbRbAYioOfqN5E {
background: #282A36;
}
._eYtD2XCVieq6emjKBH3m {
color: #bd93f9;
}
._3a2ZHWaih05DgAOtvu6cIo, ._2Jxk822qXs4DaXwsN7yyHA, ._3ChHiOyYyUkpZ_Nm3ZyM2M, .SDzveG4fJf98RLE5vll2w, ._25IkBM0rRUqWX5ZojEMAFQ, .FHCV02u6Cp2zYL0fhQPsO, ._6_44iTtZoeY6_XChKt5b0, ._2-cXnP74241WI7fpcpfPmg, .icon.t2A0mgkgGzc8cAahJsR7a, .icon._2wYneOcJEB6o4mj1NedmsR, a.M2Hk_S2yvXpsNPfZMBMur {
color: #50fa7b !important;
}
._1DeR7_QiQnu2UK0e2dDfYD:focus-within, ._1DeR7_QiQnu2UK0e2dDfYD {
border: 1px solid #6272a4 !important;
}
._3MnH55IylwBZcJD46S4KFO {
border: 1px solid #6272a4;
background: #282A36;
}
.icon {
color: #50fa7b;
}
#2x-container {
background-color: #282A36 !important;
}
._2uYY-KeuYHKiwl-9aF0UiL{
background: #282A36;
color: #bd93f9;
border: 1px solid #6272a4 !important;
}
._24UNt1hkbrZxLzs5vkvuDh{
background: #282A36 !important;
color: #bd93f9;
border: 1px solid #6272a4;
}
._1jAt0x8BSB9mgoXbsDuKJ6 {
color: #6272a4 !important;
}
._3F3oKTToidUQ0CbMS1cccX{
border: 1px solid #6272a4 !important;
}
._18X7KoiaLuKbuLqg4zE8BH{
border: 1px solid #6272a4;
color: #6272a4 !important;
}
._18X7KoiaLuKbuLqg4zE8BH:hover {
border: 1px solid #6272a4 !important;
}
._3x3dhQasGAuYcXVQ02QUzy {
color: #bd93f9 !important;
}
._1JNzvBgvzSnX27gUBKqqmJ {
color: #6272a4;
}
._3obgdFz00GvpqpuX8QCsNK {
background: #282A36;
}
.h-jI8r2f9ozTNqu_2TBeY {
border: 1px solid #6272a4 !important;
}
.TMMvbwyeh9yuHKmQWHrE3, ._37tmRmxaFMjRRrvwcY2JmY{
background: #282A36;
border: 1px solid #6272a4;
color: #6272a4;
}
.eZQ5o2PrhR59wkAtPbxMU {
color: #6272a4 !important;
}
a.M2Hk_S2yvXpsNPfZMBMur._1s79QnBguPbckxiiPvFXGP{
color: #6272a4 !important;
}
._37tmRmxaFMjRRrvwcY2JmY:hover{
background: #282A36;
border: 1px solid #6272a4;
}
#header-subreddit-filter, .tsl4Q1J90HdQwt_L2rJC9, .YfUlQeQY0xbmCv-So3isP{
background: #282A36;
border: 1px solid #bd93f9;
}
#header-search-bar {
color: #6272a4 !important;
}
._1nxEQl5D2Bx2jxDILRHemb{
background: #282a36 !important;
}
circle {
fill: #7da6ff;
border: 1px solid #6272a4 !important;
}
path {
fill: #fff;
}
.hpxKmfWP2ZiwdKaWpefMn{
background-color: #6272a4;
}
._1bWuGs_1sq4Pqy099x_yy-{
color: #6272a4 !important;
}
._1InmLYfaOm6m9MZ8wKxM-0{
border: 0px solid #6272a4 !important;
}
.Jy6FIGP1NvWbVjQZN7FHA, ._326PJFFRv8chYfOlaEYmGt, ._1eMniuqQCoYf3kOpyx83Jj, ._1cDoUuVvel5B1n5wa3K507, ._eYtD2XCVieq6emjKBH3m, .icon.eZQ5o2PrhR59wkAtPbxMU{
color: #f8f8f2 !important;
}
.Post {
background: #282a36;
border:1px solid #6272a4;
}
._1lhlKOukuHHzZKIlnXcHmQ._1C2mkyHj-MAuIndy8vJIU5, ._3aoyec8unb9DkDxSv2XOMX {
background: #282a36 !important;
}
._1lhlKOukuHHzZKIlnXcHmQ {
background: #1E1F29 !important;
}
._2otRz3OtuWajw1RleFDJ5P{
background: #1E1F29 !important;
}
._1lhlKOukuHHzZKIlnXcHmQ:hover {
border:0px;
}
._31N0dvxfpsO6Ur5AKx4O5d{
background: #1E1F29;
}
._1DjAcowLU6nXBLbR9gDIh7._2hhpAarfCk4SysWqfTTPVB{
background: #1E1F29;
border: 1px solid #7da6ff;
}
._2_tDEnGMLxpM6uOa2kaDB3._1XWObl-3b9tPy64oaG6fax {
opacity: 1;
}
._2vkeRJojnV7cb9pMlPHy7d.a35Fm2MurU14xdNybLiZp {
background-color: #1E1F29;
}
}