Skip to content

Commit 2c64360

Browse files
Randomuser8219Randomuser8219
authored
didn't mean to edit that
1 parent 917eb26 commit 2c64360

1 file changed

Lines changed: 120 additions & 63 deletions

File tree

‎SkeumorphicThemeForCardified.user.css‎

Lines changed: 120 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -1,76 +1,133 @@
11
/* ==UserStyle==
2-
@name Skeuomorphic Theme for V3 + StarTube 2016
3-
@namespace github.com/openstyles/stylus
4-
@version 1.0.0
5-
@description Take 2 of a skeuomorphic theme.
6-
@author Me
2+
@name Skeumorphic Theme for V3
3+
@namespace github.com/ArbestRi02/
4+
@version 1.0.2
5+
@description Makes V3 use skeuomorphic theming.
6+
@author ArbestRi
7+
@preprocessor less
78
==/UserStyle== */
89

9-
@-moz-document domain("youtube.com") {
10-
[modern-cards][dark] .cardified-page #yt-masthead-container {
11-
background: linear-gradient(180deg, #222222d9, #00000026) !important;
12-
backdrop-filter: blur(8px);
13-
}
14-
15-
#masthead-search .search-btn-component, #masthead-search .search-btn-component .start {
16-
background: linear-gradient(180deg, #737373, #353535, #00000026) !important;
17-
}
18-
19-
[modern-cards][dark] #appbar-guide-menu {
20-
background: linear-gradient(#090909, #30303000), url(https://cdn.pixabay.com/photo/2015/09/10/14/14/scratched-934483_1280.jpg) 0px 0px !important;
21-
background-size: cover !important;
22-
}
23-
24-
[modern-cards][dark] #appbar-guide-menu #guide-container, [modern-cards][dark] .cardified-page #watch7-headline, [modern-cards][dark] .dark-mode #appbar-guide-menu::before, [modern-cards][dark] .cardified-page .distiller_yt_instance{
25-
background:none !important;
26-
}
27-
28-
.yt-shelf-grid-item .ux-thumb-wrap, .distiller_yt-thread_avatar {
29-
box-shadow: 0px 1px 12px #000;
30-
}
31-
32-
[modern-styles]:not([poly-styles]) .feed-item-container.browse-list-item-container {
33-
background: linear-gradient(180deg, #222, #00000054);
34-
}
35-
10+
@-moz-document domain("www.youtube.com") {
11+
#yt-masthead-container, .cardified-page #yt-masthead-container, .cardified-page #masthead-appbar-container {
12+
background: linear-gradient(0deg, #aaaaaa91, #ffffffc4);border-bottom:unset;box-shadow: 0px 1px 20px #545454;}
13+
14+
.cardified-page #masthead-appbar-container, #masthead-search-terms, #footer-container {
15+
background: linear-gradient(0deg, #ffffffc4, #aaaaaa91) !important;}
16+
17+
#appbar-guide-menu {
18+
background: linear-gradient(0deg, #fff, #cbcbcb) !important;box-shadow: -4px 15px 20px black !important;}
19+
20+
.yt-alert-default.yt-alert-error, .yt-alert-actionable.yt-alert-error, .yt-alert-naked.yt-alert-error .yt-alert-icon, .yt-alert-small.yt-alert-error {
21+
background: linear-gradient(180deg, red, #aa0005, red) !important;box-shadow: 0px 0px 8px black;}
22+
3623
#guide-container .guide-item.guide-item-selected, #guide-container .guide-collection-item .guide-item.guide-item-selected, #guide-container .guide-item.guide-item-selected:hover {
37-
background: linear-gradient(180deg, #cc181e, #510505);
38-
box-shadow: 0px 1px 20px 0px black;
39-
}
24+
background: repeating-linear-gradient(120deg, #ff474d 0%, #c70000 10%) !important;box-shadow: 0px 0px 8px black;}
25+
26+
.feed-item-container.browse-list-item-container {
27+
border-top: 1px solid #767676;box-shadow: 1px 5px 20px black;}
28+
29+
body {
30+
background-image: url(https://raw.githubusercontent.com/ArbestRi02/ArbestRi-V3Themes/main/skeumorphic-background.png) !important;}
31+
32+
.channel-header .secondary-header-contents {
33+
background: linear-gradient(0deg, white, #b0b6be);}
34+
35+
.video-thumb, .distiller_yt-thread_avatar {
36+
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);}
37+
38+
.sb-on, .oz-embed-panel {
39+
background: #ffffffa6;box-shadow: 0 2px 20px 6px #525252;}
40+
41+
.main-notification-panel, .oz-static-loading, .sb-card-border, .site-center-aligned:not(.guide-pinned) #appbar-guide-menu:before, #appbar-nav .yt-uix-button.yt-uix-button-epic-nav-item, .distiller_yt-thread_user-content.yt-uix-expander-collapsed .cssAction_Expander, #guide-main, #watch-context-container {
42+
background:unset !important;}
43+
44+
.channel-header .about-network-links, .channel-header .about-custom-links, .sb-on, .cardified-page #masthead-appbar-container, #masthead-search-terms, .yt-pl-thumb-link .yt-pl-thumb-overlay, .yt-pl-thumb .sidebar, #yt-masthead-container, .cardified-page #masthead-appbar-container, .watch-large #watch7-playlist-tray, .watch-medium #watch7-playlist-tray, .pl-header-thumb .pl-header-thumb-overlay {
45+
backdrop-filter: blur(4px);}
46+
47+
.sb-card-body-arrow {
48+
display: none;}
49+
50+
.watch-large #watch7-playlist-tray, .watch-medium #watch7-playlist-tray {
51+
background: #00000073 !important;}
52+
53+
#watch7-sidebar-contents, .cardified-page #watch7-sidebar-contents {
54+
background: linear-gradient(0deg, #b0b5bd 30%, transparent);}
55+
56+
#watch8-actions-row, .distiller_yt_instance,#watch-discussion, #watch7-notification-area {
57+
background: linear-gradient(0deg, #b0b5bd, white);}
58+
59+
.cardified-page .yt-card, .cardified-page.exp-individual-cards-watch #watch7-sidebar, #masthead-expanded-container, .branded-page-v2-col-container, #watch7-sidebar {
60+
box-shadow: 0px 20px 20px rgb(0 0 0 / 32%) !important;}
61+
62+
.guide-section-separator {
63+
border-bottom: 1px solid #b8b8b8;box-shadow: 0px 3px 10px black;}
64+
65+
.yt-masthead-user-icon .yt-thumb {
66+
border-radius: 10% !important;}
67+
68+
#masthead-search-terms input {
69+
box-shadow: inset 0 0 11px white;}
70+
71+
.appbar-mini-cinema #player.watch-medium:before, .watch-playlists-drawer li:hover, .context-back-link:hover,.guide-view-more:hover,#guide-container .guide-item:hover,#guide-container .guide-collection-item:hover .guide-item, .yt-uix-button-menu li:hover, .yt-uix-button-menu .yt-uix-button-menu-item.selected,.yt-uix-button-menu .yt-uix-button-menu-item-highlight .yt-uix-button-menu-item,.yt-uix-button-menu .yt-uix-button-menu-item:hover {
72+
background: linear-gradient(0deg, black, #3f3f3f);box-shadow: 0px 0px 20px black;transition:color 0.2s;}
73+
74+
.action-panel-content, .feed-item-container.browse-list-item-container, .branded-page-v2-subnav-container {
75+
background: linear-gradient(0deg, #b0b5bd, transparent) !important;}
76+
77+
.watch-extras-section .content {
78+
color: #4c4c4c;}
79+
80+
.yt-uix-button-default, .yt-uix-button-default[disabled], .yt-uix-button-default[disabled]:hover,.yt-uix-button-default[disabled]:active, .yt-uix-button-default[disabled]:focus, .metadata-inline, .yt-uix-button-subscribe-unbranded, .yt-uix-button-subscribed-unbranded, #st-account-menu-details a, .yt-uix-button-menu, .yt-uix-form-input-select, .distiller-standard-button {
81+
background: linear-gradient(180deg, #fff 42.99%, #f3f3f3 51.62%, #d4d4d4 99.49%) !important;}
82+
83+
#yt-masthead-user .yt-uix-button-icon-bell {
84+
left: 4px;}
4085

41-
.dark-mode.cardified-page .st-watch-row, .dark-mode.cardified-page #st-below-title-row, .dark-mode.cardified-page .st-desc-content {
42-
background: linear-gradient(3deg, #222, #121212) !important;
43-
box-shadow: 0px 0px 9px 0px #00000075;
44-
}
86+
#yt-masthead-user #sb-button-notify {
87+
border: 1px solid #d3d3d3;}
88+
89+
.watch-playlists-drawer ul {
90+
background: linear-gradient(0deg, #fff, #bbb 50%, #ededed 60%);}
91+
92+
.yt-alert .close {
93+
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-hitchhiker-vflEXP50f.png) -47px -810px !important;}
94+
95+
#watch8-close .watch8-action-panel-dismiss {
96+
background: no-repeat url(https://s.ytimg.com/yts/imgbin/www-watch8-vflCrfehN.png) 0 -140px !important;}
97+
98+
.yt-alert-default.yt-alert-info, .yt-alert-actionable.yt-alert-info, .yt-alert-naked.yt-alert-info .yt-alert-icon, .yt-alert-small.yt-alert-info {
99+
background: linear-gradient(180deg, #0083ff, #0042b9, #0083ff);box-shadow: 0px 0px 8px black;}
100+
101+
.distiller_yt-sb-standin .box {
102+
background: linear-gradient(0deg, #e3e3e3 10%, #d9d9d9 60%, white);}
103+
104+
.distiller_yt-sb-standin .callout-inner {
105+
border: unset;}
106+
107+
.yt-shelf-grid-item .ux-thumb-wrap {
108+
box-shadow: 0px 1px 11px #000;}
45109

46-
.watch8-floater, .st-floater {
47-
background: linear-gradient(180deg, #222, #080808);
48-
border: 1px solid #252525;
49-
}
110+
.yt-uix-checkbox-on-off label {
111+
background: linear-gradient(180deg, #b4b4b4, #898989);}
50112

51-
#appbar-guide-menu .guide-section-separator {
52-
box-shadow: 0px 5px 11px 1px #000000;
53-
}
113+
body #masthead-expanded-container, body.cardified-page #masthead-expanded-container {
114+
background: linear-gradient(180deg, #c0c2c5, white);}
54115

55-
[modern-cards][dark] .cardified-page #watch-discussion {
56-
background: #161616 !important;
57-
box-shadow: 0px 1px 12px #000;
58-
}
116+
#masthead-positioner #yt-masthead #appbar-guide-button, .guide-quick-filter {
117+
background:white !important}
59118

60-
[modern-cards][dark] .cardified-page .distiller_yt-thread_user-content .cssAction_Expander {
61-
background: #161616 !important;
62-
}
119+
.yt-uix-button-primary, .yt-uix-button-primary[disabled], .yt-uix-button-primary[disabled]:hover, .yt-uix-button-primary[disabled]:active, .yt-uix-button-primary[disabled]:focus {
120+
background: linear-gradient(180deg, #0088ff, #48baff 35%, #0065be);}
63121

64-
[modern-cards][dark] .cardified-page .yt-card {
65-
background: linear-gradient(124deg, #1a1a1a, #222, #080808) !important;
66-
box-shadow: 0px 1px 12px #000;
67-
}
122+
.feed-item-container.browse-list-item-container {
123+
padding: 0 18px !important;margin: 0 !important;}
68124

69-
[modern-cards] .cardified-page .branded-page-v2-primary-col .branded-page-box {
70-
background: linear-gradient(300deg, #0a0a0a, #272727);
71-
}
125+
.yt-alert-default.yt-alert-success, .yt-alert-actionable.yt-alert-success, .yt-alert-naked.yt-alert-success .yt-alert-icon, .yt-alert-small.yt-alert-success {
126+
background: linear-gradient(180deg, #25c700, #006e26, #00d43f);box-shadow: 0px 0px 8px black;}
72127

73-
.st-panel-close {
74-
filter: invert(1);
75-
}
128+
li.guide-section h3 {
129+
color: #4d4d4d;}
130+
131+
#watch7-action-buttons {
132+
background:#b0b5bd;}
76133
}

0 commit comments

Comments
 (0)