Updated for Swordfish 4.6.0

rmraya · Jul 26, 2021 · 3ac1a18 · 3ac1a18
1 parent 4d85e6c
commit 3ac1a18
Show file tree

Hide file tree

Showing 19 changed files with 239 additions and 159 deletions.
diff --git a/css/dark.css b/css/dark.css
@@ -9,7 +9,7 @@
 }
 
 body {
-	background: var(--gray160);
+	background: var(--gray150);
 	color: var(--gray10);
 	fill: var(--gray10);
 	stroke: var(--gray10);
@@ -491,9 +491,9 @@ th svg {
 }
 
 .tab:hover {
-	color: var(--gray10);
-	fill: var(--gray10);
-	stroke: var(--gray10);
+	color: var(--themeTertiary);
+	fill: var(--themeTertiary);
+	stroke: var(--themeTertiary);
 }
 
 .selectedTab:hover {
@@ -520,8 +520,8 @@ th svg {
 	display: block;
 }
 
-.hiddenTab {
-	display: none;
+.lighter {
+	background-color: var(--gray150);
 }
 
 .panel {
@@ -534,6 +534,7 @@ th svg {
 	margin: 0;
 	padding-top: 0;
 	padding-left: 4px;
+	border-radius: 4px 4px 0px 0px;
 	background: var(--themeDark);
 	color: var(--white);
 	white-space: nowrap;
@@ -542,6 +543,10 @@ th svg {
 	vertical-align: middle;
 }
 
+.roundedBottom {
+	border-radius: 0px 0px 4px 4px;
+}
+
 .panelcontent {
 	z-index: -20;
 	display: block;
@@ -645,7 +650,7 @@ svg.stats {
 .statsRect {
 	stroke-width: 1;
 	stroke: var(--white);
-	fill: none;
+	fill: var(--gray160);
 }
 
 .statsFiller {
@@ -682,23 +687,25 @@ svg.stats {
 	margin-right: 8px;
 	margin-left: 8px;
 	margin-bottom: 8px;
-	border-radius: 2px;
+	border-radius: 4px;
 	width: calc(100% - 16px);
 	height: calc(100% - 16px);
 	overflow: auto;
-	box-shadow: 0px 2px 4px var(--black);
+	background: var(--gray160);
+	border: 1px solid var(--black);
 }
 
 .leftPaddedPanel {
 	margin-top: 8px;
 	margin-right: 4px;
 	margin-left: 8px;
 	margin-bottom: 8px;
-	border-radius: 2px;
+	border-radius: 4px;
 	width: calc(100% - 12px);
 	height: calc(100% - 16px);
 	overflow: auto;
-	box-shadow: 0px 2px 4px var(--black);
+	background: var(--gray160);
+	border: 1px solid var(--black);
 }
 
 .rightPaddedPanel {
@@ -712,30 +719,33 @@ svg.stats {
 	margin-right: 8px;
 	margin-left: 4px;
 	margin-bottom: 4px;
-	border-radius: 2px;
+	border-radius: 4px;
 	width: calc(100% - 12px);
 	height: calc(100% - 12px);
-	box-shadow: 0px 2px 4px var(--black);
+	background: var(--gray160);
+	border: 1px solid var(--black);
 }
 
 .centerPaddedPanel {
 	margin-top: 4px;
 	margin-right: 8px;
 	margin-left: 4px;
 	margin-bottom: 4px;
-	border-radius: 2px;
+	border-radius: 4px;
 	width: calc(100% - 12px);
 	height: calc(100% - 8px);
-	box-shadow: 0px 2px 4px var(--black);
+	background: var(--gray160);
+	border: 1px solid var(--black);
 }
 
 .bottomPaddedPanel {
 	margin-top: 4px;
 	margin-right: 8px;
 	margin-left: 4px;
 	margin-bottom: 8px;
-	border-radius: 2px;
+	border-radius: 4px;
 	width: calc(100% - 12px);
 	height: calc(100% - 12px);
-	box-shadow: 0px 2px 4px var(--black);
+	background: var(--gray160);
+	border: 1px solid var(--black);
 }
diff --git a/css/light.css b/css/light.css
@@ -149,7 +149,7 @@ td.final {
 }
 
 tr.selected {
-	background-color: var(--white) !important;
+	background-color: var(--themeLighter) !important;
 }
 
 .discover tr:hover {
@@ -465,7 +465,7 @@ th svg {
 	display: flex;
 	flex-flow: row;
 	color: var(--black);
-	background: var(--gray30);
+	background: var(--gray10);
 	margin: 0;
 	padding: 0;
 }
@@ -491,9 +491,9 @@ th svg {
 }
 
 .tab:hover {
-	color: var(--black);
-	fill: var(--black);
-	stroke: var(--black);
+	color: var(--themePrimary);
+	fill: var(--themePrimary);
+	stroke: var(--themePrimary);
 }
 
 .selectedTab:hover {
@@ -520,8 +520,8 @@ th svg {
 	display: block;
 }
 
-.hiddenTab {
-	display: none;
+.lighter {
+	background-color: var(--gray10);
 }
 
 .panel {
@@ -534,6 +534,7 @@ th svg {
 	margin: 0;
 	padding-top: 0;
 	padding-left: 4px;
+	border-radius: 4px 4px 0px 0px;
 	background: var(--themeDark);
 	color: var(--gray10);
 	white-space: nowrap;
@@ -542,6 +543,10 @@ th svg {
 	vertical-align: middle;
 }
 
+.roundedBottom {
+	border-radius: 0px 0px 4px 4px;
+}
+
 .panelcontent {
 	z-index: -20;
 	display: block;
@@ -645,7 +650,7 @@ svg.stats {
 .statsRect {
 	stroke-width: 1;
 	stroke: var(--black);
-	fill: none;
+	fill: var(--gray20);
 }
 
 .statsFiller {
@@ -682,23 +687,25 @@ svg.stats {
 	margin-right: 8px;
 	margin-left: 8px;
 	margin-bottom: 8px;
-	border-radius: 2px;
+	border-radius: 4px;
 	width: calc(100% - 16px);
 	height: calc(100% - 16px);
 	overflow: auto;
-	box-shadow: 0px 2px 4px var(--gray130);
+	background: var(--gray30);
+	border: 1px solid var(--gray130);
 }
 
 .leftPaddedPanel {
 	margin-top: 8px;
 	margin-right: 4px;
 	margin-left: 8px;
 	margin-bottom: 8px;
-	border-radius: 2px;
+	border-radius: 4px;
 	width: calc(100% - 12px);
 	height: calc(100% - 16px);
 	overflow: auto;
-	box-shadow: 0px 2px 4px var(--gray130);
+	background: var(--gray30);
+	border: 1px solid var(--gray130);
 }
 
 .rightPaddedPanel {
@@ -712,30 +719,33 @@ svg.stats {
 	margin-right: 8px;
 	margin-left: 4px;
 	margin-bottom: 4px;
-	border-radius: 2px;
+	border-radius: 4px;
 	width: calc(100% - 12px);
 	height: calc(100% - 12px);
-	box-shadow: 0px 2px 4px var(--gray130);
+	background: var(--gray30);
+	border: 1px solid var(--gray130);
 }
 
 .centerPaddedPanel {
 	margin-top: 4px;
 	margin-right: 8px;
 	margin-left: 4px;
 	margin-bottom: 4px;
-	border-radius: 2px;
+	border-radius: 4px;
 	width: calc(100% - 12px);
 	height: calc(100% - 8px);
-	box-shadow: 0px 2px 4px var(--gray130);
+	background: var(--gray30);
+	border: 1px solid var(--gray130);
 }
 
 .bottomPaddedPanel {
 	margin-top: 4px;
 	margin-right: 8px;
 	margin-left: 4px;
 	margin-bottom: 8px;
-	border-radius: 2px;
+	border-radius: 4px;
 	width: calc(100% - 12px);
 	height: calc(100% - 12px);
-	box-shadow: 0px 2px 4px var(--gray130);
+	background: var(--gray30);
+	border: 1px solid var(--gray130);
 }
diff --git a/html/browseDatabases.html b/html/browseDatabases.html
@@ -12,6 +12,7 @@
         <table class="fill_width stripes">
             <thead>
                 <tr>
+                    <th>&nbsp;</th>
                     <th>Name</th>
                     <th>Project</th>
                     <th>Subject</th>