Merge pull request #2029 from dragos-efy/efy

update efy submodule + custom body padding + fix link visual glitches

.gitmodules

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

public/efy

@@ -1 +1 @@
-Subproject commit 670b53ce263b6b628671f15760e042af9376245b
+Subproject commit 22b627d2c48a0afe1e95fb489965c70c117a912a

src/App.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="w-full min-h-screen px-1vw reset" :class="[theme]">
+    <div>
         <NavBar />
 
         <router-view v-slot="{ Component }">
@@ -13,10 +13,6 @@
 </template>
 
 <style>
-body {
-    @apply p-16rem;
-}
-
 /*Radius*/
 input,
 .btn,

src/piped.css

@@ -7,6 +7,7 @@
     --efy_gap: 15rem;
     --efy_sidebar_button: right_middle, off;
     --efy_body_width: 100%;
+     --efy_body_padding: 15rem calc(15rem + var(--efy_gap));
     --efy_font_family: 'nunito', sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
     --efy_audio_folder: ./efy/audio;
     --efy_folder: ./efy;
@@ -31,8 +32,18 @@
 
 /*Border*/ .modal-container, .video-grid>div {border: 1.5px solid var(--efy_bg1);}
 
-/*Text-Fill-Color: Text*/  p, .pp-mobile-nav a, .pp-mobile-nav 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); text-decoration: none}
-/*Text-Fill-Color: Text2*/ .btn, .btn a, a.btn, .modal button {-webkit-text-fill-color: var(--efy_text2); text-decoration: none}
+/*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 > * {
+    -webkit-text-fill-color: var(--efy_text)!important;
+    text-decoration: none;
+}
+
+/*Text-Fill-Color: Text2*/ .btn, .btn a, a.btn, .modal button {
+    -webkit-text-fill-color: var(--efy_text2);
+    text-decoration: none;
+    background-clip: unset!important;
+    -webkit-background-clip: unset!important;
+    -webkit-text-fill-color: var(--efy_text2)!important;
+}
 
 /*BG: efy*/ .btn, .pp-chapter-active, .pp-chapters .chapter:hover {background: var(--efy_color); background-clip: padding-box; color: var(--efy_text2)}