diff --git a/src/lib/components/grades/chips.svelte b/src/lib/components/grades/chips.svelte index 2e705e93..9a03d3d8 100644 --- a/src/lib/components/grades/chips.svelte +++ b/src/lib/components/grades/chips.svelte @@ -57,7 +57,7 @@ white-space: nowrap; padding-left: 1rem; padding-right: 1rem; - background-color: white; + background-color: #FBFBF9; &::-webkit-scrollbar { display: none; }; diff --git a/src/lib/components/grades/statsCard.svelte b/src/lib/components/grades/statsCard.svelte index cc185af7..a7c379b5 100644 --- a/src/lib/components/grades/statsCard.svelte +++ b/src/lib/components/grades/statsCard.svelte @@ -150,7 +150,7 @@ - +

Περασμένα μαθήματα

@@ -231,6 +231,7 @@ .subtitle { color: var(--app-color-primary-dark); font-weight: medium; + margin: 0.5rem; } diff --git a/src/lib/components/shared/chip.svelte b/src/lib/components/shared/chip.svelte index f13c1aaa..7821f88c 100644 --- a/src/lib/components/shared/chip.svelte +++ b/src/lib/components/shared/chip.svelte @@ -44,7 +44,7 @@ ion-icon { background-color: rgba(236, 242, 252, 1); color: var(--app-color-primary-dark); font-weight: 700; - box-shadow: var(--shadow-short-md); + box-shadow: var(--shadow-sm); } \ No newline at end of file diff --git a/src/routes/pages/homepage/+page.svelte b/src/routes/pages/homepage/+page.svelte index 88bef489..754dae1c 100644 --- a/src/routes/pages/homepage/+page.svelte +++ b/src/routes/pages/homepage/+page.svelte @@ -95,9 +95,7 @@ {#await getInfo()} {:then} - - - +
diff --git a/src/routes/pages/schedule/+page.svelte b/src/routes/pages/schedule/+page.svelte index 93f6534b..2bf3f375 100644 --- a/src/routes/pages/schedule/+page.svelte +++ b/src/routes/pages/schedule/+page.svelte @@ -78,7 +78,7 @@ {/each}
-
+
{#each currentClasses as courseClass} @@ -106,7 +106,7 @@ ion-segment { margin-top: 5px; - --background: #fff; + /* --background: #fff; */ } .custom-center-label { diff --git a/src/theme/variables.css b/src/theme/variables.css index f8dfec01..b8fb6ad1 100644 --- a/src/theme/variables.css +++ b/src/theme/variables.css @@ -92,18 +92,40 @@ --shadow-xl: 0px -2px 40.6px -1px rgba(0, 0, 0, 0.10), 0px -4px 18px -1px rgba(0, 0, 0, 0.06); - --shadow-sm: 0px -4px 18px -1px rgba(0, 0, 0, 0.06); + --shadow-sm: 0px 4px 18px -1px rgba(0, 0, 0, 0.06); --shadow-md: rgba(149, 157, 165, 0.2) 0px 8px 24px; --shadow-short: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; --shadow-short-md: rgba(0, 0, 0, 0.1) 0px 4px 12px; + --shadow-complicated: + 0px 1.2px 1.1px -11px rgba(0, 0, 0, 0.016), + 0px 3.4px 3.1px -11px rgba(0, 0, 0, 0.025), + 0px 8.1px 7.5px -11px rgba(0, 0, 0, 0.035), + 0px 27px 25px -11px rgba(0, 0, 0, 0.07) + ; + ion-card { border-radius: 1rem !important; border: 0.1rem solid #EBEBEB; - box-shadow: var(--shadow-short-md); + /* box-shadow: var(--shadow-short-md); */ + box-shadow: var(--shadow-sm); /* margin: 0 !important; */ } + --ion-background-color: #FBFBF9; + /* --ion-tab-bar-color: #999999; */ + --ion-toolbar-background: #FBFBF9; + --ion-tab-bar-color-selected: var(--app-color-primary-dark); + --ion-tab-bar-background: #FBFBF9; + + ion-card { + --background: white; + } + + ion-list { + background-color: white !important; + } + ion-searchbar { --border-radius: 1rem !important; --box-shadow: var(--shadow-sm); @@ -119,9 +141,9 @@ /* --color: inherit !important; */ } - .tab-selected { + /* .tab-selected { color: var(--app-color-primary-dark) !important; - } + } */ ion-progress-bar { --progress-background: var(--app-color-primary-dark);