tsivinsky/yt-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

init

Browse Source
This commit is contained in:
Dan Tsivinsky
2026-03-23 17:58:25 +03:00
commit d5f92ea3d3
7 changed files with 2614 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored Normal file
View File

@@ -0,0 +1,2 @@
node_modules
web-ext-artifacts

4
css/popup.css Normal file
View File

@@ -0,0 +1,4 @@
html,
body {
width: 300px;
}

94
css/yt.css Normal file
View File

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

12
index.html Normal file
View File

@@ -0,0 +1,12 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>yt-ui</title>
<link rel="stylesheet" href="css/popup.css" />
</head>
<body>
<h1>yt-ui</h1>
</body>
</html>

16
manifest.json Normal file
View File

@@ -0,0 +1,16 @@
{
"name": "youtube-ui",
"short_name": "yt-ui",
"description": "browser extension for a better youtube ui",
"version": "0.0.0",
"manifest_version": 3,
"content_scripts": [
{
"matches": ["https://youtube.com/*", "https://www.youtube.com/*"],
"css": ["css/yt.css"]
}
],
"action": {
"default_popup": "index.html"
}
}

15
package.json Normal file
View File

@@ -0,0 +1,15 @@
{
"name": "yt-ui",
"version": "0.0.0",
"scripts": {
"start:firefox": "web-ext run --source-dir . --firefox=firefox-developer-edition",
"build": "web-ext build"
},
"keywords": [],
"author": "",
"license": "MIT",
"packageManager": "pnpm@10.32.1",
"devDependencies": {
"web-ext": "^10.0.0"
}
}

2471
pnpm-lock.yaml generated Normal file
View File

File diff suppressed because it is too large Load Diff