Bommels05/Modrinth
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "fixed a bug"

Browse Source 
This reverts commit 49faba6ad2.
This commit is contained in:
Prospector committed 2025-04-01 20:54:05 -07:00
1 parent fab086b3e1
commit a2009cae39
11 files changed
+151 -183
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/frontend/src/assets/styles/global.scss
+30 -30
View File
@@ -56,9 +56,9 @@ html {
--color-text-inverted: var(--color-bg);
--color-bg-inverted: var(--color-text);
--color-brand: #F16436;
--color-brand-highlight: rgba(242, 101, 53, 0.25);
--color-brand-shadow: rgba(242, 101, 53, 0.7);
--color-brand: var(--color-green);
--color-brand-highlight: rgba(0, 175, 92, 0.25);
--color-brand-shadow: rgba(0, 175, 92, 0.7);
--color-brand-inverted: #ffffff;
--tab-underline-hovered: #e2e8f0;
@@ -139,10 +139,10 @@ html {
);
--landing-border-gradient: linear-gradient(
to bottom right,
rgba(175, 150, 129, 0.75) 0%,
rgba(97, 66, 66, 0.34) 100%
rgba(129, 137, 175, 0.75) 0%,
rgba(66, 71, 97, 0.34) 100%
);
--landing-border-color: rgba(175, 134, 129, 0.55);
--landing-border-color: rgba(129, 137, 175, 0.55);
--landing-creator-gradient: linear-gradient(180deg, #f8f8f8 0%, #f8f8f8 63.19%);
--landing-blob-gradient: radial-gradient(
@@ -158,8 +158,8 @@ html {
--landing-blue-label: #0098ba;
--landing-blue-label-bg: rgba(0, 177, 216, 0.15);
--landing-green-label: #dd5b0b;
--landing-green-label-bg: rgba(221, 67, 21, 0.15);
--landing-green-label: #00a936;
--landing-green-label-bg: rgba(0, 216, 69, 0.15);
--landing-raw-bg: #fff;
}
@@ -174,22 +174,22 @@ html {
--color-text-inactive: #929aa3;
--color-text-dark: var(--dark-color-text-dark);
--color-heading: #c4cfdd;
--color-bg: #0D0D0D;
--color-raised-bg: #202020;
--color-bg: #16181c;
--color-raised-bg: #26292f;
--color-divider: #474b54;
--color-divider-dark: #646c75;
--color-text-inverted: var(--color-bg);
--color-bg-inverted: var(--color-text);
--color-brand: #F16436;
--color-brand-highlight: rgba(242, 101, 53, 0.25);
--color-brand-shadow: rgba(242, 101, 53, 0.7);
--color-brand: var(--color-green);
--color-brand-highlight: rgba(27, 217, 106, 0.25);
--color-brand-shadow: rgba(27, 217, 106, 0.7);
--color-brand-inverted: #000;
--tab-underline-hovered: #414146;
--color-button-bg: #333333;
--color-button-bg: hsl(222, 13%, 30%);
--color-button-text: var(--color-text);
--color-button-bg-hover: #494f58;
--color-button-text-hover: #ffffff;
@@ -245,42 +245,42 @@ html {
--shadow-card: rgba(0, 0, 0, 0.25) 0px 2px 4px 0px;
--landing-maze-bg: url("https://cdn.modrinth.com/landing-new/landing.webp");
--landing-maze-gradient-bg: linear-gradient(0deg, #371f17 0%, rgba(8, 14, 55, 0) 100%),
--landing-maze-gradient-bg: linear-gradient(0deg, #31375f 0%, rgba(8, 14, 55, 0) 100%),
url("https://cdn.modrinth.com/landing-new/landing-lower.webp");
--landing-maze-outer-bg: linear-gradient(180deg, #06060d 0%, #000000 100%);
--landing-color-heading: #fff;
--landing-color-subheading: #beb4af;
--landing-color-subheading: #afb6be;
--landing-transition-gradient-start: rgba(32, 26, 14, 0);
--landing-transition-gradient-end: #1c0b06;
--landing-transition-gradient-start: rgba(14, 16, 32, 0);
--landing-transition-gradient-end: #060a1c;
--landing-hover-card-gradient: radial-gradient(
50% 50% at 50% 50%,
#4f342c 0%,
rgba(50, 33, 32, 0.77) 100%
#2c304f 0%,
rgba(32, 35, 50, 0.77) 100%
);
--landing-border-gradient: linear-gradient(
to bottom right,
rgba(221, 184, 168, 0.75) 0%,
rgba(221, 187, 168, 0.18) 100%
rgba(168, 177, 221, 0.75) 0%,
rgba(168, 177, 221, 0.18) 100%
);
--landing-border-color: rgba(221, 174, 168, 0.55);
--landing-creator-gradient: linear-gradient(180deg, #000000 0%, #1d130e 100%);
--landing-border-color: rgba(168, 177, 221, 0.55);
--landing-creator-gradient: linear-gradient(180deg, #000000 0%, #0e101d 100%);
--landing-blob-gradient: radial-gradient(
50% 50% at 50% 50%,
rgba(79, 53, 44, 0.35) 0%,
rgba(50, 35, 32, 0.27) 100%
rgba(44, 48, 79, 0.35) 0%,
rgba(32, 35, 50, 0.2695) 100%
);
--landing-blob-shadow: 2px 2px 12px rgba(0, 0, 0, 0.16), inset 2px 2px 64px rgba(94, 71, 57, 0.45);
--landing-blob-shadow: 2px 2px 12px rgba(0, 0, 0, 0.16), inset 2px 2px 64px rgba(57, 61, 94, 0.45);
--landing-card-bg: rgba(85, 69, 59, 0.15);
--landing-card-bg: rgba(59, 63, 85, 0.15);
--landing-card-shadow: 2px 2px 12px rgba(0, 0, 0, 0.16);
--landing-blue-label: #10c0e7;
--landing-blue-label-bg: rgba(0, 177, 216, 0.15);
--landing-green-label: #ec6105;
--landing-green-label-bg: rgba(223, 83, 7, 0.15);
--landing-green-label: #00d845;
--landing-green-label-bg: rgba(0, 216, 69, 0.15);
--landing-raw-bg: #000;
apps/frontend/src/components/ui/AdPlaceholder.vue
+1 -1
View File
@@ -2,7 +2,7 @@
<div class="ad-parent relative mb-3 flex w-full justify-center rounded-2xl bg-bg-raised">
<div class="flex max-h-[250px] min-h-[250px] min-w-[300px] max-w-[300px] flex-col gap-4 p-6">
<p class="m-0 text-2xl font-bold text-contrast">75% of ad revenue goes to creators</p>
<nuxt-link to="/plus" class="mt-auto items-center gap-1 text-brand hover:underline">
<nuxt-link to="/plus" class="mt-auto items-center gap-1 text-purple hover:underline">
<span>
Support creators and Modrinth ad-free with
<span class="font-bold">Modrinth+</span>
apps/frontend/src/components/ui/charts/ChartDisplay.vue
+3 -3
View File
@@ -86,8 +86,8 @@
<UpdatedIcon />
</Button>
<DropdownSelect
v-model="selectedRange"
class="range-dropdown"
v-model="selectedRange"
:options="ranges"
name="Time range"
:display-name="
@@ -812,10 +812,10 @@ const defaultRanges: RangeObject[] = [
.chart-button-base__selected {
color: var(--color-contrast);
background-color: var(--color-brand-highlight) !important;
background-color: var(--color-brand-highlight);
box-shadow:
inset 0 0 0 transparent,
0 0 0 2px var(--color-brand) !important;
0 0 0 2px var(--color-brand);
&:hover {
background-color: var(--color-brand-highlight);
apps/frontend/src/components/ui/servers/Globe.vue
+5 -5
View File
@@ -119,7 +119,7 @@ const init = () => {
const material = new THREE.ShaderMaterial({
uniforms: {
outlineTexture: { value: outlineTexture },
globeColor: { value: new THREE.Color("#ffc69e") },
globeColor: { value: new THREE.Color("#60fbb5") },
},
vertexShader: `
varying vec2 vUv;
@@ -151,7 +151,7 @@ const init = () => {
transparent: true,
side: THREE.BackSide,
uniforms: {
color: { value: new THREE.Color("#fabc89") },
color: { value: new THREE.Color("#56f690") },
viewVector: { value: camera.position },
},
vertexShader: `
@@ -262,13 +262,13 @@ onUnmounted(() => {
<style scoped>
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 rgba(217, 84, 27, 0.3);
box-shadow: 0 0 0 0 rgba(27, 217, 106, 0.3);
}
70% {
box-shadow: 0 0 0 4px rgba(217, 78, 27, 0);
box-shadow: 0 0 0 4px rgba(27, 217, 106, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(217, 84, 27, 0);
box-shadow: 0 0 0 0 rgba(27, 217, 106, 0);
}
}
apps/frontend/src/layouts/default.vue
+1 -1
View File
@@ -839,7 +839,7 @@ useSeoMeta({
defaultMessage: "Discover and publish Minecraft content!",
}),
ogType: "website",
ogImage: "https://cdn.modrinth.com/modrinth-newer.png",
ogImage: "https://cdn.modrinth.com/modrinth-new.png",
ogUrl: link,
// Twitter
apps/frontend/src/pages/app.vue
+51 -65
View File
@@ -534,7 +534,7 @@ useSeoMeta({
started with the Modrinth App in seconds!
</p>
</div>
<div class="inner-ring ring-x">
<div class="inner-ring ring">
<div class="icon-logo">
<LogoAnimated class="icon" />
</div>
@@ -913,11 +913,11 @@ useSeoMeta({
<g opacity="0.5">
<path
d="M176 274.069H219.65C221.89 299.001 228.25 322.42 238.87 345.249C245.4 342.033 251.37 338.016 257.52 334.3C263.76 330.534 270.07 326.908 276.62 323.061C276.21 321.669 275.95 320.216 275.37 318.914C271.05 309.378 268.47 299.251 266.32 289.114C265.03 283.054 264.41 276.743 263.73 270.513C262.89 262.86 262.94 255.257 263.11 247.654C263.26 241.083 264.11 234.482 265.21 227.991C266.88 218.064 269.39 208.308 272.94 198.852C276.79 188.594 281.19 178.588 287.21 169.382C291.19 163.292 294.97 157.021 299.53 151.382C306.3 142.998 313.75 135.214 322.12 128.273C330.05 121.692 338.16 115.421 347.18 110.483C354.15 106.676 361.39 103.341 368.66 100.115C379.13 95.4674 390.24 92.873 401.39 90.4289C410.67 88.4055 430.03 87.3237 438.96 88.6158C438.51 95.9282 436.63 103.05 435.44 110.262C434.26 117.394 432.94 124.496 431.6 132.109C428.15 132.44 424.73 132.7 421.32 133.121C416.25 133.752 411.15 134.263 406.15 135.265C395.4 137.428 385.13 141.044 375.33 145.973C366.85 150.23 358.98 155.398 351.89 161.709C348.8 164.464 345.52 167.048 342.67 170.033C335.77 177.225 329.99 185.279 324.68 193.713C320.48 200.364 317.45 207.536 314.8 214.839C312.05 222.422 310.33 230.315 308.95 238.308C307.43 247.093 307.9 255.898 308.2 264.653C308.48 272.867 310.18 281 312.49 288.934C313.45 292.239 314.44 295.535 315.62 299.481C332.06 289.705 348.08 280.169 364.47 270.422C361.92 263.631 359.46 257.16 357.05 250.669C354.63 244.178 352.26 237.667 349.78 230.926C352.79 227.871 355.71 224.936 358.6 221.971C369.97 210.291 381.46 198.712 392.6 186.821C395.77 183.436 399.36 181.913 403.66 181.062C414.16 178.978 424.63 176.734 435.11 174.541C441.87 173.128 448.62 171.686 455.69 170.193C461.36 177.175 467.08 184.217 472.94 191.439C471.8 192.671 470.85 193.783 469.82 194.815C463 201.656 455.97 208.308 449.41 215.4C446.18 218.896 442.34 220.709 438.01 221.961C433.09 223.383 428.16 224.745 423.25 226.198C422.5 226.418 421.73 226.909 421.19 227.48C416.62 232.298 412.15 237.216 407.55 241.995C405.9 243.697 405.89 245.31 406.67 247.424C408.91 253.474 410.92 259.604 413.12 265.674C413.5 266.716 414.27 267.668 415.04 268.499C419.55 273.377 424.05 278.266 428.73 282.974C429.48 283.725 431.24 284.055 432.33 283.775C438.57 282.182 444.72 280.289 450.94 278.636C453.49 277.955 455.32 276.443 457.01 274.559C460.1 271.094 463.55 267.898 466.27 264.172C469.55 259.684 473.91 257.901 479.09 256.82C483.44 255.908 487.58 254.045 491.83 252.673C496.23 251.25 500.69 249.998 505.07 248.495C507.08 247.804 508.18 248.305 508.99 250.198C512.16 257.671 515.4 265.114 518.76 272.917C515.97 276.342 513.04 279.918 510.13 283.515C505.45 289.304 500.81 295.124 496.12 300.904C492.16 305.782 487.86 310.42 484.26 315.549C481.66 319.255 478.09 320.717 474.16 321.959C462.33 325.716 450.52 329.502 438.69 333.268C431.61 335.522 424.51 337.756 416.91 340.16C415.33 338.648 413.45 337.055 411.81 335.232C407.16 330.053 402.62 324.794 398.03 319.565C395.63 316.831 393.3 314.006 390.79 311.382C388.08 308.557 387.52 308.557 384.41 310.42C377.88 314.337 371.33 318.243 364.82 322.19C356.32 327.328 347.85 332.507 339.09 337.836C341.26 341.482 344.39 344.257 347.49 346.811C353.22 351.539 359.26 355.907 365.37 360.144C376.53 367.867 388.92 372.815 402.07 376.081C409.82 378.004 417.59 379.286 425.6 379.076C426.74 379.046 427.88 379.446 429.02 379.516C430.64 379.617 432.27 379.667 433.88 379.587C435.19 379.526 436.48 379.106 437.79 379.076C442.03 378.966 442.07 378.996 443.29 383.443C446.74 396.014 450.16 408.585 453.58 421.167C453.7 421.597 453.65 422.068 453.7 422.88C449 423.28 444.42 423.781 439.83 424.022C436.17 424.212 432.5 423.961 428.83 424.092C414.81 424.593 401.08 422.469 387.69 418.733C366.28 412.763 346.56 403.216 328.88 389.523C320.7 383.183 313.41 375.95 306.16 368.648C304.89 367.366 303.97 365.743 302.78 364.371C300.52 361.746 299.87 361.526 296.85 363.189C292.49 365.583 288.24 368.167 283.98 370.722C277.72 374.458 271.49 378.234 265.25 382.001C264.56 382.421 263.91 382.902 263.18 383.403C263.7 387.54 267.09 389.654 269.19 392.448C272.55 396.946 276.45 401.113 280.58 404.939C286.77 410.669 293.38 415.938 299.77 421.457C306.94 427.658 314.86 432.756 322.98 437.604C332.25 443.144 341.84 448.092 351.94 451.808C361.7 455.394 371.65 458.54 381.69 461.244C388.49 463.077 395.62 463.678 402.56 465.061C414.21 467.385 425.99 467.224 437.75 466.924C444.49 466.754 451.21 465.622 457.94 465.071C465.69 464.44 473.25 462.767 480.79 461.014C492.41 458.319 503.64 454.453 514.64 449.795C530.77 442.963 545.63 433.968 559.65 423.601C570.63 415.477 580.59 406.061 589.5 395.774C598.25 385.667 606.72 375.209 612.97 363.219C615.56 358.241 618.38 353.382 621.25 348.184C635.52 353.322 649.65 358.411 664.03 363.59C663.75 364.691 663.65 365.663 663.26 366.484C655.92 381.77 647.35 396.285 636.95 409.727C628.93 420.105 620.71 430.292 611.17 439.307C604.8 445.327 598.41 451.358 591.25 456.496C584.53 461.314 578.16 466.653 571.24 471.151C556.34 480.857 540.49 488.721 523.9 495.262C508.29 501.412 492.07 505.198 475Line truncated
fill="var(--color-brand)"
fill="#05CE45"
/>
<path
d="M688 277.074C687.69 277.615 687.11 278.136 687.09 278.686C686.56 293.612 683.03 308.016 679.73 322.45C675.99 322.05 642.32 309.939 636.41 306.894C637.6 300.173 638.85 293.431 639.97 286.66C641.13 279.648 641.76 272.606 642.1 265.484C642.43 258.563 642.1 251.691 642.02 244.789C641.94 237.858 641.47 231.006 639.48 223.784C625.94 227.39 612.76 230.896 599.27 234.492C599.19 235.964 598.74 237.507 599.09 238.839C600.63 244.749 599.88 250.739 599.99 256.699C600.43 280.079 595.08 302.226 585.83 323.592C580.73 335.372 574.24 346.311 566.66 356.598C559.95 365.713 552.43 374.228 543.81 381.53C534.36 389.543 524.76 397.497 513.41 402.896C508.18 405.39 503.03 408.045 497.83 410.599C497.43 410.799 496.9 410.759 496.49 410.819C494.33 407.514 486.2 378.274 484.59 368.177C533.62 341.532 557.58 300.664 554.95 244.639C548.26 194.314 521.33 159.555 474.14 139.752C476.69 125.278 479.28 110.593 481.96 95.3973C486 96.7796 489.75 97.8414 493.32 99.3439C504.19 103.932 514.89 108.93 524.68 115.541C537.67 124.316 549.44 134.653 559.65 146.473C570.52 159.055 579.39 173.078 585.96 188.434C587.1 191.099 587.3 191.279 589.95 190.578C602.53 187.272 615.11 183.917 628.08 180.481C627.53 178.608 627.18 176.845 626.5 175.232C618.95 157.262 609.28 140.493 597.33 125.107C590.3 116.052 582.71 107.398 574.08 99.8448C561.23 88.6058 547.51 78.599 532.54 70.1948C521.76 64.1446 510.5 59.3665 498.93 55.3798C488.2 51.6836 477.17 48.8788 465.88 46.9756C450.75 44.4313 435.58 43.7201 420.33 44.221C414.75 44.4013 409.21 45.6033 403.63 46.004C394.2 46.6851 385.07 48.979 375.97 51.2128C367.14 53.3764 358.57 56.4516 350.19 60.0276C346.54 61.5903 342.73 62.8324 339.19 64.6053C333.26 67.5804 327.36 70.6455 321.67 74.0713C316.29 77.3068 311.08 80.8628 306.03 84.5991C300.85 88.4255 295.84 92.5124 290.96 96.7195C286.31 100.726 281.67 104.793 277.47 109.261C267.13 120.259 257.6 131.919 250.05 145.061C246.17 151.812 242.21 158.564 238.88 165.596C231.64 180.881 226.13 196.788 222.94 213.466C222.13 217.674 220.91 221.79 220.92 226.148C220.92 227.36 220.13 228.582 219.6 230.084H176C176 229.083 176 228.081 176 227.089C176.32 226.548 176.92 226.008 176.9 225.477C176.77 220.298 178.02 215.33 178.92 210.291C181.03 198.581 183.94 187.072 187.69 175.803C189.88 169.212 192.51 162.771 195.06 156.31C199.14 145.933 204.4 136.146 210.05 126.57C215.44 117.444 221.43 108.74 227.82 100.265C233.72 92.4423 240.04 84.9797 246.83 77.9879C253.05 71.5771 260.16 66.0378 266.65 59.8774C274.64 52.3046 283.78 46.2644 292.92 40.3544C303.06 33.8034 313.58 27.8033 324.82 23.0953C335.82 18.4876 346.77 13.8598 358.24 10.4941C373.31 6.07663 388.68 3.1517 404.23 1.2585C411.77 0.336948 419.45 0.136611 427.06 0.206729C436.84 0.296881 446.65 -0.714826 456.41 1.05816C463.53 2.35034 470.77 2.98141 477.92 4.14337C489.5 6.02654 500.81 9.12177 511.97 12.6778C521.29 15.6428 530.2 19.6796 539.17 23.5661C548.81 27.7432 557.74 33.1222 566.71 38.4312C572.54 41.877 577.86 46.1642 583.55 49.8705C592.62 55.7704 600.49 63.1529 608.47 70.325C615 76.1949 620.72 82.9663 626.72 89.4172C628.86 91.7211 630.91 94.1352 632.73 96.6794C638.01 104.082 643.32 111.474 648.31 119.057C655.9 130.577 662.42 142.737 667.58 155.519C673.71 170.684 679.37 186.06 682.52 202.197C683.75 208.498 685.02 214.799 685.94 221.149C686.6 225.717 686.7 230.365 687.12 234.973C687.16 235.373 687.69 235.724 687.99 236.095V277.084L688 277.074Z"
fill="var(--color-brand)"
fill="#05CE45"
/>
</g>
</g>
@@ -931,7 +931,7 @@ useSeoMeta({
y2="512"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="var(--color-brand)" />
<stop stop-color="#E7FFEF" />
<stop offset="0.678759" stop-color="white" />
</linearGradient>
<linearGradient
@@ -975,11 +975,8 @@ useSeoMeta({
y2="512"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="var(--color-brand)" />
<stop
offset="0.678759"
stop-color="color-mix(in srgb, var(--color-brand), black 50%)"
/>
<stop stop-color="#05CE45" />
<stop offset="0.678759" stop-color="#051F10" />
</linearGradient>
<clipPath id="clip0_127_331">
<rect width="512" height="512" rx="256" fill="white" />
@@ -1004,18 +1001,9 @@ useSeoMeta({
<style scoped lang="scss">
.landing-hero {
&::before {
content: "";
position: absolute;
inset: 0;
background: #0f1121 url("https://cdn-raw.modrinth.com/app-landing/cube-black.png") no-repeat
center 4rem;
background-size: cover;
filter: saturate(0.1);
z-index: -1;
}
position: relative;
background: #0f1121 url("https://cdn-raw.modrinth.com/app-landing/cube-black.png") no-repeat
center 4rem;
background-size: cover;
padding: 6rem 1rem 12rem 1rem;
margin-top: -5rem;
@@ -1136,9 +1124,9 @@ useSeoMeta({
flex-direction: row;
justify-content: space-between;
align-items: center;
border-radius: 0;
border-radius: var(--radius-md);
border: 1px solid var(--landing-border-color);
background: linear-gradient(0deg, #55403b 0%, #55413b 100%), rgba(85, 64, 59, 0.15);
background: linear-gradient(0deg, #3b3f55 0%, #3b3f55 100%), rgba(59, 63, 85, 0.15);
margin-bottom: 0.5rem;
white-space: nowrap;
font-size: var(--font-size-sm);
@@ -1149,8 +1137,8 @@ useSeoMeta({
align-items: center;
gap: 0.5rem;
padding: var(--gap-sm) var(--gap-md);
border-radius: 0;
background-color: #2f221e;
border-radius: var(--radius-sm);
background-color: #1e202f;
flex-grow: 1;
max-width: 12rem;
}
@@ -1292,8 +1280,8 @@ useSeoMeta({
align-items: center;
padding: var(--gap-sm);
gap: var(--gap-md);
border-radius: 0;
background: linear-gradient(0deg, #55413b 0%, #553d3b 100%), rgba(85, 63, 59, 0.15);
border-radius: var(--radius-md);
background: linear-gradient(0deg, #3b3f55 0%, #3b3f55 100%), rgba(59, 63, 85, 0.15);
border: 1px solid var(--landing-border-color);
margin-bottom: 1rem;
width: 20rem;
@@ -1324,7 +1312,7 @@ useSeoMeta({
flex-direction: row;
align-items: center;
gap: 0.25rem;
border-radius: 0;
border-radius: var(--radius-sm);
}
.small-button {
@@ -1333,7 +1321,7 @@ useSeoMeta({
align-items: center;
gap: 0.25rem;
padding: var(--gap-xs) var(--gap-md);
border-radius: 0;
border-radius: var(--radius-lg);
border: 1px solid var(--landing-border-color);
font-size: var(--font-size-xs);
}
@@ -1417,7 +1405,7 @@ useSeoMeta({
width: 3rem;
height: 3rem;
padding: 0.5rem;
border-radius: 0;
border-radius: var(--radius-sm);
background-color: var(--color-button-bg);
&.modrinth {
@@ -1462,7 +1450,7 @@ useSeoMeta({
transform: translate(-50%, -50%);
}
.ring-x {
.ring {
position: relative;
display: flex;
justify-content: center;
@@ -1486,8 +1474,8 @@ useSeoMeta({
height: 15rem;
background: radial-gradient(
50% 50% at 50% 50%,
rgba(206, 35, 5, 0.19) 0%,
rgba(49, 20, 15, 0.25) 100%
rgba(5, 206, 69, 0.19) 0%,
rgba(15, 19, 49, 0.25) 100%
);
}
@@ -1498,13 +1486,13 @@ useSeoMeta({
opacity: 0.75;
background: radial-gradient(
50% 50% at 50% 50%,
rgba(206, 42, 5, 0.19) 0%,
rgba(49, 28, 15, 0.25) 100%
rgba(5, 206, 69, 0.19) 0%,
rgba(15, 19, 49, 0.25) 100%
),
radial-gradient(
50% 50% at 50% 50%,
rgba(79, 49, 44, 0.25) 0%,
rgba(50, 36, 32, 0.19) 100%
rgba(44, 48, 79, 0.25) 0%,
rgba(32, 35, 50, 0.19) 100%
);
}
@@ -1515,8 +1503,8 @@ useSeoMeta({
opacity: 0.5;
background: radial-gradient(
50% 50% at 50% 50%,
rgba(79, 52, 44, 0.25) 0%,
rgba(50, 36, 32, 0.19) 100%
rgba(44, 48, 79, 0.25) 0%,
rgba(32, 35, 50, 0.19) 100%
);
}
}
@@ -1635,7 +1623,7 @@ useSeoMeta({
cursor: pointer;
padding: 1rem;
gap: 1rem;
border-radius: 0;
border-radius: 1rem;
border: 1px solid var(--landing-border-color);
transition:
background 0.5s ease-in-out,
@@ -1713,12 +1701,12 @@ useSeoMeta({
z-index: 1;
background: radial-gradient(
50% 50% at 50% 50%,
rgba(79, 53, 44, 0.35) 0%,
rgba(50, 36, 32, 0.27) 100%
rgba(44, 48, 79, 0.35) 0%,
rgba(32, 35, 50, 0.27) 100%
);
box-shadow:
2px 2px 12px 0px rgba(0, 0, 0, 0.16),
2px 2px 64px 0px rgba(94, 68, 57, 0.45) inset;
2px 2px 64px 0px rgba(57, 61, 94, 0.45) inset;
backdrop-filter: blur(6px);
-webkit-backdrop-filter: blur(6px);
max-width: 540px;
@@ -1731,7 +1719,7 @@ useSeoMeta({
margin-bottom: 0.5rem;
background: var(--landing-blue-label-bg);
color: var(--landing-blue-label);
border-radius: 0;
border-radius: 6px;
font-weight: 700;
font-size: 1rem;
}
@@ -1815,7 +1803,7 @@ useSeoMeta({
gap: 0.25rem;
overflow: hidden;
font-size: var(--font-size-sm);
background: rgba(85, 64, 59, 0.15);
background: rgba(59, 63, 85, 0.15);
box-shadow: 2px 2px 12px 0px rgba(0, 0, 0, 0.16);
.btn,
@@ -1850,7 +1838,7 @@ useSeoMeta({
.footer {
padding: var(--gap-xl);
background: black;
background: var(--color-accent-contrast);
color: var(--color-contrast);
text-align: center;
display: flex;
@@ -1862,7 +1850,7 @@ useSeoMeta({
.section-badge {
background-color: var(--color-brand-highlight);
color: var(--color-brand);
border-radius: 0;
border-radius: var(--radius-sm);
width: min-content;
padding: var(--gap-lg) var(--gap-xl);
white-space: nowrap;
@@ -1925,7 +1913,7 @@ useSeoMeta({
justify-content: center;
font-size: var(--font-size-2xl);
gap: var(--gap-sm);
border-radius: 0;
border-radius: var(--radius-md) var(--radius-md) 0 0;
color: var(--color-contrast);
}
@@ -1966,7 +1954,7 @@ useSeoMeta({
.options {
border: 1px solid var(--color-brand);
border-radius: 0;
border-radius: 0 0 var(--radius-md) var(--radius-md);
}
.option {
@@ -2002,7 +1990,7 @@ useSeoMeta({
justify-content: center;
align-items: center;
border: 1px solid var(--landing-border-color);
border-radius: 0;
border-radius: var(--radius-lg);
.icon {
margin: auto;
@@ -2021,7 +2009,7 @@ useSeoMeta({
.gradient-border {
position: relative;
border-radius: 0;
border-radius: var(--radius-lg);
&:before {
content: "";
@@ -2029,7 +2017,7 @@ useSeoMeta({
inset: 0;
padding: 1px;
z-index: -1;
border-radius: 0;
border-radius: 1rem;
background: var(--landing-border-gradient);
-webkit-mask:
@@ -2149,7 +2137,7 @@ useSeoMeta({
}
.bottom-transition {
background: linear-gradient(rgba(#f8f7f7, 0) 0%, #f8f7f7 100%);
background: linear-gradient(rgba(#f8f7f8, 0) 0%, #f8f7f8 100%);
}
.dark-icon {
@@ -2192,16 +2180,14 @@ useSeoMeta({
opacity: 0.75;
background: linear-gradient(
180deg,
rgba(206, 42, 5, 0.15) 0%,
rgba(206, 28, 5, 0) 100%
rgba(5, 206, 69, 0.15) 0%,
rgba(5, 206, 69, 0) 100%
) !important;
}
.landing-hero {
&::before {
background: url("https://cdn-raw.modrinth.com/app-landing/cube-light.png") no-repeat center
4rem;
}
background: url("https://cdn-raw.modrinth.com/app-landing/cube-light.png") no-repeat center 4rem;
background-size: cover;
}
.base-ring {
@@ -2211,24 +2197,24 @@ useSeoMeta({
.first-ring {
background: linear-gradient(
180deg,
rgba(206, 22, 5, 0.15) 0%,
rgba(206, 52, 5, 0) 100%
rgba(5, 206, 69, 0.15) 0%,
rgba(5, 206, 69, 0) 100%
) !important;
}
.second-ring {
background: linear-gradient(
180deg,
rgba(206, 22, 5, 0.15) 0%,
rgba(206, 65, 5, 0) 100%
rgba(5, 206, 69, 0.15) 0%,
rgba(5, 206, 69, 0) 100%
) !important;
}
.third-ring {
background: linear-gradient(
180deg,
rgba(206, 22, 5, 0.15) 0%,
rgba(206, 75, 5, 0) 100%
rgba(5, 206, 69, 0.15) 0%,
rgba(5, 206, 69, 0) 100%
) !important;
}
@@ -2247,7 +2233,7 @@ useSeoMeta({
.main-header-strong {
font-weight: 600;
background-color: #bd4200;
background-color: #00bd3c;
background-image: linear-gradient(180deg, #a7d0ff 0%, var(--color-brand) 60%);
background-size: 100%;
background-clip: text;
apps/frontend/src/pages/index.vue
+17 -31
View File
@@ -432,11 +432,11 @@
<g opacity="0.5">
<path
d="M176 274.069H219.65C221.89 299.001 228.25 322.42 238.87 345.249C245.4 342.033 251.37 338.016 257.52 334.3C263.76 330.534 270.07 326.908 276.62 323.061C276.21 321.669 275.95 320.216 275.37 318.914C271.05 309.378 268.47 299.251 266.32 289.114C265.03 283.054 264.41 276.743 263.73 270.513C262.89 262.86 262.94 255.257 263.11 247.654C263.26 241.083 264.11 234.482 265.21 227.991C266.88 218.064 269.39 208.308 272.94 198.852C276.79 188.594 281.19 178.588 287.21 169.382C291.19 163.292 294.97 157.021 299.53 151.382C306.3 142.998 313.75 135.214 322.12 128.273C330.05 121.692 338.16 115.421 347.18 110.483C354.15 106.676 361.39 103.341 368.66 100.115C379.13 95.4674 390.24 92.873 401.39 90.4289C410.67 88.4055 430.03 87.3237 438.96 88.6158C438.51 95.9282 436.63 103.05 435.44 110.262C434.26 117.394 432.94 124.496 431.6 132.109C428.15 132.44 424.73 132.7 421.32 133.121C416.25 133.752 411.15 134.263 406.15 135.265C395.4 137.428 385.13 141.044 375.33 145.973C366.85 150.23 358.98 155.398 351.89 161.709C348.8 164.464 345.52 167.048 342.67 170.033C335.77 177.225 329.99 185.279 324.68 193.713C320.48 200.364 317.45 207.536 314.8 214.839C312.05 222.422 310.33 230.315 308.95 238.308C307.43 247.093 307.9 255.898 308.2 264.653C308.48 272.867 310.18 281 312.49 288.934C313.45 292.239 314.44 295.535 315.62 299.481C332.06 289.705 348.08 280.169 364.47 270.422C361.92 263.631 359.46 257.16 357.05 250.669C354.63 244.178 352.26 237.667 349.78 230.926C352.79 227.871 355.71 224.936 358.6 221.971C369.97 210.291 381.46 198.712 392.6 186.821C395.77 183.436 399.36 181.913 403.66 181.062C414.16 178.978 424.63 176.734 435.11 174.541C441.87 173.128 448.62 171.686 455.69 170.193C461.36 177.175 467.08 184.217 472.94 191.439C471.8 192.671 470.85 193.783 469.82 194.815C463 201.656 455.97 208.308 449.41 215.4C446.18 218.896 442.34 220.709 438.01 221.961C433.09 223.383 428.16 224.745 423.25 226.198C422.5 226.418 421.73 226.909 421.19 227.48C416.62 232.298 412.15 237.216 407.55 241.995C405.9 243.697 405.89 245.31 406.67 247.424C408.91 253.474 410.92 259.604 413.12 265.674C413.5 266.716 414.27 267.668 415.04 268.499C419.55 273.377 424.05 278.266 428.73 282.974C429.48 283.725 431.24 284.055 432.33 283.775C438.57 282.182 444.72 280.289 450.94 278.636C453.49 277.955 455.32 276.443 457.01 274.559C460.1 271.094 463.55 267.898 466.27 264.172C469.55 259.684 473.91 257.901 479.09 256.82C483.44 255.908 487.58 254.045 491.83 252.673C496.23 251.25 500.69 249.998 505.07 248.495C507.08 247.804 508.18 248.305 508.99 250.198C512.16 257.671 515.4 265.114 518.76 272.917C515.97 276.342 513.04 279.918 510.13 283.515C505.45 289.304 500.81 295.124 496.12 300.904C492.16 305.782 487.86 310.42 484.26 315.549C481.66 319.255 478.09 320.717 474.16 321.959C462.33 325.716 450.52 329.502 438.69 333.268C431.61 335.522 424.51 337.756 416.91 340.16C415.33 338.648 413.45 337.055 411.81 335.232C407.16 330.053 402.62 324.794 398.03 319.565C395.63 316.831 393.3 314.006 390.79 311.382C388.08 308.557 387.52 308.557 384.41 310.42C377.88 314.337 371.33 318.243 364.82 322.19C356.32 327.328 347.85 332.507 339.09 337.836C341.26 341.482 344.39 344.257 347.49 346.811C353.22 351.539 359.26 355.907 365.37 360.144C376.53 367.867 388.92 372.815 402.07 376.081C409.82 378.004 417.59 379.286 425.6 379.076C426.74 379.046 427.88 379.446 429.02 379.516C430.64 379.617 432.27 379.667 433.88 379.587C435.19 379.526 436.48 379.106 437.79 379.076C442.03 378.966 442.07 378.996 443.29 383.443C446.74 396.014 450.16 408.585 453.58 421.167C453.7 421.597 453.65 422.068 453.7 422.88C449 423.28 444.42 423.781 439.83 424.022C436.17 424.212 432.5 423.961 428.83 424.092C414.81 424.593 401.08 422.469 387.69 418.733C366.28 412.763 346.56 403.216 328.88 389.523C320.7 383.183 313.41 375.95 306.16 368.648C304.89 367.366 303.97 365.743 302.78 364.371C300.52 361.746 299.87 361.526 296.85 363.189C292.49 365.583 288.24 368.167 283.98 370.722C277.72 374.458 271.49 378.234 265.25 382.001C264.56 382.421 263.91 382.902 263.18 383.403C263.7 387.54 267.09 389.654 269.19 392.448C272.55 396.946 276.45 401.113 280.58 404.939C286.77 410.669 293.38 415.938 299.77 421.457C306.94 427.658 314.86 432.756 322.98 437.604C332.25 443.144 341.84 448.092 351.94 451.808C361.7 455.394 371.65 458.54 381.69 461.244C388.49 463.077 395.62 463.678 402.56 465.061C414.21 467.385 425.99 467.224 437.75 466.924C444.49 466.754 451.21 465.622 457.94 465.071C465.69 464.44 473.25 462.767 480.79 461.014C492.41 458.319 503.64 454.453 514.64 449.795C530.77 442.963 545.63 433.968 559.65 423.601C570.63 415.477 580.59 406.061 589.5 395.774C598.25 385.667 606.72 375.209 612.97 363.219C615.56 358.241 618.38 353.382 621.25 348.184C635.52 353.322 649.65 358.411 664.03 363.59C663.75 364.691 663.65 365.663 663.26 366.484C655.92 381.77 647.35 396.285 636.95 409.727C628.93 420.105 620.71 430.292 611.17 439.307C604.8 445.327 598.41 451.358 591.25 456.496C584.53 461.314 578.16 466.653 571.24 471.151C556.34 480.857 540.49 488.721 523.9 495.262C508.29 501.412 492.07 505.198 475Line truncated
fill="var(--color-brand)"
fill="#05CE45"
/>
<path
d="M688 277.074C687.69 277.615 687.11 278.136 687.09 278.686C686.56 293.612 683.03 308.016 679.73 322.45C675.99 322.05 642.32 309.939 636.41 306.894C637.6 300.173 638.85 293.431 639.97 286.66C641.13 279.648 641.76 272.606 642.1 265.484C642.43 258.563 642.1 251.691 642.02 244.789C641.94 237.858 641.47 231.006 639.48 223.784C625.94 227.39 612.76 230.896 599.27 234.492C599.19 235.964 598.74 237.507 599.09 238.839C600.63 244.749 599.88 250.739 599.99 256.699C600.43 280.079 595.08 302.226 585.83 323.592C580.73 335.372 574.24 346.311 566.66 356.598C559.95 365.713 552.43 374.228 543.81 381.53C534.36 389.543 524.76 397.497 513.41 402.896C508.18 405.39 503.03 408.045 497.83 410.599C497.43 410.799 496.9 410.759 496.49 410.819C494.33 407.514 486.2 378.274 484.59 368.177C533.62 341.532 557.58 300.664 554.95 244.639C548.26 194.314 521.33 159.555 474.14 139.752C476.69 125.278 479.28 110.593 481.96 95.3973C486 96.7796 489.75 97.8414 493.32 99.3439C504.19 103.932 514.89 108.93 524.68 115.541C537.67 124.316 549.44 134.653 559.65 146.473C570.52 159.055 579.39 173.078 585.96 188.434C587.1 191.099 587.3 191.279 589.95 190.578C602.53 187.272 615.11 183.917 628.08 180.481C627.53 178.608 627.18 176.845 626.5 175.232C618.95 157.262 609.28 140.493 597.33 125.107C590.3 116.052 582.71 107.398 574.08 99.8448C561.23 88.6058 547.51 78.599 532.54 70.1948C521.76 64.1446 510.5 59.3665 498.93 55.3798C488.2 51.6836 477.17 48.8788 465.88 46.9756C450.75 44.4313 435.58 43.7201 420.33 44.221C414.75 44.4013 409.21 45.6033 403.63 46.004C394.2 46.6851 385.07 48.979 375.97 51.2128C367.14 53.3764 358.57 56.4516 350.19 60.0276C346.54 61.5903 342.73 62.8324 339.19 64.6053C333.26 67.5804 327.36 70.6455 321.67 74.0713C316.29 77.3068 311.08 80.8628 306.03 84.5991C300.85 88.4255 295.84 92.5124 290.96 96.7195C286.31 100.726 281.67 104.793 277.47 109.261C267.13 120.259 257.6 131.919 250.05 145.061C246.17 151.812 242.21 158.564 238.88 165.596C231.64 180.881 226.13 196.788 222.94 213.466C222.13 217.674 220.91 221.79 220.92 226.148C220.92 227.36 220.13 228.582 219.6 230.084H176C176 229.083 176 228.081 176 227.089C176.32 226.548 176.92 226.008 176.9 225.477C176.77 220.298 178.02 215.33 178.92 210.291C181.03 198.581 183.94 187.072 187.69 175.803C189.88 169.212 192.51 162.771 195.06 156.31C199.14 145.933 204.4 136.146 210.05 126.57C215.44 117.444 221.43 108.74 227.82 100.265C233.72 92.4423 240.04 84.9797 246.83 77.9879C253.05 71.5771 260.16 66.0378 266.65 59.8774C274.64 52.3046 283.78 46.2644 292.92 40.3544C303.06 33.8034 313.58 27.8033 324.82 23.0953C335.82 18.4876 346.77 13.8598 358.24 10.4941C373.31 6.07663 388.68 3.1517 404.23 1.2585C411.77 0.336948 419.45 0.136611 427.06 0.206729C436.84 0.296881 446.65 -0.714826 456.41 1.05816C463.53 2.35034 470.77 2.98141 477.92 4.14337C489.5 6.02654 500.81 9.12177 511.97 12.6778C521.29 15.6428 530.2 19.6796 539.17 23.5661C548.81 27.7432 557.74 33.1222 566.71 38.4312C572.54 41.877 577.86 46.1642 583.55 49.8705C592.62 55.7704 600.49 63.1529 608.47 70.325C615 76.1949 620.72 82.9663 626.72 89.4172C628.86 91.7211 630.91 94.1352 632.73 96.6794C638.01 104.082 643.32 111.474 648.31 119.057C655.9 130.577 662.42 142.737 667.58 155.519C673.71 170.684 679.37 186.06 682.52 202.197C683.75 208.498 685.02 214.799 685.94 221.149C686.6 225.717 686.7 230.365 687.12 234.973C687.16 235.373 687.69 235.724 687.99 236.095V277.084L688 277.074Z"
fill="var(--color-brand)"
fill="#05CE45"
/>
</g>
</g>
@@ -450,7 +450,7 @@
y2="512"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="var(--color-brand)" />
<stop stop-color="#E7FFEF" />
<stop offset="0.678759" stop-color="white" />
</linearGradient>
<linearGradient
@@ -500,11 +500,8 @@
y2="512"
gradientUnits="userSpaceOnUse"
>
<stop stop-color="var(--color-brand)" />
<stop
offset="0.678759"
stop-color="color-mix(in srgb, var(--color-brand), black 50%)"
/>
<stop stop-color="#05CE45" />
<stop offset="0.678759" stop-color="#051F10" />
</linearGradient>
<clipPath id="clip0_127_331">
<rect width="512" height="512" rx="256" fill="white" />
@@ -579,17 +576,9 @@ async function updateSearchProjects() {
<style lang="scss" scoped>
.landing-hero {
&::before {
content: "";
position: absolute;
inset: 0;
background: var(--landing-maze-bg);
background-size: cover;
z-index: -1;
pointer-events: none;
filter: saturate(0.25);
}
background-image: var(--landing-maze-bg);
background-size: cover;
object-fit: contain;
padding: 6rem 1rem 12rem 1rem;
display: flex;
@@ -639,7 +628,6 @@ async function updateSearchProjects() {
);
height: 12.5rem;
width: 100%;
filter: saturate(0.25);
}
.projects-transition {
@@ -652,7 +640,6 @@ async function updateSearchProjects() {
var(--landing-transition-gradient-end) 0%,
var(--landing-transition-gradient-start) 100%
);
filter: saturate(0.25);
}
.projects-showcase {
@@ -839,9 +826,9 @@ async function updateSearchProjects() {
z-index: -1;
inset: 0 0 -0.75rem -0.75rem;
background: linear-gradient(0deg, #ce4b05 0%, rgba(206, 5, 5, 0) 100%);
background: linear-gradient(0deg, #05ce45 0%, rgba(5, 206, 69, 0) 100%);
opacity: 0.2;
border-radius: 0;
border-radius: 1rem;
margin-top: auto;
width: calc(100% + 1.5rem);
height: 55%;
@@ -967,9 +954,8 @@ async function updateSearchProjects() {
.launcher-view {
.minecraft-screen {
width: 100%;
border-radius: 0;
border-radius: 0.5rem;
aspect-ratio: 530 / 303;
filter: saturate(0.25) hue-rotate(260deg);
}
.launcher-graphics {
@@ -1037,7 +1023,7 @@ async function updateSearchProjects() {
box-shadow:
2px 2px 12px rgba(0, 0, 0, 0.16),
inset 2px 2px 32px #393d5e;
border-radius: 0;
border-radius: 1rem;
svg {
width: 2rem;
@@ -1051,7 +1037,7 @@ async function updateSearchProjects() {
margin-bottom: 0.5rem;
background: var(--landing-blue-label-bg);
color: var(--landing-blue-label);
border-radius: 0;
border-radius: 6px;
font-weight: 700;
font-size: 1rem;
}
@@ -1106,7 +1092,7 @@ async function updateSearchProjects() {
.gradient-border {
position: relative;
border-radius: 0;
border-radius: 1rem;
&:before {
content: "";
@@ -1114,7 +1100,7 @@ async function updateSearchProjects() {
inset: 0;
padding: 1px;
z-index: -1;
border-radius: 0;
border-radius: 1rem;
background: var(--landing-border-gradient);
-webkit-mask:
@@ -1182,8 +1168,8 @@ async function updateSearchProjects() {
.main-header-strong {
font-weight: 600;
background-color: #bd3900;
background-image: linear-gradient(180deg, #ffe6a7 0%, var(--color-brand) 60%);
background-color: #00bd3c;
background-image: linear-gradient(180deg, #a7d0ff 0%, var(--color-brand) 60%);
background-size: 100%;
background-clip: text;
-webkit-text-fill-color: transparent;
apps/frontend/src/pages/servers/index.vue
+12 -12
View File
@@ -33,7 +33,7 @@
<div class="z-[5] flex w-full flex-col gap-8">
<div class="flex flex-col gap-4">
<div
class="relative h-fit w-fit rounded-full bg-brand-highlight px-3 py-1 text-sm font-bold text-brand backdrop-blur-lg"
class="relative h-fit w-fit rounded-full bg-highlight-green px-3 py-1 text-sm font-bold text-brand backdrop-blur-lg"
>
Beta Release
</div>
@@ -105,7 +105,7 @@
<div class="faded-brand-line absolute left-0 top-0 h-[1px] w-full"></div>
<div class="relative mx-auto flex w-full max-w-7xl flex-col gap-8">
<div
class="relative w-fit rounded-full bg-brand-highlight px-3 py-1 text-sm font-bold text-brand backdrop-blur-lg"
class="relative w-fit rounded-full bg-highlight-green px-3 py-1 text-sm font-bold text-brand backdrop-blur-lg"
>
Why Modrinth Servers?
</div>
@@ -121,7 +121,7 @@
<img
src="https://cdn.modrinth.com/servers/excitement.webp"
alt=""
class="absolute right-14 top-0 hidden max-w-[360px] hue-rotate-[280deg] lg:block"
class="absolute right-14 top-0 hidden max-w-[360px] lg:block"
/>
<div class="relative grid w-full grid-cols-1 gap-8 lg:grid-cols-2">
<div class="relative flex flex-col gap-4 rounded-2xl bg-bg p-6 text-left md:p-12">
@@ -234,7 +234,7 @@
<div class="faded-brand-line absolute left-0 top-0 h-[1px] w-full"></div>
<div class="relative mx-auto flex w-full max-w-7xl flex-col gap-8">
<div
class="relative w-fit rounded-full bg-brand-highlight px-3 py-1 text-sm font-bold text-brand backdrop-blur-lg"
class="relative w-fit rounded-full bg-highlight-green px-3 py-1 text-sm font-bold text-brand backdrop-blur-lg"
>
Included with your server
</div>
@@ -250,7 +250,7 @@
<img
src="https://cdn.modrinth.com/servers/waving.webp"
alt=""
class="absolute right-8 top-40 hidden max-w-[480px] hue-rotate-[280deg] lg:block"
class="absolute right-8 top-40 hidden max-w-[480px] lg:block"
/>
<div class="grid grid-cols-1 gap-9 lg:grid-cols-2">
<div class="grid w-full grid-cols-1 gap-8">
@@ -311,11 +311,11 @@
style="
background: radial-gradient(
86.12% 101.64% at 95.97% 94.07%,
rgba(217, 106, 27, 0.23) 0%,
rgba(115, 49, 14, 0.2) 100%
rgba(27, 217, 106, 0.23) 0%,
rgba(14, 115, 56, 0.2) 100%
);
border: 1px solid rgba(107, 48, 12, 0.55);
box-shadow: 0px 12px 38.1px rgba(217, 78, 27, 0.13);
border: 1px solid rgba(12, 107, 52, 0.55);
box-shadow: 0px 12px 38.1px rgba(27, 217, 106, 0.13);
"
class="relative flex flex-col gap-4 overflow-hidden rounded-2xl p-6 text-left sm:backdrop-blur-xl md:p-12"
>
@@ -494,7 +494,7 @@
<div class="flex flex-col gap-8">
<div class="flex flex-col gap-4">
<div
class="relative w-fit rounded-full bg-brand-highlight px-3 py-1 text-sm font-bold text-brand backdrop-blur-lg"
class="relative w-fit rounded-full bg-highlight-green px-3 py-1 text-sm font-bold text-brand backdrop-blur-lg"
>
Server Locations
</div>
@@ -506,7 +506,7 @@
<div class="flex flex-col gap-8">
<div class="flex flex-col gap-4">
<div class="flex items-center gap-3">
<div class="grid size-8 place-content-center rounded-full bg-brand-highlight">
<div class="grid size-8 place-content-center rounded-full bg-highlight-green">
<svg
xmlns="http://www.w3.org/2000/svg"
width="16"
@@ -676,7 +676,7 @@
<div class="flex flex-row items-center justify-between">
<h1 class="m-0">Medium</h1>
<div
class="grid size-8 place-content-center rounded-full bg-highlight-green text-xs font-bold text-green"
class="grid size-8 place-content-center rounded-full bg-highlight-green text-xs font-bold text-brand"
>
M
</div>
packages/assets/styles/classes.scss
+2 -2
View File
@@ -827,7 +827,7 @@ a,
background: var(--color-tooltip-bg) !important;
color: var(--color-tooltip-text) !important;
padding: 0.5rem 0.5rem !important;
border-radius: 0 !important;
border-radius: var(--radius-sm) !important;
filter: drop-shadow(5px 5px 0.8rem rgba(0, 0, 0, 0.35));
font-size: 0.9rem;
font-weight: bold;
@@ -1211,7 +1211,7 @@ select {
border: 1px solid var(--color-button-bg) !important;
padding: var(--gap-sm) !important;
width: fit-content !important;
border-radius: 0 !important;
border-radius: var(--radius-md) !important;
background-color: var(--color-raised-bg) !important;
box-shadow: var(--shadow-floating) !important;
}
packages/assets/styles/variables.scss
+28 -32
View File
@@ -14,11 +14,11 @@
--color-contrast: #1a202c;
--color-accent-contrast: #ffffff;
--color-red: #fa3d3d;
--color-red: #cb2245;
--color-orange: #e08325;
--color-green: #249D3F;
--color-green: #00af5c;
--color-blue: #1f68c0;
--color-purple: #A379C9;
--color-purple: #8e32f3;
--color-gray: #595b61;
--color-red-highlight: rgba(203, 34, 69, 0.25);
@@ -34,9 +34,9 @@
--color-blue-bg: rgba(31, 104, 192, 0.1);
--color-purple-bg: rgba(142, 50, 243, 0.1);
--color-brand: #F16436;
--color-brand-highlight: rgba(242, 101, 53, 0.25);
--color-brand-shadow: rgba(242, 101, 53, 0.7);
--color-brand: var(--color-green);
--color-brand-highlight: var(--color-green-highlight);
--color-brand-shadow: rgba(0, 175, 92, 0.7);
--shadow-inset-lg: inset 0px -2px 2px hsla(221, 39%, 91%, 0.1);
--shadow-inset: inset 0px -2px 2px hsla(221, 39%, 91%, 0.05);
@@ -53,17 +53,17 @@
--brand-gradient-bg: linear-gradient(
0deg,
rgba(182, 72, 68, 0.17) 0%,
rgba(250, 103, 58, 0.12) 100%
rgba(68, 182, 138, 0.175) 0%,
rgba(58, 250, 112, 0.125) 100%
);
--brand-gradient-strong-bg: linear-gradient(
270deg,
rgba(182, 102, 68, 0.17) 0%,
rgba(225, 58, 36, 0.12) 100%
rgba(68, 182, 138, 0.175) 0%,
rgba(36, 225, 91, 0.12) 100%
);
--brand-gradient-button: rgba(255, 255, 255, 0.5);
--brand-gradient-border: rgba(64, 38, 32, 0.15);
--brand-gradient-fade-out-color: linear-gradient(to bottom, rgba(235, 217, 213, 0), #ecd2d0 70%);
--brand-gradient-border: rgba(32, 64, 32, 0.15);
--brand-gradient-fade-out-color: linear-gradient(to bottom, rgba(213, 235, 224, 0), #d0ece0 70%);
--color-button-bg-selected: var(--color-brand);
--color-button-text-selected: var(--color-accent-contrast);
@@ -136,11 +136,11 @@ html {
--color-contrast: var(--dark-color-contrast);
--color-accent-contrast: #000000;
--color-red: #fa3d3d;
--color-orange: #edbb22;
--color-green: #249D3F;
--color-red: #ff496e;
--color-orange: #ffa347;
--color-green: #1bd96a;
--color-blue: #4f9cff;
--color-purple: #A379C9;
--color-purple: #c78aff;
--color-gray: #9fa4b3;
--color-red-highlight: rgba(255, 73, 110, 0.25);
@@ -156,9 +156,9 @@ html {
--color-blue-bg: rgba(79, 156, 255, 0.2);
--color-purple-bg: rgba(199, 138, 255, 0.2);
--color-brand: #F16436;
--color-brand-highlight: rgba(242, 101, 53, 0.25);
--color-brand-shadow: rgba(242, 101, 53, 0.7);
--color-brand: var(--color-green);
--color-brand-highlight: rgba(27, 217, 106, 0.25);
--color-brand-shadow: rgba(27, 217, 106, 0.7);
--shadow-inset-lg: inset 0px -2px 2px hsla(221, 39%, 11%, 0.1);
--shadow-inset: inset 0px -2px 2px hsla(221, 39%, 11%, 0.05);
@@ -171,11 +171,11 @@ html {
--shadow-card: rgba(0, 0, 0, 0.25) 0px 2px 4px 0px;
--brand-gradient-bg: linear-gradient(0deg, rgba(35, 22, 14, 0.2) 0%, rgba(0, 0, 0, 0.1) 100%);
--brand-gradient-strong-bg: linear-gradient(270deg, #110909 10%, #1f1613 100%);
--brand-gradient-bg: linear-gradient(0deg, rgba(14, 35, 19, 0.2) 0%, rgba(55, 137, 73, 0.1) 100%);
--brand-gradient-strong-bg: linear-gradient(270deg, #09110d 10%, #131f17 100%);
--brand-gradient-button: rgba(255, 255, 255, 0.08);
--brand-gradient-border: rgba(255, 190, 155, 0.08);
--brand-gradient-fade-out-color: linear-gradient(to bottom, rgba(31, 24, 24, 0), #1e1717 80%);
--brand-gradient-border: rgba(155, 255, 160, 0.08);
--brand-gradient-fade-out-color: linear-gradient(to bottom, rgba(24, 30, 31, 0), #171d1e 80%);
--color-button-bg-selected: var(--color-brand-highlight);
--color-button-text-selected: var(--color-brand);
@@ -208,13 +208,13 @@ html {
--brand-gradient-bg: linear-gradient(
0deg,
rgba(66, 30, 22, 0.15) 0%,
rgba(137, 77, 55, 0.1) 100%
rgba(22, 66, 51, 0.15) 0%,
rgba(55, 137, 73, 0.1) 100%
);
--brand-gradient-strong-bg: linear-gradient(
270deg,
rgba(18, 10, 9, 0.6) 10%,
rgba(31, 21, 19, 0.5) 100%
rgba(9, 18, 14, 0.6) 10%,
rgba(19, 31, 23, 0.5) 100%
);
}
@@ -253,7 +253,7 @@ html {
}
.dark-experiments {
--color-button-bg: #333333;
--color-button-bg: #33363d;
}
.dark-mode:not(.oled-mode),
@@ -270,7 +270,3 @@ html {
@extend .dark-experiments;
}
}
* {
border-radius: 0!important;
}
packages/ui/src/components/base/Avatar.vue
+1 -1
View File
@@ -134,7 +134,7 @@ function hash(str) {
position: relative;
&.circle {
border-radius: 50%!important;
border-radius: 50%;
}
&:not(.no-shadow) {