Started making modals consistent

ghost/admin/app/styles/components/modals-new.css

@@ -214,9 +214,9 @@
 .modal-header h1 {
     display: inline-block;
     margin: -5px 25px 0 0;
-    font-size: 2.2rem;
+    font-size: 2.4rem;
-    line-height: 1.15em;
+    line-height: 1.25em;
-    font-weight: 600;
+    font-weight: 700;
     letter-spacing: -0.025em;
     text-wrap: pretty;
 }
@@ -253,6 +253,22 @@
 .modal-body p {
     font-size: 1.4rem;
     line-height: 1.5em;
+    color: var(--black);
+}
+
+.modal-body .gh-input {
+    height: 38px;
+    padding: 4px 12px;
+    font-size: 1.4rem;
+    color: var(--black);
+    background-color: var(--grey-150);
+    border: 0;
+    border-radius: 8px;
+}
+
+.modal-body .gh-input-group .gh-input {
+    border-top-right-radius: 0;
+    border-bottom-right-radius: 0;
 }
 
 .modal-footer {

ghost/admin/app/styles/components/modals.css

@@ -147,7 +147,7 @@
     padding: 32px;
     background-color: #fff;
     background-clip: padding-box;
-    border-radius: 3px;
+    border-radius: 4px;
     box-shadow:
         0 2.8px 2.2px rgba(0, 0, 0, 0.02),
         0 6.7px 5.3px rgba(0, 0, 0, 0.028),

ghost/admin/app/styles/patterns/global.css

@@ -52,6 +52,24 @@
     --lightgrey: #CED4D9;
     --whitegrey: #EBEEF0;
 
+    /* AdminX Greys */
+    --grey-50: #FAFAFB;
+    --grey-75: #F9FAFB;
+    --grey-100: #F4F5F6;
+    --grey-150: #F1F3F4;
+    --grey-200: #EBEEF0;
+    --grey-250: #E5E9ED;
+    --grey-300: #DDE1E5;
+    --grey-400: #CED4D9;
+    --grey-500: #AEB7C1;
+    --grey-600: #95A1AD;
+    --grey-700: #7C8B9A;
+    --grey-800: #626D79;
+    --grey-900: #394047;
+    --grey-925: #2E3338;
+    --grey-950: #222427;
+    --grey-975: #191B1E;
+
     /* Tones */
     --white-10: rgba(255, 255, 255, 0.1);
     --white-20: rgba(255, 255, 255, 0.2);