From eaaee5f60a082e9d5dd7952b4fcd025a31fa4509 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Franz=20Sch=C3=BCnzel?= <f.schuenzel@googlemail.com>
Date: Thu, 16 Jan 2025 15:35:43 +0100
Subject: [PATCH 1/6] opacity for draft to 80% and border to 25%

---
 src/modules/feature/room/BoardTile.vue | 2 +-
 src/styles/utility/_cards.scss         | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/modules/feature/room/BoardTile.vue b/src/modules/feature/room/BoardTile.vue
index 7e8659437c..c09af6364c 100644
--- a/src/modules/feature/room/BoardTile.vue
+++ b/src/modules/feature/room/BoardTile.vue
@@ -1,6 +1,6 @@
 <template>
 	<VCard
-		:class="isDraft ? 'opacity-70' : 'bg-surface-light'"
+		:class="isDraft ? 'opacity-80' : 'bg-surface-light'"
 		:variant="isDraft ? 'outlined' : 'flat'"
 		draggable="false"
 		:data-testid="`board-tile-${index}`"
diff --git a/src/styles/utility/_cards.scss b/src/styles/utility/_cards.scss
index d48fca8168..79c1aedfa3 100644
--- a/src/styles/utility/_cards.scss
+++ b/src/styles/utility/_cards.scss
@@ -1,3 +1,3 @@
 .v-card--variant-outlined {
-	border-color: rgba(0, 0, 0, 0.12) !important;
+	border-color: rgba(var(--v-theme-on-surface), 0.25) 	!important;
 }

From 024bacb1f6b1d91edbd134db985ab94a0b5ac35a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Franz=20Sch=C3=BCnzel?= <f.schuenzel@googlemail.com>
Date: Thu, 16 Jan 2025 15:51:37 +0100
Subject: [PATCH 2/6] delete outline for cards in boards

---
 src/modules/feature/board/card/CardHost.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/modules/feature/board/card/CardHost.vue b/src/modules/feature/board/card/CardHost.vue
index c904a95ad5..6381d3817c 100644
--- a/src/modules/feature/board/card/CardHost.vue
+++ b/src/modules/feature/board/card/CardHost.vue
@@ -11,7 +11,6 @@
 				:height="isLoadingCard ? height : 'auto'"
 				class="card-host"
 				:class="{ 'drag-disabled': isEditMode }"
-				variant="outlined"
 				tabindex="0"
 				min-height="120px"
 				:elevation="isEditMode ? 6 : isHovered ? 4 : 2"

From 4954a47ceeba5cd8590fabd1b6a89b695e90c9de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Franz=20Sch=C3=BCnzel?= <f.schuenzel@googlemail.com>
Date: Wed, 22 Jan 2025 11:36:57 +0100
Subject: [PATCH 3/6] add css rule for element outline

---
 src/styles/utility/_cards.scss | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/styles/utility/_cards.scss b/src/styles/utility/_cards.scss
index 79c1aedfa3..9fb15d65cc 100644
--- a/src/styles/utility/_cards.scss
+++ b/src/styles/utility/_cards.scss
@@ -1,3 +1,7 @@
 .v-card--variant-outlined {
-	border-color: rgba(var(--v-theme-on-surface), 0.25) 	!important;
+	border-color: rgba(var(--v-theme-on-surface), 0.25) !important;
+}
+
+.v-card--variant-outlined--light {
+	border-color: rgba(var(--v-theme-on-surface), 0.12) !important;
 }

From eedaa68214bd72658fe489d54473155b7a870ec8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Franz=20Sch=C3=BCnzel?= <f.schuenzel@googlemail.com>
Date: Thu, 23 Jan 2025 16:22:42 +0100
Subject: [PATCH 4/6] change color back to 12% opacity for board elements

---
 .../board-link-element/components/LinkContentElement.vue     | 2 +-
 .../components/VideoConferenceContentElement.vue             | 2 +-
 src/modules/feature/board/card/ContentElementList.vue        | 5 +++++
 src/styles/utility/_cards.scss                               | 4 ----
 4 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/modules/feature/board-link-element/components/LinkContentElement.vue b/src/modules/feature/board-link-element/components/LinkContentElement.vue
index 67a1c718b6..da2b0325a3 100644
--- a/src/modules/feature/board-link-element/components/LinkContentElement.vue
+++ b/src/modules/feature/board-link-element/components/LinkContentElement.vue
@@ -5,7 +5,7 @@
 			target="_blank"
 			data-testid="board-link-element"
 			:class="{ 'd-none': isHidden }"
-			:variant="outlined"
+			variant="outlined"
 			:ripple="false"
 			:aria-label="ariaLabel"
 			:href="sanitizedUrl"
diff --git a/src/modules/feature/board-video-conference-element/components/VideoConferenceContentElement.vue b/src/modules/feature/board-video-conference-element/components/VideoConferenceContentElement.vue
index dcb52f0873..58c56d0b97 100644
--- a/src/modules/feature/board-video-conference-element/components/VideoConferenceContentElement.vue
+++ b/src/modules/feature/board-video-conference-element/components/VideoConferenceContentElement.vue
@@ -4,7 +4,7 @@
 			class="mb-4"
 			data-testid="video-conference-element"
 			:class="{ 'd-none': isHidden }"
-			:variant="outlined"
+			variant="outlined"
 			ref="videoConferenceElement"
 			:ripple="false"
 			target="_blank"
diff --git a/src/modules/feature/board/card/ContentElementList.vue b/src/modules/feature/board/card/ContentElementList.vue
index abbb4ab1ad..b4a56c812f 100644
--- a/src/modules/feature/board/card/ContentElementList.vue
+++ b/src/modules/feature/board/card/ContentElementList.vue
@@ -347,3 +347,8 @@ const lastElementId = computed<Element["id"] | null>(() => {
 	return props.elements.length > 0 ? props.elements[lastElementIndex].id : null;
 });
 </script>
+<style scoped>
+.v-card--variant-outlined {
+	border-color: rgba(var(--v-theme-on-surface), 0.12) !important;
+}
+</style>
diff --git a/src/styles/utility/_cards.scss b/src/styles/utility/_cards.scss
index 9fb15d65cc..63aca53805 100644
--- a/src/styles/utility/_cards.scss
+++ b/src/styles/utility/_cards.scss
@@ -1,7 +1,3 @@
 .v-card--variant-outlined {
 	border-color: rgba(var(--v-theme-on-surface), 0.25) !important;
 }
-
-.v-card--variant-outlined--light {
-	border-color: rgba(var(--v-theme-on-surface), 0.12) !important;
-}

From 6fd3c83e3c1baeb171fb8fa3de6484e5bcf818aa Mon Sep 17 00:00:00 2001
From: Odalys Adam <odalys.adam@dataport.de>
Date: Thu, 23 Jan 2025 17:50:26 +0100
Subject: [PATCH 5/6] roll back some changes

---
 .../board-link-element/components/LinkContentElement.vue     | 2 +-
 .../components/VideoConferenceContentElement.vue             | 2 +-
 src/modules/feature/board/card/ContentElementList.vue        | 5 -----
 3 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/modules/feature/board-link-element/components/LinkContentElement.vue b/src/modules/feature/board-link-element/components/LinkContentElement.vue
index da2b0325a3..67a1c718b6 100644
--- a/src/modules/feature/board-link-element/components/LinkContentElement.vue
+++ b/src/modules/feature/board-link-element/components/LinkContentElement.vue
@@ -5,7 +5,7 @@
 			target="_blank"
 			data-testid="board-link-element"
 			:class="{ 'd-none': isHidden }"
-			variant="outlined"
+			:variant="outlined"
 			:ripple="false"
 			:aria-label="ariaLabel"
 			:href="sanitizedUrl"
diff --git a/src/modules/feature/board-video-conference-element/components/VideoConferenceContentElement.vue b/src/modules/feature/board-video-conference-element/components/VideoConferenceContentElement.vue
index 58c56d0b97..dcb52f0873 100644
--- a/src/modules/feature/board-video-conference-element/components/VideoConferenceContentElement.vue
+++ b/src/modules/feature/board-video-conference-element/components/VideoConferenceContentElement.vue
@@ -4,7 +4,7 @@
 			class="mb-4"
 			data-testid="video-conference-element"
 			:class="{ 'd-none': isHidden }"
-			variant="outlined"
+			:variant="outlined"
 			ref="videoConferenceElement"
 			:ripple="false"
 			target="_blank"
diff --git a/src/modules/feature/board/card/ContentElementList.vue b/src/modules/feature/board/card/ContentElementList.vue
index b4a56c812f..abbb4ab1ad 100644
--- a/src/modules/feature/board/card/ContentElementList.vue
+++ b/src/modules/feature/board/card/ContentElementList.vue
@@ -347,8 +347,3 @@ const lastElementId = computed<Element["id"] | null>(() => {
 	return props.elements.length > 0 ? props.elements[lastElementIndex].id : null;
 });
 </script>
-<style scoped>
-.v-card--variant-outlined {
-	border-color: rgba(var(--v-theme-on-surface), 0.12) !important;
-}
-</style>

From 55926922fc24335e603e73dfdb3c5bbd78ccd53e Mon Sep 17 00:00:00 2001
From: Odalys Adam <odalys.adam@dataport.de>
Date: Thu, 23 Jan 2025 19:03:06 +0100
Subject: [PATCH 6/6] adjust border colors

---
 .../components/LinkContentElement.vue         |   2 +-
 src/styles/settings.scss                      | 121 +++++++++---------
 src/styles/utility/_cards.scss                |   4 +-
 3 files changed, 60 insertions(+), 67 deletions(-)

diff --git a/src/modules/feature/board-link-element/components/LinkContentElement.vue b/src/modules/feature/board-link-element/components/LinkContentElement.vue
index b42057de0b..7f7def1a9b 100644
--- a/src/modules/feature/board-link-element/components/LinkContentElement.vue
+++ b/src/modules/feature/board-link-element/components/LinkContentElement.vue
@@ -1,6 +1,6 @@
 <template>
 	<v-card
-		class="mb-4"
+		class="mb-4 board-card"
 		target="_blank"
 		data-testid="board-link-element"
 		:class="{ 'd-none': isHidden }"
diff --git a/src/styles/settings.scss b/src/styles/settings.scss
index f2e599b948..3b7ce76e91 100644
--- a/src/styles/settings.scss
+++ b/src/styles/settings.scss
@@ -1,64 +1,57 @@
-@forward 'vuetify/settings' with (
-  $body-font-family: var(--font-primary),
-  $heading-font-family: var(--font-accent),
-  $line-height-root: var(--line-height-md),
-
-  $typography: (
-    "h1": (
-      "size": var(--heading-1),
-      "line-height": var(--line-height-sm),
-    ),
-    "h2": (
-      "size": var(--heading-2),
-      "line-height": var(--line-height-sm),
-    ),
-    "h3": (
-      "size": 33px,
-      "line-height": 40px,
-    ),
-    "h4": (
-      "size": var(--heading-4),
-      "line-height": var(--line-height-sm),
-    ),
-    "h5": (
-      "size": var(--heading-5),
-      "line-height": var(--line-height-sm),
-      "weight": var(--font-weight-bold),
-    ),
-    "h6": (
-      "size": var(--heading-6),
-      "line-height": var(--line-height-sm),
-      "weight": var(--font-weight-bold),
-    ),
-  ),
-
-  // v-btn
-  $button-font-size: 1rem,
-  $button-text-transform: none,
-  $button-font-weight: var(--font-weight-bold),
-  $button-text-letter-spacing: 0.044em,
-  // $button-focus-opacity: 0,
-
-  // tabs
-  // $tabs-item-letter-spacing: inherit,
-
-  // table
-  // $data-table-regular-header-font-size: 1rem,
-  // $data-table-regular-row-font-size: 1rem,
-
-  // card
-  $card-text-letter-spacing: normal,
-  $card-subtitle-opacity: 1,
-
-  // list
-  $list-item-icon-margin-start: 8px,
-
-  // treeview
-  // $treeview-node-margin: 0,
-  // $treeview-node-padding: 0,
-
-  // breadcrumbs
-  $breadcrumbs-item-padding: 0px,
-  // v-label
-  $label-opacity: var(--v-high-emphasis-opacity)
-);
+@forward "vuetify/settings" with (
+	$body-font-family: var(--font-primary),
+	$heading-font-family: var(--font-accent),
+	$line-height-root: var(--line-height-md),
+	$typography: (
+		"h1": (
+			"size": var(--heading-1),
+			"line-height": var(--line-height-sm),
+		),
+		"h2": (
+			"size": var(--heading-2),
+			"line-height": var(--line-height-sm),
+		),
+		"h3": (
+			"size": 33px,
+			"line-height": 40px,
+		),
+		"h4": (
+			"size": var(--heading-4),
+			"line-height": var(--line-height-sm),
+		),
+		"h5": (
+			"size": var(--heading-5),
+			"line-height": var(--line-height-sm),
+			"weight": var(--font-weight-bold),
+		),
+		"h6": (
+			"size": var(--heading-6),
+			"line-height": var(--line-height-sm),
+			"weight": var(--font-weight-bold),
+		),
+	),
+
+	// v-btn
+	$button-font-size: 1rem,
+	$button-text-transform: none,
+	$button-font-weight: var(--font-weight-bold),
+	$button-text-letter-spacing: 0.044em,
+
+	// card
+	$card-text-letter-spacing: normal,
+	$card-subtitle-opacity: 1,
+	$card-border: (
+		"color": rgba(var(--v-theme-on-surface), 0.25),
+		"style": solid,
+		"width": 1px,
+		"thin-width": thin,
+	),
+	// list
+	$list-item-icon-margin-start: 8px,
+
+	// breadcrumbs
+	$breadcrumbs-item-padding: 0px,
+
+	// v-label
+	$label-opacity: var(--v-high-emphasis-opacity)
+); ;
diff --git a/src/styles/utility/_cards.scss b/src/styles/utility/_cards.scss
index 63aca53805..998411262b 100644
--- a/src/styles/utility/_cards.scss
+++ b/src/styles/utility/_cards.scss
@@ -1,3 +1,3 @@
-.v-card--variant-outlined {
-	border-color: rgba(var(--v-theme-on-surface), 0.25) !important;
+.board-card {
+	border-color: rgba(var(--v-theme-on-surface), 0.12);
 }