Mirrored_Repos/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2025-10-30 20:21:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

dynamic number of colors + update efy submodule to 23.02.01 Beta

Browse Source
This commit is contained in:
dragos-efy
2023-02-01 19:25:06 +02:00
parent bdeedbd2a8
commit 769cd84519
5 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.gitmodules vendored
View File

@@ -1,4 +1,3 @@
[submodule "public/efy"]
path = public/efy
url = https://github.com/dragos-efy/efy

2
public/efy

Submodule public/efy updated: 22b627d2c4...09837f0609

8
src/components/NavBar.vue
View File

@@ -12,12 +12,12 @@
>
<linearGradient id="P" gradientUnits="userSpaceOnUse" />
<linearGradient id="g1" x1="-169.7" y1="426.7" x2="214.5" y2="352" href="#P">
<stop stop-color="rgb(var(--efy_color1_var))" />
<stop offset="1" stop-color="rgb(var(--efy_color2_var))" />
<stop stop-color="hsl(var(--efy_color1_var))" />
<stop offset="1" stop-color="hsl(var(--efy_color2_var))" />
</linearGradient>
<linearGradient id="g2" x1="-7.8" y1="303.4" x2="553.4" y2="194.3" href="#P">
<stop stop-color="rgb(var(--efy_color1_var))" />
<stop offset="1" stop-color="rgb(var(--efy_color2_var))" />
<stop stop-color="hsl(var(--efy_color1_var))" />
<stop offset="1" stop-color="hsl(var(--efy_color2_var))" />
</linearGradient>
<linearGradient id="g3" x1="45.4" y1="706.9" x2="13.5" y2="857.1" href="#P">
<stop offset=".2" stop-color="#493b32" />

2
src/components/VideoPlayer.vue
View File

@@ -462,7 +462,7 @@ export default {
seekBarColors: {
base: "rgba(255, 255, 255, 0.3)",
buffered: "rgba(255, 255, 255, 0.54)",
played: "rgb(var(--efy_color1_var))",
played: `hsl(var(--efy_color1_var))`,
},
};

14
src/piped.css
View File

@@ -1,7 +1,6 @@
/*Global*/ @font-face {font-family: 'nunito'; src: url('../efy/nunito.woff2') format('truetype'); font-display: swap} @font-face {font-family: 'nunito'; src: url('../efy/nunito_bold.woff2') format('truetype'); font-weight: bold; font-display: swap}
:root {
--efy_color1_var: 239, 68, 68;
--efy_color2_var: 220, 38, 38;
--efy_color: 0 84% 60%, 0 72% 51%; /*No JS Fallback*/ --efy_color1_var: 0 84% 60%; --efy_color2_var: 0 72% 51%;
--efy_color_angle: 165deg;
--efy_radius: 12rem;
--efy_gap: 15rem;
@@ -15,9 +14,9 @@
}
/*Default Mode*/ [efy_mode=default] {
--efy_scheme: dark;
--efy_bg_var: 255, 255, 255;
--efy_bg: rgb(15, 15, 15);
--efy_text: rgb(220, 220, 220);
--efy_bg_var: 0 0% 100%;
--efy_bg: hsl(0 0% 6%);
--efy_text: hsl(0 0% 86%);
} /*Your code starts bellow*/
/*BG 1*/ .comment, .pp-mobile-nav a, .pp-mobile-nav p, .suggestion-selected, .pp-chapters .chapter:not(.pp-chapter-active, .chapter:hover), .pp-chapters [title=chapters] {background: var(--efy_bg1)}
@@ -32,7 +31,7 @@
/*Border*/ .modal-container, .video-grid>div {border: 1.5px solid var(--efy_bg1);}
/*Text-Fill-Color: Text*/ p, .pp-mobile-nav :is(a, p), .video-grid div a, .pp-show-recs div a, .thumbnail-left, .thumbnail-right, .comment a, .pp-watch-bellow-options a, .pp-logo a, .pp-nav .pp-menu > * {
/*Text-Fill-Color: Text*/ p:not([efy_logo] p), .pp-mobile-nav :is(a, p), .video-grid div a, .pp-show-recs div a, .thumbnail-left, .thumbnail-right, .comment a, .pp-watch-bellow-options a, .pp-logo a, .pp-nav .pp-menu > * {
-webkit-text-fill-color: var(--efy_text)!important;
text-decoration: none;
}
@@ -144,6 +143,9 @@ table {margin-top: 0}
.children\:ml-2>*, .ml-2 {margin-left: 10rem}
.pp-mobile-btn {display: none; margin: 0!important; padding: 8rem 10rem}
.btn, [role=button] {
border: 0;
}
/*Convergence*/
@media (max-width: 990px) {