Skip to content

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

YouTube studio 2023 layout

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;
  }
}

Reviews

No reviews yet.