devonfw#1454 Style Changes

NelsonNew · Dec 20, 2022 · 26f3bc9 · 26f3bc9
1 parent 55c16d9
commit 26f3bc9
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 14 deletions.
diff --git a/cobigen/gui/src/main/resources/com/devonfw/cobigen/gui/dark_theme.css b/cobigen/gui/src/main/resources/com/devonfw/cobigen/gui/dark_theme.css
@@ -7,7 +7,15 @@
     -fx-base: black;
     -fx-accent: #0070AD;
     -fx-control-inner-background: derive(-fx-base, 35.0%);
-    -fx-control-inner-background-alt: -fx-control-inner-background ;
+    -fx-control-inner-background-alt: -fx-control-inner-background;
+}
+
+.split-pane:horizontal > .split-pane-divider {
+   -fx-background-color: transparent;
+   -fx-padding: 0;
+}
+.split-pane:vertical > .split-pane-divider {
+   -fx-padding: 0.5;
 }
 
 /* Text */
@@ -17,12 +25,10 @@ Text {
   -fx-font-weight: 200;
   -fx-font-smoothing-type: lcd;
 }
-
 .header {
  -fx-font-weight: 400;
  -fx-font-size: 16.0px;
 }
-
 .subheader {
  -fx-font-weight: 300;
  -fx-font-size: 14.0px;
@@ -34,8 +40,14 @@ Text {
 }
 
 .text-field {
+    -fx-background-color: -fx-text-box-border, -fx-background ;
+    -fx-background-insets: 0, 0 0 0 0 ;
+    -fx-background-radius: 0 ;
     -fx-prompt-text-fill: gray;
 }
+.text-field:focused {
+    -fx-background-color: -fx-focus-color, -fx-background ;
+}
 
 .button{
     -fx-focus-traversable: false;

diff --git a/cobigen/gui/src/main/resources/com/devonfw/cobigen/gui/styles.css b/cobigen/gui/src/main/resources/com/devonfw/cobigen/gui/styles.css
@@ -7,16 +7,52 @@
 
 }
 .root * {
-    -fx-font: 11px Ubuntu;
+    -fx-font: 11.0px Ubuntu;
     -fx-focus-color: transparent;
     -fx-faint-focus-color: transparent;
     -fx-base: white;
     -fx-accent: #0070AD;
+    -fx-control-inner-background: derive(-fx-base, 35.0%);
+    -fx-control-inner-background-alt: -fx-control-inner-background;
+}
+
+.split-pane:horizontal > .split-pane-divider {
+   -fx-background-color: transparent;
+   -fx-padding: 0.0;
+}
+.split-pane:vertical > .split-pane-divider {
+   -fx-padding: 0.5;
 }
 
 .scroll-bar {
   -fx-background-color: white;
-  -fx-block-increment: 1;
+  -fx-block-increment: 1.0;
+}
+
+/* Text */
+Text {
+  -fx-font: 12.0px Ubuntu;
+  -fx-fill: black;
+  -fx-font-weight: 200;
+  -fx-font-smoothing-type: lcd;
+}
+.header {
+ -fx-font-size: 16.0px;
+ -fx-font-weight: 400;
+}
+.subheader {
+   -fx-font-weight: 300;
+ -fx-font-size: 14.0px;
+}
+
+.text-field {
+    -fx-background-color: -fx-text-box-border, -fx-background ;
+    -fx-background-insets: 0.0, 0.0 0.0 1.0 0.0 ;
+    -fx-background-radius: 0.0 ;
+    -fx-prompt-text-fill: gray;
+}
+.text-field:focused {
+    -fx-background-color: -fx-focus-color, -fx-background ;
 }
 
 /* sets the color when cursor hovers over button*/
@@ -53,9 +89,6 @@ color-picker:hover,
  #templateSetsLabel{
  -fx-background-color: transparent;
 
- }
- #headersText{
- -fx-font-size: 16px;
  }
 
  #homeButtonIcon{
@@ -66,14 +99,8 @@ color-picker:hover,
  .menuButtons{
  -fx-background-color: #0070AD
  }
- .subHeader{
- -fx-font-size: 16px
- }
 
  /* Items in the search panel*/
- .listCell{
-
- }
 .list-cell:filled:selected:focused, .list-cell:filled:selected {
     -fx-background-color: #0070AD;
     -fx-text-fill: white;