From 769cd84519d744c1b08278c095935e2f67d917e5 Mon Sep 17 00:00:00 2001 From: dragos-efy Date: Wed, 1 Feb 2023 19:25:06 +0200 Subject: [PATCH] dynamic number of colors + update efy submodule to 23.02.01 Beta --- .gitmodules | 1 - public/efy | 2 +- src/components/NavBar.vue | 8 ++++---- src/components/VideoPlayer.vue | 2 +- src/piped.css | 14 ++++++++------ 5 files changed, 14 insertions(+), 13 deletions(-) diff --git a/.gitmodules b/.gitmodules index 7d61de0b..3aab52ae 100644 --- a/.gitmodules +++ b/.gitmodules @@ -1,4 +1,3 @@ - [submodule "public/efy"] path = public/efy url = https://github.com/dragos-efy/efy diff --git a/public/efy b/public/efy index 22b627d2..09837f06 160000 --- a/public/efy +++ b/public/efy @@ -1 +1 @@ -Subproject commit 22b627d2c48a0afe1e95fb489965c70c117a912a +Subproject commit 09837f06099f183de242880b6e6e6555a058e884 diff --git a/src/components/NavBar.vue b/src/components/NavBar.vue index 2cc54911..80c7a4d0 100644 --- a/src/components/NavBar.vue +++ b/src/components/NavBar.vue @@ -12,12 +12,12 @@ > - - + + - - + + diff --git a/src/components/VideoPlayer.vue b/src/components/VideoPlayer.vue index e64aa1a2..4de75bc1 100644 --- a/src/components/VideoPlayer.vue +++ b/src/components/VideoPlayer.vue @@ -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))`, }, }; diff --git a/src/piped.css b/src/piped.css index 09feae67..6f9a43ba 100644 --- a/src/piped.css +++ b/src/piped.css @@ -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) {