feat(ui): new gray-950

Akryum · Jan 21, 2022 · 2a03467 · 2a03467
1 parent b9ee766
commit 2a03467
Show file tree

Hide file tree

Showing 8 changed files with 11 additions and 10 deletions.
diff --git a/packages/peeky-client/src/features/run/RunManager.vue b/packages/peeky-client/src/features/run/RunManager.vue
@@ -132,7 +132,7 @@ const darkMode = computed<boolean>({
 <template>
   <div
     v-bind="$attrs"
-    class="relative flex-none bg-gray-50 dark:bg-gray-900"
+    class="relative flex-none bg-gray-50 dark:bg-gray-950"
   >
     <transition name="progress-bar">
       <div

diff --git a/packages/peeky-client/src/features/run/RunSummaryBar.vue b/packages/peeky-client/src/features/run/RunSummaryBar.vue
@@ -72,7 +72,7 @@ const kinds = [
 </script>
 
 <template>
-  <div class="flex-none flex items-center space-x-4 px-3 h-10 bg-gray-50 dark:bg-gray-900">
+  <div class="flex-none flex items-center space-x-4 px-3 h-10 bg-gray-50 dark:bg-gray-950">
     <div
       v-for="kind of kinds"
       :key="kind.field"
@@ -91,7 +91,7 @@ const kinds = [
 
   <div
     v-if="!hideBar"
-    class="flex-none flex items-center space-x-2 h-10 bg-gray-50 dark:bg-gray-900"
+    class="flex-none flex items-center space-x-2 h-10 bg-gray-50 dark:bg-gray-950"
   >
     <div class="w-full h-full relative mx-3 flex items-center">
       <div class="w-full h-2 rounded-full overflow-hidden flex bg-gray-100 dark:bg-gray-800">

diff --git a/packages/peeky-client/src/features/run/RunTabs.vue b/packages/peeky-client/src/features/run/RunTabs.vue
@@ -12,7 +12,7 @@ const props = defineProps({
 </script>
 
 <template>
-  <nav class="h-10 flex-none bg-gray-50 dark:bg-gray-900">
+  <nav class="h-10 flex-none bg-gray-50 dark:bg-gray-950">
     <BaseTab :to="{ name: 'run-test' }">
       Tests
     </BaseTab>

diff --git a/packages/peeky-client/src/features/suite/SuitesView.vue b/packages/peeky-client/src/features/suite/SuitesView.vue
@@ -76,7 +76,7 @@ const tree = computed(() => {
 <template>
   <slot name="toolbar" />
 
-  <div class="flex-none h-10 bg-gray-50 dark:bg-gray-900">
+  <div class="flex-none h-10 bg-gray-50 dark:bg-gray-950">
     <BaseInput
       v-model="searchText"
       size="md"

diff --git a/packages/peeky-client/src/features/test-file/TestFileToolbar.vue b/packages/peeky-client/src/features/test-file/TestFileToolbar.vue
@@ -14,7 +14,7 @@ const props = defineProps({
 </script>
 
 <template>
-  <div class="flex-none flex items-center space-x-2 pl-1 pr-3 h-10 bg-gray-50 dark:bg-gray-900">
+  <div class="flex-none flex items-center space-x-2 pl-1 pr-3 h-10 bg-gray-50 dark:bg-gray-950">
     <BaseButton
       flat
       color="gray"

diff --git a/packages/peeky-client/src/features/test-file/TestFiles.vue b/packages/peeky-client/src/features/test-file/TestFiles.vue
@@ -105,7 +105,7 @@ subscribeToMore({
 </script>
 
 <template>
-  <div class="flex-none h-10 bg-gray-50 dark:bg-gray-900">
+  <div class="flex-none h-10 bg-gray-50 dark:bg-gray-950">
     <BaseInput
       v-model="searchText"
       size="md"

diff --git a/packages/peeky-client/src/features/test/TestView.vue b/packages/peeky-client/src/features/test/TestView.vue
@@ -105,14 +105,14 @@ mutation openInEditor ($id: ID!, $line: Int!, $col: Int!) {
     v-if="test"
     class="divide-y divide-gray-100 dark:divide-gray-800 h-full flex flex-col"
   >
-    <div class="flex bg-gray-50 dark:bg-gray-900">
+    <div class="flex bg-gray-50 dark:bg-gray-950">
       <TestFileItem
         :file="suite.runTestFile"
         class="!h-8 m-1 rounded shrink"
       />
     </div>
 
-    <div class="flex items-center space-x-2 h-10 px-4 flex-none bg-gray-50 dark:bg-gray-900">
+    <div class="flex items-center space-x-2 h-10 px-4 flex-none bg-gray-50 dark:bg-gray-950">
       <StatusIcon
         :status="test.status"
         class="flex-none"
@@ -142,7 +142,7 @@ mutation openInEditor ($id: ID!, $line: Int!, $col: Int!) {
     </div>
 
     <!-- Tabs -->
-    <nav class="h-10 bg-gray-50 dark:bg-gray-900">
+    <nav class="h-10 bg-gray-50 dark:bg-gray-950">
       <BaseTab
         :to="{
           name: 'test',

diff --git a/packages/peeky-client/tailwind.config.js b/packages/peeky-client/tailwind.config.js
@@ -23,6 +23,7 @@ module.exports = {
         700: '#38404a',
         800: '#2d333b',
         900: '#252a31',
+        950: '#1f2329',
       },
 
       primary: {