New version with themes

themes/phubbub/css/color.css

@@ -0,0 +1,259 @@
+p,span,div{
+	color:white;
+}
+
+a, .link {
+	color: #ff8706;
+}
+
+body {
+	background-color: #000000;
+}
+
+select{
+	color:#ff9900;
+	background-color:black;
+}
+
+input[type="radio"]:checked+label {
+	color: black;
+}
+
+input[type="checkbox"]:checked+label {
+	color: red;
+}
+
+.topbar {
+	background-color: #1b1b1b;
+}
+
+.gotop {
+	background-color: rgba(255, 255, 255, 0.5);
+}
+
+.gotop a {
+	color: white;
+}
+
+.topicon {
+	color: #ff9900;
+}
+
+.tiselected {
+	border-bottom: 2px solid white;
+}
+
+.badge {
+	color: #ff9900;
+}
+
+.alert {
+	background-color: #65ff00;
+}
+
+#notifications {
+	background-color:#1b1b1b;
+	box-shadow: 1px 1px 1px black;
+}
+
+.notif{
+	border-bottom:1px solid lightgray;
+	background-color:#1b1b1b;
+	color:white;
+}
+
+.notif .post_buttons {
+	background-color:#1b1b1b;
+}
+
+#quicksend {
+	background-color: #101010;
+	color: white;
+}	
+
+.new {
+	background-color:#2f2f2f;
+}
+
+.side_element {
+	background-color: #1b1b1b;
+	border-top:1px solid #2f2f2f;
+	color: #4267b2;
+}
+
+.side_element li:hover {
+	background-color: rgba(255, 255, 255, 0.25);
+}
+
+.side_element li:active {
+	background-color: rgba(255, 255, 255, 0.25);
+}
+
+.side_element a {
+	color: #ff9900;
+}
+
+.uploadBox {
+	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.delpic {
+	color:red;
+	background-color:white;
+}
+
+#send {
+	background-color:#ff9900; 
+	border: 0px;
+	color:white; 
+}
+
+.formbtn {
+	color:#ff9900; 
+}
+
+.formbtn label{
+	color:#ff9900; 
+}
+
+.profile,.loader {
+	background-color:#2f2f2f; 
+}
+
+.element_pad > .post {
+	border-left: 2px solid #ff9900;
+	
+}
+
+.menu,.menu li {
+	background-color: #2f2f2f;
+}
+
+.menu li a{
+	color: #ff8706;
+}
+
+.menu li:hover,.toggleblur{
+	background-color: #ff8706;
+}
+
+.menu li:hover a{
+	color:white;
+}
+
+.listmenu li {
+	background-color:black;
+	color:white;
+}
+
+.listmenu li:hover {
+	background-color:white;
+	color:black;
+}
+
+.autl:hover li{
+	background-color:lightgreen !important;
+}
+
+.rutl:hover li{
+	background-color:crimson !important;
+}
+
+.unblock,.unmute,.block,.mute,.follow,
+.unfollow,
+.nsfw,
+.unnsfw,
+.profileMenu,
+.listmenu {
+	background-color: black;
+	color: white;
+	cursor: pointer;
+}
+
+.mute:hover,.block:hover,.follow:hover,
+.nsfw:hover {
+	background-color: lime;
+}
+
+.unmute:hover,.unblock:hover,.unfollow:hover,
+.unnsfw:hover{
+	background-color: crimson !important;
+}
+
+.unbookmark{
+	color: crimson !important;
+}
+
+.unfav, .unreblog{
+	color: red !important;
+}
+
+.post,
+.rb,
+.textonly,
+.loadmore {
+	background-color: #1b1b1b;
+	border:1px solid #2f2f2f;
+}
+
+.postform {
+	background-color: #1b1b1b;
+	border:1px solid #2f2f2f;
+}
+
+textarea,input[type="text"]{
+	background-color:#101010;
+	color:white;
+	border:0px;
+}
+
+.previewpost {
+	background-color: #1b1b1b;
+	border: 1px solid #2f2f2f;
+}
+
+.userinfo {
+	background-color: #1b1b1b;
+	border: 1px solid #2f2f2f;
+}
+
+.icon {
+	background-color: black;
+}
+
+.post_footer {
+	background-color: #2f2f2f;
+	border-top:2px solid #2f2f2f;
+}
+
+.post_buttons {
+	color: #1b1b1b;
+}
+
+.reply {
+	background-color: #101010;
+	border-bottom: 1px solid #666;
+}
+
+.note {
+	background-color: #ccc;
+}
+
+.button {
+	background-color: white;
+}
+
+label {
+	color: black;
+}
+
+.setting label {
+	background-color: lightgray;
+	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
+}
+
+.setting input[type="radio"]:checked+label {
+	background-color: #ff9900;
+	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+	color: black;
+}