diff --git a/files/assets/css/classic.css b/files/assets/css/classic.css
index 52829046ac..0d970f8e3d 100644
--- a/files/assets/css/classic.css
+++ b/files/assets/css/classic.css
@@ -1,60 +1,64 @@
-:root {
-	--white: #f1f1f1 !important;
-	--black1: #888 !important;
-	--black2: #222222 !important;
-	--black3: #4f4f4f !important;
-	--gray : #ccc !important;
-	--gray-400 : white !important;
-	--red: #b40457 !important;
-	--blue: #369 !important;
-	--upvote: #ff8b60 !important;
-	--downvote: #9393ff !important;
-	--sticky: #228822 !important;
-	
-	--primary: var(--black1) !important;
-	--bg1: url('../images/classic1.webp') !important;
-	--bg2: url('../images/classic2.webp') !important;
-}
-
-/*navbar*/
-.navbar-light, .navbar .container-fluid, #mobile-bottom-navigation-bar {
-	background-color: var(--white) !important;
-}
-
-.form-inline.search input {
-	background-color: white !important;
-}
-
-.nav.settings-nav {
-	background-color: var(--red);
-}
-
-.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(--white) !important;
-	background-image: var(--bg2) !important;
-	color: var(--black1);
+:root {
+    --muted: #666 ;
+    --black: #444;
+    --primary: #b40457;
+    --grey1: #888;
+    --grey2: #999;
+    --upvote: #ff8b60;
+	--downvote: #9393ff;
+	--sticky: #228822;
 }
 
-.posts .card {
-	border-color: var(--gray) !important;
+body {
+    background-image: url(/i/classic2.webp);
 }
 
-.btn-primary, .btn-secondary {
-	background-color: var(--red) !important;
-	color: white !important;
-	border-color: transparent;
+* {
+    border-color: var(--muted) !important;
 }
 
+#frontpage .container, #thread .container {
+    max-width: 2160px;
+}
+
+.sidebar {
+    background-color: white;
+    border-radius: 0px;
+    margin-top: 0;
+    margin-right: 0;
+}
+
+.no-gutters {
+    margin-top: 1rem;
+}
+
+.navbar {
+    background-color: white !important
+}
+
+.btn-primary {
+    background-color: var(--primary) !important;
+    color:white;
+}
+
+.dropdown-menu {
+    background-color: white;
+}
+
+.dropdown-item i {
+    color: var(--muted) !important;
+}
+
+#mobile-bottom-navigation-bar {
+    background-color: white !important;
+}
+
+input, textarea, .form-control {
+    background-color:white !important;
+}
+
+/*decoration*/
 .score-up, .active.arrow-up::before, .arrow-up::after, .arrow-up:hover::before {
 	color: var(--upvote) !important;
 }
@@ -64,479 +68,98 @@ body, .card, #main-content-row {
 }
 
 .arrow-up::before, .arrow-down::before, .score {
-	color: var(--black1);
+	color: var(--muted);
 }
 
-.controversial {
-	color: var(--red) !important;
+.pronouns {
+    background-color: white;
 }
 
-a {
-	color: var(--blue);
-}
-
-.post-title a {
-	color: var(--blue) !important;
-}
-
-.fa-thumbtack.text-admin, .card.stickied .post-title a:not(:visited) {
-	color: var(--sticky) !important;
-}
-
-.flaggers, .flaggers a {
-	background-color: white !important;
-	color: var(--black3) !important;
-	border-color: var(--gray);
-}
-
-.dropdown-menu, .dropdown-menu a {
-	color: var(--black3);
-	background-color: white;
-}
-
-.popover, .pop-username, .pop-bio, .popover-user-profile, .popover-user-profile * {
-	background-color: var(--white);
-	color: var(--black3);
-	border-color: var(--black1) !important;
-}
-
-.text-muted {
-	color: var(--gray) !important;
-}
-
-/*frontpage*/
-#frontpage .container {
-	max-width: 2160px;
-	padding-left: 20px;
-	padding-right: 20px;
-}
-
-#frontpage .d-lg-flex, 
-#frontpage .font-weight-bold.py-3 {
-	display: none !important;
-}
-
-#frontpage .sidebar {
-	background-color: white !important;
-	color: black;
-}
-
-#frontpage .col .h-100 .custom-gutters .row .col {
-	background-image: var(--bg1) !important;
-	color: white !important;
-}
-
-#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(--black1) !important;
-}
-
-.comment, .comment-text, .comment-section, .comment-body, .post-body {
-	background-color: white;
-	color: var(--black2) !important;
-}
-
-#post-text {
-	margin: 15px;
-}
-
-.anchor.comment {
-	border-left: 2px dotted var(--black1) !important;
-}
-
-.comment-collapse-desktop {
-	border-left: none !important;
-}
-
-blockquote {
-	border-left: 2px solid #c5c1ad !important;
-	background-color: white !important;
-	color: #4f4f4f !important;
-}
-
-.form-control, .comment-box.form-control.rounded {
-	background-color: white !important;
-	color: var(--black2) !important;
-}
-
-.comment-box, .form-control{
-	border-color: var(--black1) !important;
-}
-
-.text-info.new-comments {
-	color: #ff4500 !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;
-}
-
-/*userpage*/
-#userpage .nav.settings-nav {
-	background-color: transparent;
-}
-
-#userpage .nav-link {
-	color: var(--red) !important;
-}
-
-#userpage .nav-link.active {
-	box-shadow: inset 0 -2px 0 var(--red) !important;
-}
-
-/*leaderboard*/
-#settings2 .container, #settings2 .container-fluid {
-	background-color: transparent !important;
-}
-
-#settings2 .bg-white {
-	background-color: var(--white) !important;
-}
-
-#settings2 .text-muted {
-	color: var(--black1) !important;
-}
-
-#settings2 .nav.settings-nav {
-	margin: auto !important;
-}
-
-#settings2 .table {
-	color: var(--black1);
-}
-
-/*shop*/
-#message .container {
-	background-color: transparent !important;
-}
-
-#message .table {
-	color: var(--black1);
-}
-
-/*submit*/
-#submit .container {
-	background-color: transparent !important
-}
-
-#submit .text-muted {
-	color: var(--black1) !important;
-}
-
-#submit #create_button {
-	background-color: var(--red) !important;
-	color: white !important;
-	border-color: transparent;
-}
-
-#submit .btn.format {
-	background-color: transparent !important;
-	color: var(--black1) !important;
-	border-color: transparent !important;
-}
-
-#submit .row.fixed-bottom {
-	background-color: var(--white) !important
-}
-
-/*settings*/
-#settings .text-small, #settings .text-small-extra {
-	color: var(--black1) !important;
-}
-
-#settings .custom-control-label::before {
-	background-color: var(--gray) !important;
-}
-
-#settings .custom-control-input:checked ~ .custom-control-label::before {
-	opacity: 1;
-	background-color: var(--black1) !important;
-	border: var(--blue) solid 0.1px;
-}
-
-/*assorted patches I don't feel like categorizing*/
-#followers-table td {
-	color: var(--black3);
-}
-
-.btn-danger {
-	border-color: #E53E3E !important;
-	color: red !important;
-}
-
-.btn.caction .score-up {
-	color: var(--upvote) !important;
-}
-
-.btn.caction .score-down {
-	color: var(--downvote) !important;
-}
-
-.user-info .text-muted {
-	color: var(--black1) !important;
-}
-
-.shop .btn {
-	background-color: var(--black1) !important;
-}
-
-#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(--white) !important;
-}
-
-#navbarResponsive .nav-link {
-	color: var(--black1) !important;
-}
-
-.mobile-nav-icon {
-	color: var(--black1);
-}
-
-/*patch*/
-#frontpage .container {
-	margin-top: -5px
-}
-
-.table {
-	color: var(--black3)
-}
-
-:root {	
-	--gold: #f59e0b !important;
-	--pink: #ec72de !important;
-	--purple: #9333ea !important;
-	--bluecheck: #1DA1F2 !important;
-	--red-hover: #d2106c !important
-}
-
-#settings2 .text-muted {
-	color: var(--black3)!important;
-}
-
-.fa-robot {
-	color: var(--purple) !important;
+.fa-thumbtack.text-admin {
+	color: var(--sticky);
 }
 
 .fa-broom {
 	color: var(--sticky) !important;
 }
 
-.post-title span.patron {
-	background-color: var(--purple)
-}
-
-.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;
-}
-
-#frontpage .card-header div {
-	z-index: 2 !important;
-}
-
-#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);
-}
-
-.shop .btn {
-	border-color: var(--gray) !important;
-	background-color: var(--red) !important;
-}
-
-.nav-link.active {
-	font-weight: bold;
-}
-
-a.text-danger, button.text-danger {
-	color: #dc3545 !important
-}
-
-a.text-info, button.text-info {
-	color: var(--sticky) !important
-}
-
-label.custom-control-label::after, label.custom-control-label::before {
-	background-color: var(--black1) !important
-}
-
-.custom-control-input:checked ~ .custom-control-label::after {
-	background-color: var(--gray) !important;
-}
-
-#settings .sticky {
-	top: 70px;
-}
-
-.border-bottom {
-	border-bottom: 1px solid var(--gray) !important;
-}
-
-a.nav-link:hover {
-	color: white !important
-}
-
-.nav.settings-nav {
-	border: 1px solid var(--red-hover)
-}
-
-#thread .anchor.comment {
-	border-left: 2px solid var(--gray)!important;
-}  
-
-.anchor.comment.mt-0 {
-	border-left: none !important;
-}
-
-.notifs .anchor.comment {
-	border-left: none !important;
-}
-
-.notifs .comment-collapse-desktop {
-	border-left: 2px solid var(--gray)!important;
-}
-
-#userpage .nav.settings-nav {
-	border:none;
-}
-
-#userpage .btn-danger {
-	background-color:red !important;
-	color: white !important;
-	border-color: var(--gold) !important
-}
-
-#userpage .btn-success {
-	background-color: var(--sticky) !important;
-	color: white !important;
-	border-color: var(--gold) !important
-}
-
-#userpage .container-fluid.pb-0.text-center.bg-white.d-md-none {
-	margin-top: -32px !important;
-}
-
-#userpage .profile-pic-65 {
-	border-radius: 0;
-	border-color: transparent !important;
-}
-
-#settings2 .nav.settings-nav .fas {
-	color: var(--gray) !important
-}
-
-#settings2 .nav-link.active .fas {
-	color: white !important
-}
-
-#settings2 .btn .fas {
-	color: white !important
-}
-
-#frontpage .settings .d-lg-flex {
-	display: block !important;
-}
-
-#frontpage .container .col-lg-8 {
-	background-image: none !important;
-}
-
-#post-text a, #post-text img {
-	margin-left: 0px;
-	margin-right: 0px;
-	margin-top: 0px;
-}
-
-.tooltip {
-	color:black !important;
-}
-
-#frontpage .btn.btn-secondary.text-small-m {
-	color: #ff0 !important;
-	text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000 !important;
-	background: transparent !important;
-}
-
-
-.d-flex.justify-content-between.align-items-center.pt-3.pb-2.sorting {
-	float: left !important;
-	padding-top: 0 !important;
+/*front page*/
+a.btn-block[href~="/submit"] {
+    display:none;
 }
 
 .sorting {
-	padding-bottom: 0 !important;
+    float:left !important;
+    padding-top: 5px !important;
 }
 
-.comment-anchor:target, .unread {
-	background: #88888833 !important;
-	padding: 12px;
+#frontpage #main-content-col .row:first-child {
+    background-image: url(/i/classic1.webp);
+    background-position:center;
+    background-repeat: repeat-x;
+    margin-top: -12px;
+    margin-bottom:-15px;
 }
 
-#chat-window {
-	background-color: white !important;
+.sorting .btn {
+    color: white;
+    text-shadow: -1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
+    border:none;
 }
 
-.chat-message {
-		color: var(--black2) !important;
+#frontpage .sorting .text-primary {
+    color: yellow !important;
+    text-decoration: underline;
+    background-color:transparent !important;
 }
 
-.sidebar
-{
-    background-color: #f3f3f3 !important;
-    border-radius: 0px;
-    margin-top: 5px;
+#frontpage #dropdownMenuButton, #frontpage #dropdownMenuButton2, .sorting .dropdown i {
+    color: yellow;
 }
 
-/* award modal text legibility */
-#awardModalBody .text-muted {
-	color: var(--black3) !important;
+.card {
+    border-color: var(--grey2) !important;
 }
 
-#awardModalBody .card .pt-2 {
-	color: var(--black3) !important;
+.modal-content {
+    background-color: white
 }
 
-h5.post-title a:visited {
-	color: #6e6e6e !important;
-}
\ No newline at end of file
+#frontpage .post-title a:not(:visited) {
+    color: #369;
+}
+
+#frontpage .card.stickied .post-title a {
+    color: var(--sticky);
+}
+
+/*posts*/
+#thread .container, #thread .card {
+    background: transparent !important;
+}
+
+@media (min-width: 992px){
+    #thread #main-content-col {
+        padding-left:3rem;
+        padding-right: 3rem;
+    }
+}
+
+.comment-section, .comment {
+    background-color: white;
+}
+
+blockquote {
+    background-color: var(--grey1);
+    color: white;
+}
+
+/*userpage*/
+.jumbotron {
+    color: var(--grey2);
+}
+
+/*casino*/
+#casino-game-wrapper .row-cols-1, #casino-game-wrapper .row-cols-2 {
+    background-image: none !important;
+}
diff --git a/files/templates/util/assetcache.html b/files/templates/util/assetcache.html
index e7d208bcdf..9ba8780764 100644
--- a/files/templates/util/assetcache.html
+++ b/files/templates/util/assetcache.html
@@ -3,7 +3,7 @@ set CACHE_VER = {
 	'css/main.css': 4025,
 	'css/catalog.css': 4007,
 	'css/4chan.css': 4007,
-	'css/classic.css': 4007,
+	'css/classic.css': 4008,
 	'css/classic_dark.css': 4007,
 	'css/coffee.css': 4007,
 	'css/dark.css': 4007,