diff --git a/pkg/extension/src/views/toast.html b/pkg/extension/src/views/toast.html
index 34a5c43d5..abe7469fb 100644
--- a/pkg/extension/src/views/toast.html
+++ b/pkg/extension/src/views/toast.html
@@ -12,6 +12,7 @@
justify-content: flex-end;
overflow: hidden;
border-radius: 4px;
+ color: #3D3D3D;
background: #fff;
font: 400 12px Inter, sans-serif;
line-height: 20px;
@@ -21,6 +22,10 @@
width: 480px;
}
+ #omnivore-toast-container input, select, textarea{
+ color: #3D3D3D;
+ }
+
#omnivore-toast-container .omnivore-toast-func-row {
display: flex;
width: 100%;
@@ -98,10 +103,25 @@
#omnivore-toast-container #omnivore-toast-close-btn svg {
fill: #3D3D3D;
}
+
+ #omnivore-toast-container #omnivore-toast-close-btn > svg *,
#omnivore-toast-container #omnivore-toast-close-btn svg:hover {
fill: #D9D9D9;
stroke: white;
}
+ #omnivore-toast-container svg {
+ fill: #6A6968;
+ }
+ #omnivore-toast-container > svg *,
+ #omnivore-toast-container svg:hover {
+ fill: #3B3A38;
+ }
+ #omnivore-toast-container #omnivore-toast-edit-title-btn > svg * {
+ fill: none;
+ }
+ #omnivore-toast-container #omnivore-toast-delete-btn > svg * {
+ fill: none;
+ }
#omnivore-toast-container form {
display: block;
margin: 0px;
@@ -129,8 +149,6 @@
width: 100%;
height: 100px;
padding: 5px;
- padding-top: 10px;
- padding-bottom: 10px;
resize: none;
border: 1px solid #8E8E93;
border-radius: 4px;
@@ -150,8 +168,6 @@
width: 100%;
height: 100px;
padding: 5px;
- padding-top: 10px;
- padding-bottom: 10px;
resize: none;
border: 1px solid #8E8E93;
border-radius: 4px;
@@ -245,6 +261,59 @@
#omnivore-edit-labels-row form {
margin-bottom: unset;
}
+
+ #omnivore-add-note-row textarea:focus-visible {
+ border-color: #2f81f7;
+ outline: none;
+ }
+
+ #omnivore-edit-labels-row input, select, textarea:focus-visible {
+ border-color: #2f81f7;
+ outline: none;
+ }
+ #omnivore-edit-title-row textarea:focus-visible {
+ border-color: #2f81f7;
+ outline: none;
+ }
+
+ @media (prefers-color-scheme: dark) {
+ #omnivore-toast-container .omnivore-toast-func-row button {
+ color: #3D3D3D;
+ }
+ #omnivore-toast-container {
+ background: #333333;
+ }
+ #omnivore-toast-container input, select, textarea{
+ color: #D9D9D9;
+ }
+ .omnivore-toast-divider {
+ border-right: 1px solid #898989;
+ }
+ #omnivore-toast-container svg {
+ fill: #898989;
+ }
+ #omnivore-toast-container button {
+ color: #898989;
+ }
+ #omnivore-toast-container button:hover > svg *,
+ #omnivore-toast-container button:hover {
+ color: #D9D9D9;
+ fill: #D9D9D9;
+ background-color: #2A2A2A;
+ }
+ #omnivore-toast-container #omnivore-extra-buttons-row button:hover {
+ background-color: #2A2A2A;
+ }
+ #omnivore-toast-container #omnivore-edit-labels-list button {
+ border-bottom: 1px solid #898989;
+ }
+ #omnivore-toast-container #omnivore-toast-edit-title-btn > svg * {
+ fill: none;
+ }
+ #omnivore-toast-container #omnivore-toast-delete-btn > svg * {
+ fill: none;
+ }
+ }