TeamPiped-mirror/Piped
1
0
Fork 0
mirror of https://github.com/TeamPiped/Piped.git synced 2024-08-14 23:57:27 +00:00
Code Issues Projects Releases Packages 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"] [submodule "public/efy"]
path = public/efy path = public/efy
url = https://github.com/dragos-efy/efy url = https://github.com/dragos-efy/efy

2
public/efy

@ -1 +1 @@
Subproject commit 22b627d2c48a0afe1e95fb489965c70c117a912a Subproject commit 09837f06099f183de242880b6e6e6555a058e884

8
src/components/NavBar.vue
View file

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

2
src/components/VideoPlayer.vue
View file

@ -462,7 +462,7 @@ export default {
seekBarColors: { seekBarColors: {
base: "rgba(255, 255, 255, 0.3)", base: "rgba(255, 255, 255, 0.3)",
buffered: "rgba(255, 255, 255, 0.54)", 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} /*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 { :root {
--efy_color1_var: 239, 68, 68; --efy_color: 0 84% 60%, 0 72% 51%; /*No JS Fallback*/ --efy_color1_var: 0 84% 60%; --efy_color2_var: 0 72% 51%;
--efy_color2_var: 220, 38, 38;
--efy_color_angle: 165deg; --efy_color_angle: 165deg;
--efy_radius: 12rem; --efy_radius: 12rem;
--efy_gap: 15rem; --efy_gap: 15rem;
@ -15,9 +14,9 @@
} }
/*Default Mode*/ [efy_mode=default] { /*Default Mode*/ [efy_mode=default] {
--efy_scheme: dark; --efy_scheme: dark;
--efy_bg_var: 255, 255, 255; --efy_bg_var: 0 0% 100%;
--efy_bg: rgb(15, 15, 15); --efy_bg: hsl(0 0% 6%);
--efy_text: rgb(220, 220, 220); --efy_text: hsl(0 0% 86%);
} /*Your code starts bellow*/ } /*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)} /*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);} /*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; -webkit-text-fill-color: var(--efy_text)!important;
text-decoration: none; text-decoration: none;
} }
@ -144,6 +143,9 @@ table {margin-top: 0}
.children\:ml-2>*, .ml-2 {margin-left: 10rem} .children\:ml-2>*, .ml-2 {margin-left: 10rem}
.pp-mobile-btn {display: none; margin: 0!important; padding: 8rem 10rem} .pp-mobile-btn {display: none; margin: 0!important; padding: 8rem 10rem}
.btn, [role=button] {
border: 0;
}
/*Convergence*/ /*Convergence*/
@media (max-width: 990px) { @media (max-width: 990px) {