Skip to content

Dark Theme for Dcard by vi000246

Write a review Install Get Stylus

Details

Authorvi000246

LicenseNo License

Categorytest

Created

Updated

Size14 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

test

Notes

test

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
/* ==UserStyle==
@name           Dark Theme for Dcard (Old Verision)
@namespace      USO Archive
@author         ...........
@description    `Please Install the New Version!!!https://userstyles.org/styles/128046/dark-theme-for-dcard2A Dark Theme for Dcardhttps://www.dcard.tw/f/dcard/p/1145060Hide Profilehttps://www.dcard.tw/f/dcard/p/1176582Edit Likeshttps://www.dcard.tw/f/whysoserious/p/12506541`
@version        20160428.16.34
@license        CC-BY-NC-4.0
@preprocessor   uso
@advanced dropdown add-ons "Add-ons" {
	none "None*" <<<EOT  EOT;
hide-profile "Hide Profile" <<<EOT @-moz-document url("https://www.dcard.tw/dcard") {
/* ---------------------Hide Profile--------------------- *\/
/* Hidder *\/
.dcard-photo-placeholder:before {
    content: "";
    display: block;
    width: 300px;
    height: 400px;
    max-width: 100%;
    margin: 0 auto;
    background: #37474F url(https://www.dcard.tw/img/logo.png) no-repeat center;
}

/* Photo *\/
.dcard-photo-placeholder img {
    opacity: 0;
    width: 300px;
    height: auto;
    margin-top: -400px;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
}
.dcard-photo-placeholder img:hover {
    opacity: 1;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
    -moz-transition: opacity 1s;
    -o-transition: opacity 1s;
}

/* Text *\/
table>tbody>tr:first-child>td {
    color: rgba(204, 204, 204, 0);
    transition: all 1s;
}
table>tbody>tr:first-child>td:hover {
    color: rgba(204, 204, 204, 1);
    transition: all 1s;
}
} EOT;

}
@advanced dropdown add-ons2 "Add-ons for ㄈㄅ" {
	none "None*" <<<EOT  EOT;
edit-likes "Edit Likes" <<<EOT @-moz-document domain("dcard.tw") {
/* ---------------------Outside Likes--------------------- *\/
a[ng-href="/f/whysoserious/p/741910"] .item-like span[ng-bind="post.likeDesc"] {
	display: none;
}
a[ng-href="/f/whysoserious/p/741910"] .item-like:after {
	content: "/*[[likes]]*\/";
}
}
@-moz-document url("https://www.dcard.tw/f/whysoserious/p/741910") {
/* ---------------------Inside Likes--------------------- *\/
button[ng-click="likePost()"] span {
    display: none;
}
button[ng-click="likePost()"]:after {
    content: "喜歡 /*[[likes]]*\/";
}
} EOT;

}
@advanced text likes "Number of Likes" "0"

==/UserStyle== */
/* ========================================================================
		 ██████╗  █████╗ ██████╗ ██╗  ██╗            
		 ██╔══██╗██╔══██╗██╔══██╗██║ ██╔╝            
		 ██║  ██║███████║██████╔╝█████╔╝             
		 ██║  ██║██╔══██║██╔══██╗██╔═██╗             
		 ██████╔╝██║  ██║██║  ██║██║  ██╗            
		 ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝╚═╝  ╚═╝            
		████████╗██╗  ██╗███████╗███╗   ███╗███████╗
		╚══██╔══╝██║  ██║██╔════╝████╗ ████║██╔════╝
		   ██║   ███████║█████╗  ██╔████╔██║█████╗  
		   ██║   ██╔══██║██╔══╝  ██║╚██╔╝██║██╔══╝  
		   ██║   ██║  ██║███████╗██║ ╚═╝ ██║███████╗
		   ╚═╝   ╚═╝  ╚═╝╚══════╝╚═╝     ╚═╝╚══════╝
		 ___              ____                         _ 
		|  _| ___  ___   |    \  ___  ___  ___  ___  _| |
		|  _|| . ||  _|  |  |  || -_||  _|| .'||  _|| . |
		|_|  |___||_|    |____/ |___||___||__,||_|  |___|

		User ID: 118195
		Updated: 2016/03/13
		Version: 3.1415926535898
		https://www.dcard.tw/f/dcard/p/1145060
		https://userstyles.org/styles/124504/dark-theme-for-dcard
======================================================================== */


@-moz-document domain("dcard.tw") {
/* --------------------------Body--------------------- */

    .hHimVi {
        display:none;
    }
    .iRnGlv {
        background:black;
    }
    .kRJTEh,.kBpFCO,.cxDpfz {
        background:black;
    }
    .oJITs {
        background:black;
    }
    .nbZgX{
        background:gray
    }
body,.iCzSOw,.bKKYuH,.eJwUvq {
    background: #212121 !important;
    color: #ccc;
}

/* Links */
a {
    color: #7EBCFF;
}
a:hover {
    color: #ddd;
}
/* ---------------------Nav--------------------- */
.navbar-inverse {
    background-color: #37474F;
    border-color: #263238;
}
.badge {
    background-color: #FF6969 !important;
}

/* ---------------------Main--------------------- */
.segment,
.forum-first-affix,
.main-content,
.modal-content,
.card {
    background-color: #263238;
}

/* Alert Background */
.alertify-log-success {
    background-color: rgba(128, 203, 196, .9) !important;
}
.alertify-log-error {
    background-color: rgba(255, 105, 105, .9) !important;
}

/* ---------------------Buttons--------------------- */
/* Btn-Default */
.btn-default {
    color: #eee;
    background-color: #384248;
    border-color: #333;
}
.btn-default:hover {
    color: #eee;
    background-color: #4A575F;
    border-color: #333;
}
.btn-default.active,
.btn-default:active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle.btn-default {
    color: #eee;
    background-color: #263238;
    border-color: #333;
}

/* Btn-Primary */
.btn-primary,
.button {
    color: #eee;
    background-color: #7EBCFF;
    border-color: #333;
}
.btn-primary.active,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open .dropdown-toggle.btn-primary,
.button:active,
.button:focus,
.button:hover {
    color: #eee;
    background-color: #76B0EE;
    border-color: #333;
}
.btn-primary.disabled,
.btn-primary.disabled.active,
.btn-primary.disabled:active,
.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary[disabled],
.btn-primary[disabled].active,
.btn-primary[disabled]:active,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary.active,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:hover {
    background-color: #6CA2DB;
    border-color: #333;
}

/* Subscribed */
.subscribed {
    color: #7EBCFF;
    background: none;
    border: none;
}

/* Btn-success*/
.btn-success,
.list .btn-follow:disabled,
.list .followed,
.alertify-button-ok {
    background-color: #80CBC4;
    border-color: #79C0B9;
}
.btn-success.active,
.btn-success:active,
.btn-success:focus,
.btn-success:hover,
.open .dropdown-toggle.btn-success,
.list .followed:hover,
.alertify-button-ok,
.alertify-button-ok:focus,
.alertify-button-ok:hover {
    background-color: #7AC2BB;
    border-color: #79C0B9;
}

/* Btn-Like */
.list .btn-like:disabled,
.list .liked,
.list .liked:hover {
    background-color: #FF6969;
    color: #FF6969;
}
.list .comment .btn-like {
    background: none !important;
}

/* Button Text */
.btn-group > button {
	color: #fff !important;
}

/* Hyper-Button */
.hyper-button {
    color: #eee;
}

/* Alertify-Button */
.alertify-button-cancel,
.alertify-button-cancel:focus,
.alertify-button-cancel:hover {
    background-color: #FF6969;
    border-color: #FF5353;
}

/* JoinUs Button */
a#JoinUs {
	background-color: #37474F;
}

/* ---------------------Form--------------------- */
.form-control {
    background-color: #607D8B;
    color: #ddd;
}

/* PlaceHolder */
::-webkit-input-placeholder {
    color: #ccc !important;
}
:-moz-placeholder {
    color: #ccc !important;
}
::-moz-placeholder {
    color: #ccc !important;
}
:-ms-input-placeholder {
    color: #ccc !important;
}
:placeholder-shown {
    color: #ccc !important;
}

/* ---------------------Forums--------------------- */
#side .active,
#side .active:hover {
    background-color: #37474F;
}
#side .item:hover {
    background-color: rgba(64, 196, 255, .3);
}

/* ---------------------List--------------------- */
/* Background */
.list .highlight {
    background-color: #384248;
}
.list .unhighlight {
    background-color: #4A575F;
}

/* Text */
.list .item {
    color: #ddd;
}
.list .hover,
.list .item:hover {
    color: #bbb;
    background-color: rgba(64, 196, 255, .3);
}
.list .item .item-comment,
.list .item .item-like {
    color: #ccc;
}
.list .first .first-comment,
.list .first .first-like,
.list .first .first-title,
.list .first .first-author,
.list .first .first-forum,
.list .first .first-create,
.list .item .item-author.all,
.list .item .item-forum.all,
.list .item .item-create,
.list .item .item-author,
.list .item .item-forum {
    color: #ccc;
}

/* Circles */
.item-title .circle[style="background: rgb(185, 74, 72);"] {
    background: #FF6969 !important;
}
.item-title .circle[style="background: rgb(38, 109, 150);"] {
    background: #7EBCFF !important;
}

/* Pinned */
.item-title>span[ng-show="post.pinned&&!showForumField()"] {
    color: #FF6969 !important;
}

/* Alert */
.alert-info {
    background-color: #384248;
    border-color: #384248;
}

/* Search */
div[ng-show="schoolRemind"] {
    background-color: #384248 !important;
}

/* ---------------------Article--------------------- */
/* Background */
.post-modal .modal-content {
    background: #212121
}

/* Board Name */
.board-name,
button.hidden-xs.btn.btn-default.hyper-button.button-back-list {
    color: #7EBCFF;
}

/* Comments */
.list .count {
    background-color: #37474F
}
.list .comment .user {
    color: #ddd;
}
.list .comment .floor,
.list .comment .time {
    color: #ccc;
}
.content>p>span[style="color:#428BCA"] {
    color: #7EBCFF !important;
}

/* Dcard Link */
.dcard-link-info {
    background-color: #384248;
}
.dcard-link-info>div>div>div:first-child {
    color: #eee !important;
}
.dcard-link-info>div>div>div:last-child {
    color: #ccc !important;
}

/* Host's Comment */
.user>span[ng-show="comment.host"] {
    color: #A1FFF6;
}

/* Comment Input */
.scroll-op-bar .float-comment .title {
    background-color: #37474F;
    border-color: #263238;
}
.scroll-op-bar-comment,
.scroll-op-bar .float-ops {
    background-color: #263238;
}
.scroll-op-bar .float-comment .btn-close {
    background: none;
}

/* ---------------------Profile--------------------- */
.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #384248;
}

/* ---------------------Friends--------------------- */
/* Background */
.well {
    background-co...

Reviews

No reviews yet.