btwedutech/hoppscotch
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 6 Wiki Activity

fix: minor color scheme inconsistencies

Browse Source
This commit is contained in:
liyasthomas
2021-07-25 16:23:29 +05:30
parent 56c2e1094d
commit 3862a926ab
32 changed files with 66 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
assets/scss/styles.scss
View File

@@ -35,11 +35,6 @@
@apply text-primary;
}
::placeholder {
@apply text-secondaryLight;
@apply opacity-25;
}
html {
scroll-behavior: smooth;
}
@@ -162,6 +157,7 @@ hr {
@apply text-secondaryDark text-lg;
}
.textarea,
.input,
.select {
@apply flex flex-1;
@@ -189,7 +185,7 @@ pre.ace_editor {
@apply z-0;
}
select {
.select {
@apply appearance-none;
@apply cursor-pointer;
@@ -323,7 +319,6 @@ input[type="checkbox"] {
.splitpanes__splitter {
@apply relative;
@apply bg-primaryLight;
@apply transition;
}
.splitpanes--vertical > .splitpanes__splitter {
@@ -339,7 +334,7 @@ input[type="checkbox"] {
@apply inset-0;
@apply bg-dividerLight;
@apply opacity-0;
@apply z-1;
@apply z-30;
@apply transition;
content: "";
@@ -348,7 +343,7 @@ input[type="checkbox"] {
.splitpanes__splitter::after {
@apply absolute;
@apply inset-0;
@apply z-1;
@apply z-30;
@apply transition;
@apply flex;
@apply items-center;

24
assets/scss/themes.scss
View File

@@ -16,17 +16,17 @@
// Light Text color
--secondary-light-color: theme("colors.true-gray.500");
// Dark Text color
--secondary-dark-color: theme("colors.white");
--secondary-dark-color: theme("colors.true-gray.100");
// Border color
--divider-color: theme("colors.true-gray.700");
// Light Border color
--divider-light-color: theme("colors.true-gray.800");
--divider-light-color: theme("colors.dark.600");
// Dark Border color
--divider-dark-color: theme("colors.true-gray.600");
--divider-dark-color: theme("colors.dark.200");
// Error color
--error-color: theme("colors.true-gray.600");
--error-color: theme("colors.dark.800");
// Tooltip color
--tooltip-color: theme("colors.true-gray.200");
--tooltip-color: theme("colors.true-gray.100");
// Editor theme
--editor-theme: "merbivore_soft";
}
@@ -62,25 +62,25 @@
// Background color
--primary-color: theme("colors.dark.900");
// Light Background color
--primary-light-color: theme("colors.dark.700");
--primary-light-color: theme("colors.dark.800");
// Dark Background color
--primary-dark-color: theme("colors.dark.800");
--primary-dark-color: theme("colors.true-gray.900");
// Text color
--secondary-color: theme("colors.true-gray.400");
// Light Text color
--secondary-light-color: theme("colors.true-gray.600");
--secondary-light-color: theme("colors.true-gray.500");
// Dark Text color
--secondary-dark-color: theme("colors.true-gray.100");
// Border color
--divider-color: theme("colors.dark.800");
--divider-color: theme("colors.true-gray.800");
// Light Border color
--divider-light-color: theme("colors.dark.700");
--divider-light-color: theme("colors.true-gray.900");
// Dark Border color
--divider-dark-color: theme("colors.dark.600");
--divider-dark-color: theme("colors.dark.200");
// Error color
--error-color: theme("colors.dark.800");
// Tooltip color
--tooltip-color: theme("colors.true-gray.200");
--tooltip-color: theme("colors.true-gray.100");
// Editor theme
--editor-theme: "vibrant_ink";
}