init

css/yt.css

@@ -0,0 +1,94 @@
+/* home page */
+ytd-browse ytd-rich-grid-renderer {
+  #contents {
+    all: unset !important;
+    width: 100% !important;
+    max-width: 1600px !important;
+    margin-top: 32px !important;
+    display: flex !important;
+    flex-direction: column !important;
+    gap: 24px !important;
+
+    /* each video item in the grid */
+    ytd-rich-item-renderer {
+      all: unset !important;
+
+      div.yt-lockup-view-model {
+        display: flex;
+        flex-direction: row;
+        gap: 20px;
+      }
+
+      /* video preview image */
+      a.yt-lockup-view-model__content-image {
+        display: none !important;
+      }
+
+      yt-content-metadata-view-model {
+        display: flex;
+        flex-direction: row;
+        gap: 16px;
+      }
+
+      div.yt-lockup-view-model__metadata {
+        width: 100%;
+      }
+
+      a.yt-lockup-metadata-view-model__title span {
+        font-size: 2.3rem;
+        line-height: 3.2rem;
+      }
+
+      div.yt-lockup-metadata-view-model__metadata span {
+        font-size: 1.8rem;
+        line-height: 2.4rem;
+      }
+
+      /* hide user's avatar */
+      div.yt-lockup-metadata-view-model__avatar {
+        display: none !important;
+      }
+    }
+
+    /* hide shorts */
+    ytd-rich-section-renderer:has(ytm-shorts-lockup-view-model) {
+      display: none !important;
+    }
+  }
+}
+
+/* home page ghost cards showing loading state */
+ytd-ghost-grid-renderer {
+  div.ghost-grid {
+    display: flex;
+    flex-direction: column;
+    gap: 24px;
+    margin: 0 !important;
+  }
+
+  div.ghost-card {
+    margin: 0 !important;
+
+    div.rich-thumbnail {
+      display: none;
+    }
+
+    div.channel-avatar {
+      display: none;
+    }
+  }
+}
+
+/* video page */
+ytd-watch-flexy {
+  #columns #secondary {
+    display: none !important;
+  }
+}
+
+/* sidebar */
+tp-yt-app-drawer {
+  ytd-guide-entry-renderer:has(a[title="Shorts"]) {
+    display: none !important;
+  }
+}