update logo

web-server/public/css/styles.css

@@ -179,13 +179,19 @@ button:disabled {
 
 .brand-mark {
   align-items: center;
-  background: var(--primary);
-  border-radius: var(--radius);
-  color: var(--on-primary);
+  background: transparent;
   display: inline-flex;
+  flex: 0 0 auto;
   height: 38px;
   justify-content: center;
-  width: 38px;
+  width: 46px;
+}
+
+.brand-logo {
+  display: block;
+  height: 100%;
+  object-fit: contain;
+  width: 100%;
 }
 
 .brand-copy {
@@ -2052,12 +2058,10 @@ tbody tr:hover td.action-col {
 }
 
 .brand-mark {
-  background: var(--brand-accent);
-  border-radius: var(--radius-md);
+  background: transparent;
   box-shadow: none;
-  color: var(--neutral-0);
   height: 40px;
-  width: 40px;
+  width: 50px;
 }
 
 .brand-copy strong {
@@ -2293,6 +2297,12 @@ tbody tr:hover {
   padding: var(--space-lg);
 }
 
+.auth-brand .brand-mark {
+  background: var(--blue-900);
+  border-radius: var(--radius-md);
+  padding: 4px;
+}
+
 .auth-brand .brand-copy strong {
   color: var(--text-primary);
 }