diff --git a/packages/test-in-browser/driver.css b/packages/test-in-browser/driver.css
index 1a61840a81..aab2fc5104 100644
--- a/packages/test-in-browser/driver.css
+++ b/packages/test-in-browser/driver.css
@@ -4,15 +4,19 @@
/* for reference: https://tailwindcss.com/docs/customizing-colors */
--bg-black: #18181b;
- --neutral-black: #262626;
+ --neutral-black: #343333;
--primary-white: #F9FAFB;
--red-50: #fef2f2;
--red-200: #fecaca;
+ --red-400: #ea5555;
--red-600: #dc2626;
--red-900: #7f1d1d;
--gray-300: #d6d3d1;
+ --gray-400: #a09d9a;
--gray-500: #737373;
+ --blue-gray-400: #5f6373;
+
--blue-500: #6366f1;
--blue-50: #eef2ff;
@@ -61,18 +65,17 @@ body {
}
.header.pass {
- color: #16a34a; /* green */
+ color: #16a34a;
color: var(--green-600); /* green */
}
.header.fail {
- color: #7f1d1d; /* red */
- color: var(--red-900); /* red */
+ color: var(--red-400);
+ color: #ea5555;
font-weight: bold;
}
.header .time {
- color: var(--gray-500);
color: #737373;
font-size: 14px;
}
@@ -83,8 +86,8 @@ body {
}
.test_table .group {
- border-left: 1px solid #fef2f2;
- border-left: 1px solid var(--red-50);
+ border-left: 1px solid #313131;
+ border-left: 1px solid var(--neutral-black);
}
.test_table .group .group {
@@ -106,7 +109,7 @@ body {
.test_table .groupname {
font-weight: bold;
background: var(--neutral-black);
- background: #262626;
+ background: #313131;
padding-left: 5px;
line-height: 24px;
vertical-align: middle;
@@ -118,8 +121,8 @@ body {
.test_table .event {
margin-left: 20px;
font-size: 14px;
- border-left: 2px solid var(--blue-50);
- border-left: 2px solid #eef2ff;
+ border-left: 2px solid var(--blue-gray-400);
+ border-left: 2px solid #5f6373;
padding: 4px;
position: relative;
}
@@ -135,8 +138,8 @@ body {
}
.test_table .failed .testname {
- color: var(--red-900);
- color: #7f1d1d;
+ color: var(--red-400);
+ color: #ea5555;
}
.test_table .succeeded .testname {
@@ -150,7 +153,7 @@ body {
width: 100px;
left: 0px;
top: 0;
- text-align: center;
+ text-align: left;
line-height: 24px;
vertical-align: middle;
}
@@ -178,9 +181,9 @@ body {
}
.test_table .failed .teststatus {
- color: var(--red-900); /* red */
+ color: var(--red-400); /* red */
background: var(--bg-black);
- color: #7F1D1D; /* red */
+ color: #ea5555; /* red */
background: #18181b;
}
@@ -190,21 +193,21 @@ body {
}
.test_table .event .expected_fail {
- color: var(--red-900);
- color: #7f1d1d;
+ color: var(--red-400);
+ color: #ea5555;
}
.test_table .event .fail {
- color: var(--red-600);
- color: #dc2626;
+ color: var(--red-400);
+ color: #ea5555;
}
.test_table .event .exception {
- color: var(--red-600);
- color: #dc2626;
+ color: var(--red-400);
+ color: #ea5555;
}
-.exception pre {
+pre {
color: var(--primary-white);
color: #F9FAFB;
}
@@ -225,8 +228,8 @@ body {
.test_table .event:hover .debug {
display: inline;
- color: var(--gray-500);
- color: #737373;
+ color: var(--gray-400);
+ color: #a09d9a;
text-decoration: underline;
cursor: pointer;
}
@@ -247,7 +250,6 @@ body {
}
.string_equal_expected ins {
- background: var(--yellow-400);
background: #f59e0b;
}
@@ -265,6 +267,15 @@ body {
}
.failedTests {
- color: var(--red-900);
- color: #7f1d1d;
+ color: var(--red-400);
+ color: #ea5555;
+}
+
+#testProgressBar {
+ background: --var(--blue-gray-400);
+ background: #5f6373;
+}
+
+.progress-bar.bg-warning {
+ background-color: #f59e0b !important;
}
diff --git a/packages/test-in-browser/driver.html b/packages/test-in-browser/driver.html
index 03d9423791..52bd3b8aad 100644
--- a/packages/test-in-browser/driver.html
+++ b/packages/test-in-browser/driver.html
@@ -1,6 +1,5 @@
- {{> styles }}
{{> navBar}}
@@ -176,282 +175,3 @@
-
-
-
-
diff --git a/tools/isobuild/compiler-plugin.js b/tools/isobuild/compiler-plugin.js
index 3f368886c9..a0b42d3c31 100644
--- a/tools/isobuild/compiler-plugin.js
+++ b/tools/isobuild/compiler-plugin.js
@@ -776,13 +776,16 @@ class ResourceSlot {
// stub, so setting .implicit marks the resource as disposable.
}).implicit = true;
- if (! cssResource.lazy &&
- ! Buffer.isBuffer(cssResource.data)) {
- // If there was an error processing this file, cssResource.data
- // will not be a Buffer, and accessing cssResource.data here
- // should cause the error to be reported via inputFile.error.
- return;
- }
+ // TODO[FIBERS]: Look into this. We probably don't want addStylesheet
+ // to be async, and I'm also not sure the old behavior here is what we wanted
+ //
+ // if (! cssResource.lazy &&s
+ // ! Buffer.isBuffer(cssResource.data)) {
+ // // If there was an error processing this file, cssResource.data
+ // // will not be a Buffer, and accessing cssResource.data here
+ // // should cause the error to be reported via inputFile.error.
+ // return;
+ // }
this.outputResources.push(cssResource);
}