diff --git a/apps/frontend/src/assets/images/illustrations/medal_promo_background.svg b/apps/frontend/src/assets/images/illustrations/medal_promo_background.svg new file mode 100644 index 000000000..53efcfedd --- /dev/null +++ b/apps/frontend/src/assets/images/illustrations/medal_promo_background.svg @@ -0,0 +1,490 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/apps/frontend/src/assets/images/servers/medal_server_icon.svg b/apps/frontend/src/assets/images/servers/medal_server_icon.svg new file mode 100644 index 000000000..c0c85308f --- /dev/null +++ b/apps/frontend/src/assets/images/servers/medal_server_icon.svg @@ -0,0 +1,12 @@ + + + + + + \ No newline at end of file diff --git a/apps/frontend/src/assets/styles/global.scss b/apps/frontend/src/assets/styles/global.scss index cefb9460c..9015ed179 100644 --- a/apps/frontend/src/assets/styles/global.scss +++ b/apps/frontend/src/assets/styles/global.scss @@ -165,6 +165,11 @@ html { --landing-raw-bg: #fff; + --medal-promotion-bg: #fff; + --medal-promotion-bg-orange: #c08a3a; + --medal-promotion-text-orange: #a86200; + --medal-promotion-bg-gradient: linear-gradient(90deg, rgba(255, 184, 75, 0.15) 0%, #fff 100%); + --banner-error-bg: #fee2e2; --banner-error-text: #991b1b; --banner-error-border: #ef4444; @@ -301,6 +306,11 @@ html { --landing-raw-bg: #000; + --medal-promotion-bg: #000; + --medal-promotion-bg-orange: #ffb84b54; + --medal-promotion-text-orange: #ffb84b; + --medal-promotion-bg-gradient: linear-gradient(90deg, #ffb74b21, transparent 50%, #000 100%); + --hover-filter: brightness(120%); --active-filter: brightness(140%); diff --git a/apps/frontend/src/components/ui/servers/ServerIcon.vue b/apps/frontend/src/components/ui/servers/ServerIcon.vue index 9e8d00b29..5be398925 100644 --- a/apps/frontend/src/components/ui/servers/ServerIcon.vue +++ b/apps/frontend/src/components/ui/servers/ServerIcon.vue @@ -1,6 +1,6 @@