YouTube studio 2023 layout
YouTube Studio 2023 layout by Giovanno
Details
AuthorGiovanno
LicenseNo License
Categorystudio.youtube.com
Created
Updated
Size2.9 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name studio.youtube.com - 1/15/2023, 5:00:11 PM
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("studio.youtube.com") {
/* Warna Dasar */
body, .style-scope.ytcp-app {
background-color: #f9f9f9 !important;
color: #0f0f0f !important;
}
/* Header */
.style-scope.ytcp-app #topbar {
background-color: #fff !important;
border-bottom: 1px solid #e0e0e0 !important;
}
.style-scope.ytcp-app #topbar #return-button,
.style-scope.ytcp-app #topbar #avatar-btn {
background-color: #f0f0f0 !important;
border: 1px solid #ccc !important;
color: #0f0f0f !important;
}
/* Judul Halaman */
.style-scope.ytcp-app h1 {
font-size: 24px !important;
margin-bottom: 20px !important;
}
/* Informasi Saluran */
.style-scope.ytcp-app .channel-info {
display: flex !important;
align-items: center !important;
margin-bottom: 20px !important;
}
.style-scope.ytcp-app .channel-info img {
width: 80px !important;
height: 80px !important;
border-radius: 50% !important;
margin-right: 20px !important;
}
.style-scope.ytcp-app .channel-info h2 {
font-size: 20px !important;
margin-bottom: 5px !important;
}
/* Bagian Status */
.style-scope.ytcp-app .status-section {
display: flex !important;
justify-content: space-between !important;
margin-bottom: 20px !important;
}
.style-scope.ytcp-app .status-box {
border: 1px solid #ddd !important;
padding: 15px !important;
width: 48% !important;
}
.style-scope.ytcp-app .status-box h2 {
font-size: 18px !important;
margin-bottom: 10px !important;
}
.style-scope.ytcp-app .status-bar {
width: 100% !important;
height: 10px !important;
background-color: #eee !important;
border-radius: 5px !important;
overflow: hidden !important;
margin-top: 10px !important;
}
.style-scope.ytcp-app .status-bar-fill {
height: 100% !important;
background-color: #4CAF50 !important;
width: 100% !important;
}
/* Bagian Fitur */
.style-scope.ytcp-app .feature-section {
display: grid !important;
grid-template-columns: repeat(3, 1fr) !important;
gap: 10px !important;
}
.style-scope.ytcp-app .feature-item {
border: 1px solid #ddd !important;
padding: 15px !important;
}
.style-scope.ytcp-app .feature-item h3 {
font-size: 16px !important;
margin-bottom: 5px !important;
}
.style-scope.ytcp-app .status-enabled {
color: #4CAF50 !important;
}
.style-scope.ytcp-app .status-ineligible {
color: #f44336 !important;
}
.style-scope.ytcp-app .status-eligible {
color: #2196F3 !important;
}
}