CSS brother --> sibling

lorens-osman-dev · lorens-osman-dev · commit 3042e7790deb · 2025-02-01T20:21:37.000+03:00
diff --git a/src/style/parts/family-modal.scss b/src/style/parts/family-modal.scss
@@ -2,7 +2,7 @@
 .prompt {
   background-color: var(--background-primary);
 
-  &:has(.brother),
+  &:has(.sibling),
   &:has(.child),
   &:has(.cluster),
   &:has(.delete),
@@ -43,8 +43,8 @@
       background-color: var(--background-prompt-child);
     }
 
-    &.brother {
-      background-color: var(--background-prompt-brother);
+    &.sibling {
+      background-color: var(--background-prompt-sibling);
     }
 
     &.orphan {
diff --git a/src/style/parts/file-menu.scss b/src/style/parts/file-menu.scss
@@ -17,11 +17,11 @@
 }
 
 .menu-item:has(.menu-item-icon .lucide-git-compare) {
-  background-color: var(--background-menu-brother);
+  background-color: var(--background-menu-sibling);
 }
 
 .menu-item.selected:has(.menu-item-icon .lucide-git-compare) {
-  background-color: var(--background-menu-brother-selected);
+  background-color: var(--background-menu-sibling-selected);
 }
 
 .menu-item:has(.menu-item-icon .lucide-disc) {
diff --git a/src/style/parts/variables.scss b/src/style/parts/variables.scss
@@ -2,7 +2,7 @@
   //-prompt colors
   --background-prompt-child: hsl(340.53deg 50% 30%);
   --background-prompt-cluster: hsl(154.99deg 50% 30%);
-  --background-prompt-brother: hsl(210.38deg 50% 30%);
+  --background-prompt-sibling: hsl(210.38deg 50% 30%);
   --background-prompt-orphan: hsl(303deg 50% 30%);
   --background-prompt-delete: hsl(5, 83%, 42%);
   //-tree colors
@@ -13,8 +13,8 @@
   --background-menu-cluster-selected: hsl(154.99deg 50% 30%/ 80%) !important;
   --background-menu-child: hsl(341deg 50% 30% / 40%) !important;
   --background-menu-child-selected: hsl(341deg 50% 30% / 80%) !important;
-  --background-menu-brother: hsl(210deg 50% 30% / 40%) !important;
-  --background-menu-brother-selected: hsl(210deg 50% 30% / 80%) !important;
+  --background-menu-sibling: hsl(210deg 50% 30% / 40%) !important;
+  --background-menu-sibling-selected: hsl(210deg 50% 30% / 80%) !important;
   --background-menu-orphan: hsl(303deg 50% 30%/ 40%) !important;
   --background-menu-orphan-selected: hsl(303deg 50% 30%/ 80%) !important;
   //- buttons container colors
@@ -38,7 +38,7 @@
   //-prompt colors
   --background-prompt-child: hsl(340.53deg 50% 30%);
   --background-prompt-cluster: hsl(154.99deg 50% 30%);
-  --background-prompt-brother: hsl(210.38deg 50% 30%);
+  --background-prompt-sibling: hsl(210.38deg 50% 30%);
   --background-prompt-orphan: hsl(303deg 50% 30%);
   --background-prompt-delete: hsl(5, 83%, 42%);
   //-tree colors
@@ -49,8 +49,8 @@
   --background-menu-cluster-selected: hsl(154.99deg 50% 30%/ 80%) !important;
   --background-menu-child: hsl(341deg 50% 30% / 40%) !important;
   --background-menu-child-selected: hsl(341deg 50% 30% / 80%) !important;
-  --background-menu-brother: hsl(210deg 50% 30% / 40%) !important;
-  --background-menu-brother-selected: hsl(210deg 50% 30% / 80%) !important;
+  --background-menu-sibling: hsl(210deg 50% 30% / 40%) !important;
+  --background-menu-sibling-selected: hsl(210deg 50% 30% / 80%) !important;
   --background-menu-orphan: hsl(303deg 50% 30%/ 40%) !important;
   --background-menu-orphan-selected: hsl(303deg 50% 30%/ 80%) !important;
   //- buttons container colors
diff --git a/styles.css b/styles.css

Original file line number	Diff line number	Diff line change
`@@ -17,11 +17,11 @@`
`17`	`17`	`}`
`18`	`18`
`19`	`19`	`.menu-item:has(.menu-item-icon .lucide-git-compare) {`
`20`		`- background-color: var(--background-menu-brother);`
	`20`	`+ background-color: var(--background-menu-sibling);`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`.menu-item.selected:has(.menu-item-icon .lucide-git-compare) {`
`24`		`- background-color: var(--background-menu-brother-selected);`
	`24`	`+ background-color: var(--background-menu-sibling-selected);`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`.menu-item:has(.menu-item-icon .lucide-disc) {`