Rebranding [WIP]

Author: mouredev

link_bio/assets/avatar.jpg

@@ -1,5 +1,9 @@
 body {
-    background-color: #0C151D;
+    background-color: #1A1A1A;
+}
+
+a:hover {
+    color: #3EB0F9 !important;
 }
 
 @keyframes blinker {

link_bio/assets/css/styles.css

@@ -9,16 +9,14 @@ def featured_link(featured: Featured) -> rx.Component:
         rx.vstack(
             rx.image(
                 src=featured.image,
-                border_radius=Size.DEFAULT.value,
-                background=Color.CONTENT.value,
+                background=Color.PRIMARY.value,
                 width="100%",
                 height="auto",
                 alt=f"Imagen destacada para: {featured.title}"
             ),
             rx.text(
                 featured.title,
-                size=Spacing.VERY_SMALL.value,
-                style=styles.button_body_style
+                size=Spacing.VERY_SMALL.value
             ),
             spacing=Spacing.SMALL.value,
             align_items="start",

link_bio/assets/icons/logo.png

@@ -9,7 +9,7 @@
 def footer() -> rx.Component:
     return rx.vstack(
         rx.image(
-            src="/logo.png",
+            src="/logo_symbol.svg",
             height=Size.VERY_BIG.value,
             width=Size.VERY_BIG.value,
             alt="Logotipo de MoureDev. Una \"eme\" entre llaves."
@@ -38,10 +38,10 @@ def footer() -> rx.Component:
                     alt="Logo GitHub"
                 ),
                 rx.text(
-                    "BUILDING SOFTWARE WITH ♥ FROM GALICIA TO THE WORLD.",
+                    "Building software with ♥ from Galicia to the world.",
                     font_size=Size.MEDIUM.value,
                     margin_top=Size.ZERO.value
-                ),
+                )
             ),
             href=const.REPO_URL,
             is_external=True
@@ -74,5 +74,5 @@ def footer() -> rx.Component:
         padding_bottom=Size.VERY_BIG.value,
         padding_x=Size.BIG.value,
         spacing=Spacing.ZERO.value,
-        color=TextColor.FOOTER.value
+        color=TextColor.LIGHT.value
     )

link_bio/assets/icons/logo_symbol.svg

@@ -13,5 +13,5 @@ def info_text(title: str, body: str) -> rx.Component:
         ),
         f" {body}",
         font_size=Size.MEDIUM.value,
-        color=TextColor.BODY.value
+        color=TextColor.LIGHT.value
     )

link_bio/assets/logo.svg

@@ -1,4 +1,5 @@
 import reflex as rx
+from link_bio.styles.colors import Color
 import link_bio.styles.styles as styles
 from link_bio.styles.styles import Size, Spacing
 
@@ -23,13 +24,11 @@ def link_button(title: str,
             rx.vstack(
                 rx.text(
                     title,
-                    size=Spacing.SMALL.value,
-                    style=styles.button_title_style
+                    size=Spacing.SMALL.value
                 ),
                 rx.text(
                     body,
-                    size=Spacing.VERY_SMALL.value,
-                    style=styles.button_body_style
+                    size=Spacing.VERY_SMALL.value
                 ),
                 align_items="start",
                 spacing=Spacing.VERY_SMALL.value,
@@ -39,7 +38,9 @@ def link_button(title: str,
             align="center",
             width="100%"
         ),
-        border=f"{'2px' if highlight_color != None else '0px'} solid {highlight_color}",
+        variant="solid",
+        radius="none",
+        background_color=highlight_color if highlight_color != None else Color.PRIMARY.value,
         class_name=styles.BOUNCEIN_ANIMATION if animated else None,
         on_click=rx.redirect(path=url, is_external=is_external)
     )