A full port of Tai7k's Dark BitView theme to function with the current layout while preserving BitView's branding colors.
Dark BitView 2024 edition by LukasZone
Details
AuthorLukasZone
LicenseNo License
Categoryhttps://www.bitview.net
Created
Updated
Size31 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Original theme belongs to Tai7k. A good amount of the code belongs to them.
Logo and original blue recreation (aka the BitView dark mode that was found in testview) by moritani (discord).
Changelog:
v1.6: Made lots of changes, many of them thanks to Ry5++. I also fixed the profile picture dialougue and fixed the staff page.
v1.5: Added a dark player! I decided to recreate Ry5++'s idea for this.
v1.10: Fixed channel editing sections and the reporting dropdown.
v1.06: Fixed the /partners page.
v1.02: Fixed playlist titles.
v1.00: First userstyles.world release! Changed thumnail borders, error and success boxes, and fixed some flaws.
If you are annoyed about the always white text color on channels, add ://bitview.net/user/ and ://www.bitview.net/user/ to the excluded url list, but you will miss out on some design features on channels.
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 BitView 2024 edition
@version 1.6
@namespace userstyles.world/user/tai7k (original creator), https://userstyles.world/user/LukasZone
@description A modified version of tai7k's dark theme to work for the 2010 BitView layout. I am not perfect at CSS and making userstyles so you might find some problems along the way.
@author Original: tai7k Remade: LukasZone
@license No License
==/UserStyle== */
@-moz-document domain("www.bitview.net") {
body {
background: #000;
font-family: Arial, Verdana, sans-serif;
color: #fff;
}
p {
color: #fff;
}
span {
color: #fff;
}
a:active,
a:link,
a:visited {
color: #0080ff;
font-weight: bold !important;
}
/* Homepage Logo */
#masthead #logo {
content: url(https://lukaszone.neocities.org/BVDARKW.png);
float: left;
display: block;
margin: 0px 18px 0px 0;
}
element.style
{
width: 480px;
height: 360px;
padding-bottom: 32px;
}
/* Channel Logo */
#smallMastheadLogo
{
content: url(https://lukaszone.neocities.org/bv09pridemo.png);
width: 104px;
height: 37px;
}
h3 {
color: #fff;
}
.browseGridView .vlfrom a {
color: #0080ff;
}
#masthead-utility .yt-menulink a {
color: #0080ff !important;
}
.yt-menulink-menu a {
background: #000 !important;
border: 0px !important;
color: #fff !important;
}
.yt-menulink-menu li {
background: #000 !important;
border: 0px;
}
#info-box {
background: linear-gradient(#808080 0%, #000 30%) !important;
color: #fff;
}
#masthead-search .search-button {
background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important;
color: #fff;
border: 1px solid #008fff !important;
border-radius: 3px !important;
}
#unsubscribeDiv .yt-uix-button {
background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important;
color: #fff;
border: 1px solid #008fff !important;
border-radius: 3px !important;
}
.search .yt-button {
background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important;
color: #fff;
border: 1px solid #00637f !important;
border-radius: 0px !important;
}
.search #searchField {
background: linear-gradient(#000, #2f2f2f) !important;
box-shadow: inset 0px 0px 5px 1px #000;
color: #fff;
position: relative;
top: 1px;
}
.yt-button .yt-button-urgent {
background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important;
color: #fff !important;
border: 1px solid #008fff !important;
border-radius: 0px !important;
}
#masthead .logo {
content: url(https://lukaszone.neocities.org/BVXL.png);
width: 120px;
}
#masthead-container {
border-color: #808080 !important;
}
#searchForm #searchField {
background: linear-gradient(#000, #2f2f2f) !important;
box-shadow: inset 0px 0px 5px 1px #000;
color: #fff;
}
h1 {
color: #ffffff !important;
}
.homepage-content-block {
border: 1px solid #808080;
}
.img_feed_popular {
border-radius: 4px;
}
.img_feed_most_popular {
border-radius: 4px;
}
.img_feed_promoted {
border-radius: 4px;
}
.img_feed_subscriptions {
border-radius: 4px;
}
.homepage-featured {
border: 1px solid #808080;
}
.homepage-yellow-block .homepage-block-heading {
background: none !important;
}
.signInBoxBorder {
border: 0px;
background: linear-gradient(#535353 0%, #000 40%) !important;
border-radius: 5px 5px 0px 0px;
padding: 5px;
color: #ffffff;
text-shadow: 2px 1px 0px #000;
font-size: 13px;
}
.signInBoxContent {
background: none !important;
border: none !important;
}
.welcome-head {
background: none;
border-color: #808080;
}
.statModule-item-text {
border-color: #808080;
}
.headerTitle {
color: #fff !important;
}
.videoIconWrapperOuter {
border: 0px;
}
.v120WrapperOuter {
border: 0px;
}
.v220WrapperOuter {
border: 0px;
}
.videoIconWrapperInner {
border-color: #808080;
}
.v120WrapperInner {
border-color: #808080;
}
.v220WrapperInner {
border-color: #808080;
}
.signup-outer-frame {
border: 0px;
background: linear-gradient(#535353 0%, #000 15%) !important;
border-radius: 5px 5px 0px 0px;
padding: 5px;
color: #ffffff;
text-shadow: 2px 1px 0px #000;
font-size: 13px;
}
.signup-inner-frame {
background: none !important;
}
#sectionHeader {
border-color: #808080;
}
#copyright {
display: none;
}
#footer-container {
background: none;
border-color: #808080;
}
#footer .links {
border-color: #808080;
}
#language-picker-container {
background: linear-gradient(#535353 0%, #000 30%) !important;
box-shadow: inset 0px 0px 0px 1px #808080,
inset 0px 0px 5px 1px #535353;
border: 0px;
}
.picker-top h2 {
color: #fff;
border: 0px !important;
}
.picker-top {
border: 0px !important;
}
.box-close-link img {
border-radius: 2px;
}
.videos_box_conainer {
background: linear-gradient(#535353 0%, #000 30%) !important;
box-shadow: inset 0px 0px 0px 1px #808080,
inset 0px 0px 5px 1px #535353;
}
.videos_box_in table,
.videos_box_in td {
border-color: #808080 !important;
}
.videos_box_in {
border: 0px;
}
.videos_box_head div {
color: #fff;
}
#header-wrapper {
border-color: #808080;
color: #fff;
}
#header-wrapper div.selected > a {
color: #fff;
}
.videoModifiers {
background: none;
border-color: #808080;
}
.videoModifiers > .subcategory-right-cap {
display: none !important;
background: none;
}
.subcategory#selected {
background: linear-gradient(#535353 0%, #000 30%) !important;
box-shadow: inset 0px 0px 0px 1px #808080,
inset 0px 0px 5px 1px #535353;
border-radius: 5px 5px 0px 0px;
color: #fff;
padding-right: 15px;
padding-left: 15px;
}
.subcategory#selected a {
color: #fff;
}
.videoModifiers > .subcategory-left-cap {
background: none;
display: none !important;
}
.dropdown .subcategory-right-cap {
display: none !important;
}
.dropdown .subcategory-left-cap {
display: none !important;
}
.browseGridView {
background: none;
}
/* new videos page */
.browse-basic-modifiers span {
color: #fff !important;
}
#more-sub-modifiers-menulink a {
color: #fff;
}
.browse-modifiers-extended-category-lbl .browse-modifiers-extended-category-lbl {
color: #fff;
}
.time-slice-modifiers .yt-button {
color: #fff;
}
.browse-modifiers-extended-category .browse-modifiers-extended-category-lbl {
color: #fff;
}
.browse-tab-modifiers {
background: linear-gradient(#535353 0%, #000 30%) !important;
box-shadow: inset 0px 0px 0px 1px #808080,
inset 0px 0px 5px 1px #535353;
color: #fff;
}
.browse-tab-modifiers .subcategory {
background: radial-gradient(rgba(255,255,255,0.36) 1%, rgba(255,255,255,0) 65%);
color: #000;
text-shadow: 0px 0px 2px rgb(0,0,0);
}
.browse-tab-modifiers .selected.subcategory {
background: radial-gradient(#0080ffc4 1%, rgba(255,255,255,0) 65%);
color: #0080ff;
text-shadow: 0px 0px 2px rgb(0,0,0), 0px 0px 3px rgb(0,0,0);
font-weight: bold !important;
}
.browse-tab-modifiers .subcategory a:hover {
color: #0080ff;
text-shadow: 0px 0px 2px rgb(0,0,0), 0px 0px 3px rgb(0,0,0);
text-decoration: none;
}
.browse-categories-side {
background: #000;
box-shadow: inset 0px 0px 0px 1px #808080,
inset 0px 0px 5px 1px #535353;
color: #fff;
}
.browse-category-top-level {
background: linear-gradient(#535353, rgba(0,0,0,0)) !important;
}
.hot-trends-cloud-inner-area {
background: #000;
box-shadow: inset 0px 0px 0px 1px #808080,
inset 0px 0px 5px 1px #535353;
}
.hot-trends-cloud-area {
background: linear-gradient(#535353 0%, #000 30%) !important;
box-shadow: inset 0px 0px 0px 1px #808080,
inset 0px 0px 5px 1px #535353;
color: #fff;
}
/* new video page end */
#left-column {
background: linear-gradient(#535353 0%, #000 30%) !important;
box-shadow: inset 0px 0px 0px 1px #808080,
inset 0px 0px 5px 1px #535353;
}
.category-selected {
background: none;
text-shadow: 1px 1px #000;
}
#left-column a {
color: #fff;
}
#left-column div {
padding-left: 11px;
padding-top: 0px;
padding-bottom: 5px;
}
.pagingDiv {
background: none !important;
}
.pagerCurrent {
color: #fff;
background: none;
}
#watch-other-vids .watch-owner-options {
background: #000;
box-shadow: inset 0px 0px 5px 1px #535353;
color: #fff;
border: 1px solid #808080;
margin-bottom: 0px !important;
}
#watch-other-vids .watch-owner-options:not(:last-child) {
border-top: 0px solid #000 !important;
}
#watch-channel-vids-div {
background: linear-gradient(#535353 0%, #000 10%) !important;
box-shadow: inset 0px 0px 5px 1px #535353;
color: #fff;
border: 1px solid #808080;
}
#watch-channel-stats {
color: #fff;
text-shadow: 1px 1px #000;
font-weight: bold;
}
.watch-video-added {
color: #fff !important;
}
.show-more a {
color: #fff !important;
}
h4 {
color: #fff;
}
.expand-header {
color: #fff !important;
}
#watch-embed-div {
border-color: #808080 !important;
}
.null{
background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important;
color: #fff;
border: 1px solid #008fff !important;
}
.watch-owner-options a {
background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important;
color: #fff;
border: 1px solid #008fff !important;
}
.watch-owner-options button {
background: linear-gradient(#70b8ff 0%, #005ab3 60%) !important;
color: #fff;
border: 1px solid #008fff !important;
}
#aggregationServicesDiv {
background: none !important;
border: none !important;
}
#watch-actions-area {
background: linear-gradient(#535353 0%, #000 20%) !important;
box-shadow: inset 0px 0px 5px 1px #535353...