Skip to content

Dark BitView 2024 edition by LukasZone

Screenshot of Dark BitView 2024 edition

Details

AuthorLukasZone

LicenseNo License

Categoryhttps://www.bitview.net

Created

Updated

Size32 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

A full port of Tai7k's Dark BitView theme to function with the current layout while preserving BitView's branding colors.

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.7: Made some modifications and updated the player to have nicer buttons.
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.7
@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%, #0b0b0b 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 #535...

Reviews

No reviews yet.