More homogeneous CSS with the file browser (#128)

* More homogeneous CSS with the file browser

* Update CSS for the visibility button

* Improve cursor

examples/geotiff-2.jGIS

@@ -70,11 +70,11 @@
   },
   "options": {
     "bearing": 0.0,
-    "latitude": 0.0,
-    "longitude": -60.58304633965749,
+    "latitude": 1.4772178422003748,
+    "longitude": -74.82407427644603,
     "pitch": 0.0,
     "projection": "EPSG:3857",
-    "zoom": 2.3083390301394076
+    "zoom": 5.918863237274595
   },
   "sources": {
     "8b1d4258-5d46-48da-b466-496d376b593d": {

packages/base/style/leftPanel.css

@@ -43,18 +43,26 @@
   display: flex;
   flex-direction: row;
   align-items: center;
+  color: var(--jp-ui-font-color1);
 }
 
 .jp-gis-layer.jp-mod-selected,
 .jp-gis-source.jp-mod-selected,
 .jp-gis-layerGroupHeader.jp-mod-selected {
-  background: var(--jp-editor-selected-background);
+  color: var(--jp-ui-inverse-font-color1);
+  background: var(--jp-brand-color1);
 }
 
-.jp-gis-layer:has(.jp-gis-layerTitle:hover),
-.jp-gis-source:has(.jp-gis-sourceTitle:hover) {
+.jp-gis-layer:hover:not(.jp-mod-selected),
+.jp-gis-source:hover:not(.jp-mod-selected) {
   cursor: pointer;
-  background: var(--jp-brand-color2);
+  background: var(--jp-layout-color2);
+}
+
+.jp-gis-layer.jp-mod-selected .jp-icon-selectable,
+.jp-gis-source.jp-mod-selected .jp-icon-selectable,
+.jp-gis-layerGroupHeader.jp-mod-selected .jp-icon-selectable {
+  fill: var(--jp-ui-inverse-font-color1);
 }
 
 .jp-gis-layer button,
@@ -66,6 +74,11 @@
   margin-right: 4px;
 }
 
+.jp-gis-layer.jp-mod-selected button:hover .jp-icon-selectable,
+.jp-gis-source.jp-mod-selected button:hover .jp-icon-selectable {
+  fill: var(--jp-ui-font-color1);
+}
+
 .jp-gis-layerIcon,
 .jp-gis-sourceIcon {
   display: flex;
@@ -113,6 +126,7 @@
 .jp-gis-layerText,
 .jp-gis-sourceText {
   padding: 3px 0;
+  cursor: pointer;
 }
 
 li .lm-Menu-itemLabel {