Seekra/frontend
3
2
Fork 0
generated from Seekra/repository-template
Code Issues 4 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

Compare commits

base: Seekra/frontend:ba45c0d48839f57803a6c33fd948425d8b45d707
Branches Tags
Seekra/frontend:main Seekra/frontend:feature/settings-renderer Seekra/frontend:chore/privacy-policy-and-imprint
...
compare: Seekra/frontend:66483a3a6af88696591d19e8914e372d99e5d83a
Branches Tags
Seekra/frontend:main Seekra/frontend:feature/settings-renderer Seekra/frontend:chore/privacy-policy-and-imprint

7 Commits
ba45c0d488 ... 66483a3a6a

Author SHA1 Message Date
johannes.vos 66483a3a6a Add Border 2026-05-19 19:11:27 +02:00
johannes.vos d5c714cbd8 Change Colors of Footer 2026-05-19 19:09:51 +02:00
johannes.vos d8a4c0023b Change Colors of Footer 2026-05-19 19:07:24 +02:00
johannes.vos 5b8c13c8cf Remove Background 2026-05-19 18:59:39 +02:00
johannes.vos b172e3cf2b Change Backgorund Color 2026-05-19 18:57:18 +02:00
johannes.vos 46a2caf845 Make Border of Button visible / lighter in DarkMode 2026-05-19 18:55:01 +02:00
johannes.vos 63d14ddefd Change Black Varbiable to gray 2026-05-19 18:49:00 +02:00
3 changed files with 11 additions and 10 deletions
Expand all files Collapse all files
src/features/colorScheme/components/ColorSchemeButton.vue
+1 -1
View File
@@ -51,7 +51,7 @@ const colorSchemeIconMapper = {
<style scoped> <style scoped>
.color-scheme-button { .color-scheme-button {
background: none; background: none;
border: 1.5px solid var(--light-d-3); border: 1.5px solid var(--dark-l-8);
border-radius: 50%; border-radius: 50%;
width: 36px; width: 36px;
height: 36px; height: 36px;
src/features/footer/components/Footer.vue
+2 -1
View File
@@ -40,7 +40,8 @@ const copyrightPeriod =
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: var(--padding-y); padding: var(--padding-y);
background-color: var(--light-d-1);
margin-top: var(--padding-y); margin-top: var(--padding-y);
background-color: var(--light-bg);
border-top: 1px solid var(--light-d-8);
} }
</style> </style>
src/styles/variables/colors.css
+8 -8
View File
@@ -88,9 +88,9 @@ limitations under the License.
--dark-l-2: var(--white-d-2); --dark-l-2: var(--white-d-2);
--dark-l-1: var(--white-d-1); --dark-l-1: var(--white-d-1);
--dark: var(--white); --dark: var(--white);
--light: var(--black); --light: var(--black);
--light-d-1: var(--black-l-1); --light-d-1: oklch(0.10 0 0);
--light-d-2: var(--black-l-2); --light-d-2: var(--black-l-2);
--light-d-3: var(--black-l-3); --light-d-3: var(--black-l-3);
--light-d-4: var(--black-l-4); --light-d-4: var(--black-l-4);
@@ -98,9 +98,9 @@ limitations under the License.
--light-d-6: var(--black-l-6); --light-d-6: var(--black-l-6);
--light-d-7: var(--black-l-7); --light-d-7: var(--black-l-7);
--light-d-8: var(--black-l-8); --light-d-8: var(--black-l-8);
--dark-bg: var(--white); --dark-bg: var(--white);
--light-bg: var(--black); --light-bg: oklch(0.18 0 0);
} }
} }
@@ -114,9 +114,9 @@ limitations under the License.
--dark-l-2: var(--white-d-2); --dark-l-2: var(--white-d-2);
--dark-l-1: var(--white-d-1); --dark-l-1: var(--white-d-1);
--dark: var(--white); --dark: var(--white);
--light: var(--black); --light: var(--black);
--light-d-1: var(--black-l-1); --light-d-1: oklch(0.10 0 0);
--light-d-2: var(--black-l-2); --light-d-2: var(--black-l-2);
--light-d-3: var(--black-l-3); --light-d-3: var(--black-l-3);
--light-d-4: var(--black-l-4); --light-d-4: var(--black-l-4);
@@ -124,7 +124,7 @@ limitations under the License.
--light-d-6: var(--black-l-6); --light-d-6: var(--black-l-6);
--light-d-7: var(--black-l-7); --light-d-7: var(--black-l-7);
--light-d-8: var(--black-l-8); --light-d-8: var(--black-l-8);
--dark-bg: var(--white); --dark-bg: var(--white);
--light-bg: var(--black); --light-bg: oklch(0.18 0 0);
} }