gerudo
/
rDrama
forked from rDrama/rDrama
1
0
Fork 0
Code Pull Requests Activity

classic dark rework + classic touchups

master
gooseman 2022-09-15 18:45:31 -07:00
parent 16794b8a41
commit aa2a4f4d05
3 changed files with 59 additions and 284 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

114
files/assets/css/classic.css
View File

@ -1,61 +1,59 @@
/*common*/ /*common*/
:root { :root {
--muted: #666 ; --muted: #666;
--black: #444; --black: #444;
--primary: #b40457; --bgc: white;
--grey1: #888; --primary: #b40457;
--grey2: #999; --grey: #888;
--upvote: #ff8b60; --upvote: #ff8b60;
--downvote: #9393ff; --downvote: #9393ff;
--sticky: #228822; --sticky: #228822;
} }
body { body {
background-image: url(/i/classic2.webp); background-image: url(/i/classic2.webp);
background-color: var(--bgc) !important;
} }
* { * {
border-color: var(--muted) !important; border-color: var(--muted) !important;
} }
#frontpage .container, #thread .container { #frontpage .container, #thread .container {
max-width: 2160px; max-width: 2160px;
} }
.sidebar { .sidebar {
background-color: white; background-color: var(--bgc);
border-radius: 0px; border-radius: 0px;
margin-top: 0; margin-top: 0;
margin-right: 0; margin-right: 0;
} }
.no-gutters { .no-gutters {
margin-top: 1rem; margin-top: 1rem;
} }
.navbar { #mobile-bottom-navigation-bar, .navbar {
background-color: white !important background-color: var(--bgc) !important;
} }
.btn-primary { .btn-primary {
background-color: var(--primary) !important; background-color: var(--primary) !important;
color:white; color:white;
} }
.dropdown-menu { .dropdown-menu {
background-color: white; background-color: var(--bgc);
} }
.dropdown-item i { .dropdown-item i {
color: var(--muted) !important; color: var(--muted) !important;
}
#mobile-bottom-navigation-bar {
background-color: white !important;
} }
input, textarea, .form-control { input, textarea, .form-control {
background-color:white !important; background-color: var(--bgc) !important;
border: 1px solid;
} }
/*decoration*/ /*decoration*/
@ -71,10 +69,6 @@ input, textarea, .form-control {
color: var(--muted); color: var(--muted);
} }
.pronouns {
background-color: white;
}
.fa-thumbtack.text-admin { .fa-thumbtack.text-admin {
color: var(--sticky); color: var(--sticky);
} }
@ -84,86 +78,82 @@ input, textarea, .form-control {
} }
.tooltip { .tooltip {
background-color:white; background-color: var(--bgc);
} }
/*front page*/ /*front page*/
a.btn-block[href~="/submit"] { a.btn-block[href~="/submit"] {
display:none; display:none;
} }
.sorting { .sorting {
float:left !important; float:left !important;
padding-top: 5px !important; padding-top: 5px !important;
} }
#frontpage #main-content-col .row:first-child { #frontpage #main-content-col .row:first-child {
background-image: url(/i/classic1.webp); background-image: url(/i/classic1.webp);
background-position:center; background-position:center;
background-repeat: repeat-x; background-repeat: repeat-x;
margin-top: -12px; margin-top: -12px;
margin-bottom:-15px; margin-bottom:-15px;
} }
.sorting .btn { .sorting .btn {
color: white; color: white;
text-shadow: -1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black; text-shadow: -1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
border:none; border:none;
} }
#frontpage .sorting .text-primary { #frontpage .sorting .text-primary {
color: yellow !important; color: yellow !important;
text-decoration: underline; text-decoration: underline;
background-color:transparent !important; background-color:transparent !important;
} }
#frontpage #dropdownMenuButton, #frontpage #dropdownMenuButton2, .sorting .dropdown i { #frontpage #dropdownMenuButton, #frontpage #dropdownMenuButton2, .sorting .dropdown i {
color: yellow; color: yellow;
} }
.card { .card {
border-color: var(--grey2) !important; border-color: var(--grey) !important;
} }
.modal-content { .modal-content {
background-color: white background-color: var(--bgc);
} }
#frontpage .post-title a:not(:visited) { #frontpage .post-title a:not(:visited) {
color: #369; color: #369;
} }
#frontpage .card.stickied .post-title a { #frontpage .card.stickied .post-title a {
color: var(--sticky); color: var(--sticky);
} }
/*posts*/ /*posts*/
#thread .container, #thread .card {
background: transparent !important;
}
@media (min-width: 992px){ @media (min-width: 992px){
#thread #main-content-col { #thread #main-content-col {
padding-left:3rem; padding-left:3rem;
padding-right: 3rem; padding-right: 3rem;
} }
} }
.comment-section, .comment { .comment-section, .comment {
background-color: white; background-color: var(--bgc);
} }
blockquote { blockquote {
background-color: var(--grey1); background-color: var(--grey);
color: white; color: white;
} }
/*userpage*/ /*userpage*/
.jumbotron { .jumbotron {
color: var(--grey2); color: var(--grey);
} }
/*casino*/ /*casino*/
#casino-game-wrapper .row-cols-1, #casino-game-wrapper .row-cols-2 { #casino-game-wrapper .row-cols-1, #casino-game-wrapper .row-cols-2 {
background-image: none !important; background-image: none !important;
} }

225
files/assets/css/classic_dark.css
View File

@ -1,222 +1,7 @@
@import 'classic.css?v=4005'; @import 'classic.css?v=4010';
/*navbar*/ :root {
.navbar-light, .navbar .container-fluid, #mobile-bottom-navigation-bar { --muted: #999 !important;
background-color: var(--black2) !important; --black: #999 !important;
--bgc: #222 !important;
} }
.form-inline.search input {
background-color: var(--black1) !important;
}
.nav-link.active {
color: var(--white) !important;
box-shadow: inset 0 -2px 0 var(--white) !important;
}
.nav-link {
color: var(--gray) !important;
}
/*common*/
body, .card, #main-content-row {
background-color: var(--black2) !important;
/*background-image: var(--bg2);*/
color: var(--white);
}
.posts .card {
border-color: var(--black3) !important;
}
.arrow-up::before, .arrow-down::before, .score {
color: var(--black1);
}
.post-title a {
color: var(--gray) !important;
}
.flaggers, .flaggers a {
background-color: var(--black2) !important;
color: var(--black1) !important;
border-color: var(--gray);
}
.dropdown-menu, .dropdown-menu a {
color: var(--gray);
background-color: var(--black2);
}
.popover, .pop-username, .pop-bio, .popover-user-profile, .popover-user-profile * {
background-color: var(--black2);
color: var(--gray);
border-color: var(--black1) !important;
}
.text-muted {
color: var(--gray) !important;
}
/*frontpage*/
#frontpage .sidebar {
background-color: var(--black2) !important;
color: var(--gray);
}
#frontpage .dropdown .btn {
background-color:transparent !important;
color:yellow;
text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black !important;
border-color: transparent;
font-size: 1.3rem;
}
#frontpage .dropdown-toggle, #frontpage i.fas.mr-1 {
color:yellow !important;
}
/*post*/
.post-meta, .post-actions a, .post-actions button, .nav-link .fas, label, small, .comment-actions * {
color: var(--gray) !important;
}
.comment, .comment-text, .comment-section, .comment-body, .post-body {
background-color: var(--black2);
color: var(--gray) !important;
}
blockquote {
border-left: 2px solid #c5c1ad !important;
background-color: var(--black3) !important;
color: var(--gray) !important;
}
.form-control, .comment-box.form-control.rounded {
background-color: var(--black2) !important;
color: var(--black1) !important;
}
#thread #dropdownMenuButton {
background-color: var(--red) !important;
color: white !important;
border-color: transparent;
}
.btn.format {
background-color: transparent !important;
color: var(--black1) !important;
border-color: transparent !important;
}
/*leaderboard*/
#settings2 .bg-white {
background-color: var(--black2) !important;
}
/*submit*/
#submit .row.fixed-bottom {
background-color: var(--black2) !important
}
/*assorted patches I don't feel like categorizing*/
#followers-table td {
color: var(--black1);
}
#mobile-bottom-navigation-bar .text-primary {
color: var(--red) !important;
}
#mobile-bottom-navigation-bar .text-muted {
color: var(--black1) !important;
}
#settings2 .nav-link.active .fas {
color: var(--gray) !important;
}
#navbarResponsive .nav-link {
color: var(--black1) !important;
}
.mobile-nav-icon {
color: var(--black1);
}
/*patch*/
#settings2 .text-muted {
color: var(--black3)!important;
}
.btn-primary:hover, .btn-secondary:hover {
background-color: var(--red-hover) !important;
color: white!important;
border-color: var(--red-hover)
}
.dropdown-menu a:hover {
color: var(--red);
background-color: #fff;
font-weight: bold;
}
#navbarResponsive .nav-link:hover i {
color: var(--red) !important;
}
.btn-secondary:focus, .btn-secondary.focus {
box-shadow: none;
background-color: white!important;
color: var(--red)!important;
border-color: var(--red);
}
a.nav-link:hover {
color: white !important
}
.nav.settings-nav {
border: 1px solid var(--red-hover)
}
#thread .anchor.comment {
border-left: 2px solid var(--black1)!important;
}
.notifs .comment-collapse-desktop {
border-left: 2px solid var(--black1)!important;
}
.srd {
background-color: var(--black3) !important
}
#navbar .form-control.w-100 {
color: var(--white) !important;
}
/*chat*/
.chat-message {
color: var(--white) !important;
}
.sidebar
{
background-color: #202020 !important;
border-radius: 0px;
margin-top: 0px;
}
.modal-content {
background-color: var(--black2);
}
.tooltip-inner {
color: #d8d8d8 !important;
background-color: #313131 !important;
}
h5.post-title a:visited {
color: #6e6e6e !important;
}

4
files/templates/util/assetcache.html
View File

@ -3,8 +3,8 @@ set CACHE_VER = {
'css/main.css': 4025, 'css/main.css': 4025,
'css/catalog.css': 4007, 'css/catalog.css': 4007,
'css/4chan.css': 4007, 'css/4chan.css': 4007,
'css/classic.css': 4009, 'css/classic.css': 4010,
'css/classic_dark.css': 4007, 'css/classic_dark.css': 4008,
'css/coffee.css': 4007, 'css/coffee.css': 4007,
'css/dark.css': 4007, 'css/dark.css': 4007,
'css/dramblr.css': 4007, 'css/dramblr.css': 4007,