Skip to content

Disqus | Dark and Red by skyflair

Screenshot of Disqus | Dark and Red

Details

Authorskyflair

LicenseNo License

CategoryDisqus.com

Created

Updated

Size5.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Also with a bonus of actually showing the full comments, instead of truncating and ending longer comments abruptly with "..."

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Im feeling RED
@version      20230708.13.58
@namespace    userstyles.world/user/skyflair
@description  Disqus, but its red.
@author       skyflair
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://disqus.com") {
* {
    font-family: 'Montserrat';
    font-weight: 500;
}

.site-nav.section-contained {
    background: #151515 !important;
    border-bottom: 2px solid #f00;
}

.link-gray.time {
    color: #844 !important;
}

.layout,
.container-page{
  /* --s: 140px; /* control the size 
  
  --_g: #0000002b 52%,#600000 /* first color  54% 57%,#0d0d0d24 59%; 
  background: 
   radial-gradient(farthest-side at -33.33% 50%,var(--_g)) 0 calc(var(--s)/2),
   radial-gradient(farthest-side at 50% 133.33%,var(--_g)) calc(var(--s)/2) 0,
   radial-gradient(farthest-side at 133.33% 50%,var(--_g)),
   radial-gradient(farthest-side at 50% -33.33%,var(--_g)),
   #0d0d0d; /* second color 
  background-size: calc(var(--s)/3.667) var(--s),var(--s) calc(var(--s)/4.667);
    */
    background-image: url(https://i.imgur.com/5oLCiGM.jpg);
    background-attachment: fixed;

}
.layout__content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px!important;
}

body:not(.home-drawer) .container-page.user-profile-container .cover-profile {
    background: linear-gradient(174deg, #f00 5%, rgba(65, 2, 132, .19) 60%), #b50000;
}

.cover-nav-wrapper {
    background: #111;
}

.cover-nav-option .cover-nav-link:before,
.home-drawer .cover-nav-option a:before {
    background-color: #f00;
}

.cover-profile-name {
    color: #f00 !important;
}

.cover-profile-content.user-header-content {
    backdrop-filter: blur(9px);
}

.active:after {
    background: #4f0000;
}

.compensation nav {
    border-radius: 0px 0px 5px 5px;
    border-color: #000 !important;
    box-shadow: 5px 5px 0px #11111147;
}

.nav-tabs.card-wrap.hidden-sm.spacing-bottom-narrow {
    background: #171717 !important;
}

.nav-tabs li.active a:after {
    background: #d00000;
}

.cards {
    display: flex !important;
    flex-direction: column;
    width: 100%;
}

.btn-follow {
    background: #f00;
}

.btn-follow:hover {
    background: #111 !important;
}

.btn-follow:hover > span {
    color: #fff;
}

.text-default {
    color: #111;
}

.card-wrap.card--notification.card-notif-upvote,
.hidden-md.card-wrap,
.nav--aside.card-wrap li,
.card.card-profile,
.card-wrap.card-module {
    background: rgba(20, 20, 20, .49) !important;
    backdrop-filter: blur(6px);
    border-color: #f000;
    max-width: 50vw;
}

.card-wrap.nav-tabs li a:hover {
    background: #111;
}

a {
    color: #f00 !important;
}
p{
    font-weight: 600!important;
}
.card-reply p {
    color: #b00 !important;
}

.comment-body a {
    color: #979797 !important;
    text-shadow: 0 0 15px #000;
    font-weight: 500;
}

spoiler {
    background: #420000 !important;
    position: relative;
}

.nav--aside {
    background: #222 !important;
}

.site-nav__logo {
    filter: hue-rotate(150deg) contrast(10);
}

.card-notif-upvote .card-comment .comment-body {
    border-left: 1px solid #f00;
}

.card__reason:first-child {
    border-bottom: 1px solid #ff000042;
}

.card--notification .card-comment .reply,
.card--notification .card-comment .reply-disabled,
.card--notification .card-comment .view-comment {
    box-shadow: 0px 0px 0px 1px #390808 inset;
}

.no-touch .card--notification .card-comment .view-comment:hover,
.no-touchevents .card--notification .card-comment .view-comment:hover {
    background: #111;
    box-shadow: 0px 0px 0px 1px #bd0000 inset;
}

.text-green,
.text-success {
    color: #ff1818;
}

.card__reason,
.time.text-gray {
    color: #ff6262 !important;
}

.card__reason a {
    margin-inline: 10px;
}

.actors a {
    color: #a80000 !important;
    text-shadow: 0px 0px 5px #8a0000;
    margin-right: 10px;
}

.card-wrap.card--notification.card-notif-reply {
    max-width: 50vw;
    background: #0000008c;
    backdrop-filter: blur(4px);
}

.button-fill--brand {
    background: #bf0000;
    border-color: #8a0000;
    color: #111;
    font-weight: 600;
}

.button-fill--brand:hover {
    background: #111 !important;
    color: #f00 !important;
    border-color: #f00 !important;
}

.text-violet {
    color: #f00;
    text-shadow: 0px 0px 10px;
}

.vote__count.text-gray.text-small {
    color: #f00;
    text-shadow: 0px -2px 10px;
}

.aside-user__header {
    background: linear-gradient(170deg, #d00 5%, rgba(170, 0, 255, .15) 75%), #930000;
}

.avatar-circle-bg {
    border: 1px solid rgba(21, 21, 21, .4);
}

.truncate-line {
    white-space: wrap;
    word-break: word;
}

.card-wrap.unread {
    border-color: #f00;
}

.textarea-wrapper {
    background: #0000 !important;
    border-color: #ff000087 !important;
}

.textarea-wrapper .textarea,
.textarea-wrapper .post-actions {
    border-color: #ff000085;
    background: #0000;
}

body:not(.home-drawer) .container-page.user-profile-container,
body:not(.home-drawer) .container-page.user-profile-container #container-main {
    background: #1a1a1a;
}
.discussion-title,
.name-thread{
    transition: ease 0.2s;
    padding: 5px;

}
.discussion-title:hover,
.name-thread:hover{
    text-shadow: 0 0 10px;
    
}

}

@-moz-document url-prefix("https://disqus.com/by") {
.layout {
    border-radius: 20px;
}
.cover-profile-action a{
    background: #111!important;
    color: #f00!important;
    border-color: #f00!important;
}
.cover-profile-action a:hover{
    background: #720000!important;
    color: #fff!important;
}
}

Reviews

No reviews yet.