Add more formatting to everything

Closes #2

client/client.style.css

@@ -1,7 +1,7 @@
 :root {
   --background-color: #11111c;
-  --list-item-color: #2b2c3d;
-  --list-item-hover-color: #484957;
+  --item-color: #1f212f;
+  --item-secondary-color: #2b2c39;
   --border-radii: 10px;
   --server-list-radii: 8px;
   --server-list-padding: 1.25rem;
@@ -52,6 +52,7 @@ label.Label-sc-g780ms-0.dqkKHi {
 
 ::-webkit-scrollbar {
   background: var(--background-color) !important;
+  border-radius: var(--border-radii);
 }
 
 .xterm-viewport::-webkit-scrollbar {
@@ -155,7 +156,7 @@ a.GreyRowBox-sc-1xo9c6v-0.ServerRow__StatusIndicatorBox-sc-1ibsw91-2.dyLna-D.fwb
 
 div.style-module_2Vp6MaXq,
 div.style-module_2XbmHEcn {
-  background-color: #1f212f !important;
+  background-color: var(--item-color) !important;
   border-style: none;
   padding: 0.8rem;
 }
@@ -211,14 +212,35 @@ button.style-module_4LBM1DKx {
 
 /* Files, Schedules, Users, Backups, Network, Startup, Settings, & Activity backgrounds/borders */
 
+div.style-module_1WqkLT9X {
+  border-radius: var(--server-list-radii);
+}
+
 div.style-module_1WqkLT9X,
 a.GreyRowBox-sc-1xo9c6v-0.ScheduleContainer___StyledGreyRowBox-sc-dlqnx9-2.dyLna-D {
-  background-color: var(--list-item-color);
+  background-color: var(--item-color);
   border-radius: var(--border-radii);
+  transition-property: all;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 100ms;
 }
 
 div.style-module_1WqkLT9X:hover {
-  background-color: var(--list-item-hover-color);
+  background-color: var(--item-secondary-color);
+}
+
+div.eANsNt {
+  background-color: var(--item-secondary-color);
+  border-radius: var(--border-radii);
+  border-width: 0;
+}
+
+div.kXHaUC,
+div.jLekZv,
+button.lbaWTK,
+button.fzeXUL {
+  border-radius: var(--border-radii);
+  color: #7b8793;
 }
 
 
@@ -235,15 +257,123 @@ div.bNXcqn {
 }
 
 div.bWXUsX {
-  background-color: var(--list-item-hover-color);
+  background-color: var(--item-secondary-color);
   border-radius: var(--border-radii);
 }
 
 div.bNaPPt {
-  background-color: var(--list-item-color);
+  background-color: var(--item-color);
   border-radius: var(--border-radii);
 }
 
 div.ipThkt {
   border-bottom-width: 0;
 }
+
+div.gLoyLu {
+  background-color: var(--item-secondary-color);
+  border-radius: var(--border-radii);
+}
+
+div.bNXcqn {
+  margin-bottom: 1rem;
+}
+
+div.dyyjYb {
+  margin-top: 1rem;
+}
+
+button.style-module_2vOYXZWm {
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity)) !important;
+}
+
+button.style-module_2vOYXZWm:hover {
+  background-color: rgba(239, 68, 68, var(--tw-bg-opacity)) !important;
+}
+
+button.style-module_4LBM1DKx.style-module_2RJbSnp6 {
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+
+button.style-module_4LBM1DKx.style-module_2RJbSnp6:hover {
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+
+
+/* Users */
+
+div.dyLna-D {
+  border-radius: var(--border-radii);
+  background-color: var(--item-color);
+  border-width: 0;
+}
+
+div.ekHIsr {
+  background-color: var(--background-color);
+  border-radius: var(--border-radii);
+}
+
+button.kztmyO,
+button.iNKfxp,
+label.icxFlO {
+  border-radius: var(--border-radii);
+}
+
+button.cDkCmT {
+  border-radius: var(--border-radii);
+  text-transform: none;
+  font-weight: 600;
+  border-width: 0;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+
+button.cDkCmT:hover:not(:disabled) {
+  background-color: rgba(59, 130, 246, var(--tw-bg-opacity));
+}
+
+div.jRrWLs {
+  background-color: var(--item-color);
+  border-top-left-radius: var(--border-radii);
+  border-top-right-radius: var(--border-radii);
+  border-bottom-width: 0;
+}
+
+div.oLbNP {
+  border-radius: var(--border-radii);
+  background-color: var(--item-color);
+}
+
+
+/* Network */
+
+div.iTERJN {
+  border-radius: var(--border-radii);
+  background-color: var(--item-color);
+}
+
+button.style-module_4LBM1DKx.style-module_2UCZLAAp {
+  font-weight: 600;
+}
+
+textarea.kKFWRA,
+code.text-gray-100 {
+  border-radius: var(--border-radii);
+}
+
+
+/* Startup */
+
+p.ekbHAG,
+select.dupyoa,
+input.jqTCDz:not([type="checkbox"]):not([type="radio"]) {
+  border-radius: var(--border-radii);
+}
+
+
+/* Activity */
+
+div.bg-gray-700,
+div.text-gray-200,
+a.style-module_Yp7-2Fw- {
+  border-radius: var(--border-radii);
+}

conf.yml

@@ -6,7 +6,7 @@ info:
   identifier: "darkenate"
   description: "A dark theme inspired by bloom.host's colors and the Recolor theme"
   flags: ""
-  version: "v1.0.4"
+  version: "v1.1.0"
   target: "alpha-3ZX"
   author: "JasonHorkles"
   icon: "assets/icon.jpg"