Skip to content

7kt Plus (MERGED WITH 7KTT+ WITH 2015 THEME) by protaxevader

Write a review Install Get Stylus

Details

Authorprotaxevader

LicenseAGPL-3.0

Categoryhttps://www.youtube.com

Created

Updated

Size27 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Additional css for 7kttube to make it more accurate

https://7kt.se/downloads/5/7kttube-2016-redux is required.

Do note that this userstyle is both my own effort but mostly a collection of others' css that they made, so when talking about specific parts of this userstyle please make sure to give credit to the people listed not just me.

Notes

Recommended scripts and userstyles for youtube:

7kt old info & icons fix:
https://7kttube.tk/downloads/1-category/4/7ktTube-Old-info-and-Icons-Fix

Note: For all links below click "Raw" to prompt both your userscript and style manager.

Youtube patch collection (i'll find a better way to host it eventually) (Also it tends to work the best with firefox):
https://github.com/ProTaxEvader/7kt-Plus/blob/main/patchcollection.user.js

Youtube Player Classicifier + YT Shorts to videos + Old Seek UI (click raw for all three links):
https://github.com/YukisCoffee/yt-player-classicifier/blob/main/yt**player**classicifier.user.css
https://github.com/YukisCoffee/yt-player-classicifier/blob/main/anti_shorts.user.js
https://github.com/YukisCoffee/yt-player-classicifier/blob/main/old_seek_ui.user.js

2016 notifications (not 100% accurate):
https://github.com/ProTaxEvader/7kt-Plus/blob/main/2016ishNotifications.user.css

Appbar script I modified (originally by BowDown097):
https://github.com/ProTaxEvader/7kt-Plus/blob/main/appbarmod.user.js

Non-rounded scrollbar:
https://github.com/ProTaxEvader/7kt-Plus/blob/main/Non-Round-Scrollbar.user.js

YT Favicon Changer:
https://github.com/ProTaxEvader/7kt-Plus/blob/main/YT-Favicon-Changer.user.js

YT flags that can break things (patch collection)
json.EXPERIMENT_FLAGS.web_darker_dark_theme = false;
set the flag above to true only if you use darkmode, otherwise it will mess up the light theme for 7kt

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link. 
@-moz-document domain("www.youtube.com"), domain("youtu.be") {
/* ==UserStyle==
@name         7kt Plus
@version      20220629.21.40
@namespace    userstyles.world/user/protaxevader
@description  Additional css for 7kttube to make it more accurate
@preprocessor less
@var          checkbox midToLate2015 "Styles 7ktTube to look like YouTube from mid 2015" 0

https://7kt.se/downloads/5/7kttube-2016-redux is required.
@author       protaxevader
@license      AGPL-3.0
==/UserStyle== */
}
@-moz-document domain("www.youtube.com"), domain("youtu.be") {
/*MrFloof*/
/* font changes (this has old roboto!) */
@font-face when (@midToLate2015 = 0){
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 500;
    }
}
/* button overiding */
ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon when (@midToLate2015 = 1){
    background: #f8f8f8;
    color: #171717;
    height: 28px !important;
    border: solid 1px #d3d3d3;
    padding: 0 10px !important;
    outline: 0;
    font: 500 11px roboto;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
    vertical-align: middle;
    text-align: center;
     fill: none;
    filter: none;
    position: relative;
   top: -2px;
   width: auto;
}
ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon:before when (@midToLate2015 = 1){
    content: "Upload";
    display: inline-block;  
    color: #171717;
    letter-spacing: 0;
    font: 500 12px Roboto,sans-serif!important;
}

ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon:hover when (@midToLate2015 = 1){
border-color: #c6c6c6;
    background: #f0f0f0;
}

ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer when (@midToLate2015 = 1){
border-color: #167ac6!important;
    background: #167ac6!important;
    color: #fff;
    border-radius: 2px!important;
    box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
    font: bolder 11px roboto!important;
    height: 28px!important;
    padding: 0 10px;
}
html:not([dark]) ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer when (@midToLate2015 = 1){
border-color: #167ac6!important;
    background: #167ac6!important;
    color: #fff;
    border-radius: 2px!important;
    box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
    font: bolder 11px roboto!important;
    height: 28px!important;
    padding: 0 10px;
}
/* moving the newly (not) remade buttons */
.yt-spec-icon-badge-shape__icon when (@midToLate2015 = 1){
    margin-right: -100px;
}ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon when (@midToLate2015 = 1){
     margin-left: -15px;
}
/* buttons rework */

ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon when (@midToLate2015 = 1){
    border-color: #d3d3d3;
    background: #f8f8f8;
    color: #333;
    border-radius: 2px;
    border: 1px solid #d3d3d3;
    width: auto;
    padding: 0 10px;
    opacity: 1;
    height: 28px;
    font: 12px Roboto,arial,sans-serif!important;
      font-weight: 5;
    font-size: 11px;
}

ytd-topbar-menu-button-renderer:nth-last-of-type(2) yt-icon:before when (@midToLate2015 = 1){
    content: "Upload";
    display: inline-block;  
    font: 12px !important;
    color: #333;
    letter-spacing: 0;
}

ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer when (@midToLate2015 = 1){
border-color: #167ac6!important;
    background: #167ac6!important;
    color: #fff;
        border-radius: 2px;
    box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
}
html:not([dark]) ytd-button-renderer.style-suggestive[is-paper-button] tp-yt-paper-button.ytd-button-renderer when (@midToLate2015 = 1){
  border-color: #167ac6!important;
    background: #167ac6!important;
    color: #fff;
        border-radius: 2px;
    box-shadow: 0 1px 0 rgb(0 0 0 / 5%);  
}
/* 2015 stuff?*/
yt-img-shadow.ytd-topbar-menu-button-renderer when (@midToLate2015 = 1){
border-radius: 0px;
}

ytd-mini-guide-renderer.style-scope.ytd-app when (@midToLate2015 = 1){
  display: none;
}
/* dont know if this works properly*/
#guide-inner-content.ytd-app when (@midToLate2015 = 1){
      border-right: 1px solid #e8e8e8!important;
      box-shadow: none!important;
}
/* searchbar */
#search-icon-legacy.ytd-searchbox when (@midToLate2015 = 1){
border-radius: 0 2px 2px 0!important;
    box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
}
#masthead #search-icon-legacy.ytd-searchbox when (@midToLate2015 = 1){
border-color: #d3d3d3;
    background: #f8f8f8;
    color: #333;
}

#masthead-container #masthead #search-icon-legacy.ytd-searchbox yt-icon.ytd-searchbox when (@midToLate2015 = 1){
    background: no-repeat url(http://s.ytimg.com/yts/imgbin/www-hitchhiker-vflRdOrH4.png) -44px -1053px;
    opacity: .6!important;
}


/* appbar */
.ytcp-main-appbar when (@midToLate2015 = 1){
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
    height: 40px;
    line-height: 40px;
    }
/*BowDown097 — 22/07/2022*/
#info.ytd-video-primary-info-renderer when (@midToLate2015 = 1){
    height: 20px !important;
}

#info ytd-video-owner-renderer when (@midToLate2015 = 1){
    top: -21px !important;
}

ytd-app #channel-name.ytd-video-owner-renderer when (@midToLate2015 = 1){
    right: 0;
    top: -16px !important;
}

ytd-app #subscribe-button.ytd-video-secondary-info-renderer when (@midToLate2015 = 1){
    top: 17px;
}

#menu.ytd-video-primary-info-renderer when (@midToLate2015 = 1){
    top: 7px !important;
}


#info ytd-video-primary-info-renderer[has-date-text] #info-text.ytd-video-primary-info-renderer when (@midToLate2015 = 1){
    top: -32px;
}

#meta ytd-video-secondary-info-renderer when (@midToLate2015 = 1){
    padding: 1px 15px;
}

/* old subs look */
.style-scope.ytd-menu-renderer.force-icon-button.style-default.size-default:nth-of-type(1) yt-icon when (@midToLate2015 = 1){
    background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-hitchhiker-vflY-jC_p.png) -32px -2211px!important;
    color: #fff;
    fill: none!important;
}
/*MrFloof Font; not working!*/
/*@font-face when (@midToLate2015 = 1) {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v15/oHi30kwQWvpCWqAhzHcCSBJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face when (@midToLate2015 = 1){
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v15/rGvHdJnr2l75qb0YND9NyBJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');
    unicode-range: U+1F00-1FFF;
}
@font-face when (@midToLate2015 = 1){
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v15/mx9Uck6uB63VIKFYnEMXrRJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');
    unicode-range: U+0370-03FF;
}
@font-face when (@midToLate2015 = 1){
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v15/mbmhprMH69Zi6eEPBYVFhRJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face when (@midToLate2015 = 1){
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UBJtnKITppOI_IvcXXDNrsc.woff2)format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
@font-face when (@midToLate2015 = 1){
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(//fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2)format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
@font-face when (@midToLate2015 = 1){
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2)format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
@font-face when (@midToLate2015 = 1){
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face when (@midToLate2015 = 1){
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');
    unicode-range: U+1F00-1FFF;
}
@font-face when (@midToLate2015 = 1){
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');
    unicode-range: U+0370-03FF;
}
@font-face when (@midToLate2015 = 1){
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
@font-face when (@midToLate2015 = 1){
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto Regular'), local('Roboto-Regular'), url(//fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2)format('woff2');
    unicode-...

Reviews

No reviews yet.