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

refactor(ui): better color schemes and empty states

Browse Source
This commit is contained in:
liyasthomas
2021-07-26 21:39:39 +05:30
parent 5258db345e
commit e60e8545a1
17 changed files with 111 additions and 88 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/scss/styles.scss
View File

@@ -167,7 +167,7 @@ hr {
@apply truncate;
@apply rounded;
@apply text-xs;
@apply font-semibold font-mono;
@apply font-semibold;
@apply border border-divider;
@apply transition;
@apply focus:(outline-none border-accent);

36
assets/scss/themes.scss
View File

@@ -8,7 +8,7 @@
// Background color
--primary-color: theme("colors.true-gray.900");
// Light Background color
--primary-light-color: theme("colors.true-gray.800");
--primary-light-color: theme("colors.dark.600");
// Dark Background color
--primary-dark-color: theme("colors.dark.900");
// Text color
@@ -18,11 +18,11 @@
// Dark Text color
--secondary-dark-color: theme("colors.true-gray.100");
// Border color
--divider-color: theme("colors.true-gray.700");
--divider-color: theme("colors.true-gray.800");
// Light Border color
--divider-light-color: theme("colors.dark.600");
--divider-light-color: theme("colors.dark.500");
// Dark Border color
--divider-dark-color: theme("colors.dark.200");
--divider-dark-color: theme("colors.dark.300");
// Error color
--error-color: theme("colors.dark.800");
// Tooltip color
@@ -35,25 +35,25 @@
// Background color
--primary-color: theme("colors.white");
// Light Background color
--primary-light-color: theme("colors.true-gray.50");
--primary-light-color: theme("colors.blue-gray.50");
// Dark Background color
--primary-dark-color: theme("colors.true-gray.100");
--primary-dark-color: theme("colors.blue-gray.100");
// Text color
--secondary-color: theme("colors.true-gray.600");
--secondary-color: theme("colors.blue-gray.600");
// Light Text color
--secondary-light-color: theme("colors.true-gray.500");
--secondary-light-color: theme("colors.blue-gray.500");
// Dark Text color
--secondary-dark-color: theme("colors.true-gray.800");
--secondary-dark-color: theme("colors.blue-gray.700");
// Border color
--divider-color: theme("colors.true-gray.200");
--divider-color: theme("colors.blue-gray.200");
// Light Border color
--divider-light-color: theme("colors.true-gray.100");
--divider-light-color: theme("colors.blue-gray.100");
// Dark Border color
--divider-dark-color: theme("colors.true-gray.300");
--divider-dark-color: theme("colors.blue-gray.300");
// Error color
--error-color: theme("colors.true-gray.700");
--error-color: theme("colors.blue-gray.700");
// Tooltip color
--tooltip-color: theme("colors.true-gray.800");
--tooltip-color: theme("colors.blue-gray.800");
// Editor theme
--editor-theme: "textmate";
}
@@ -62,9 +62,9 @@
// Background color
--primary-color: theme("colors.dark.900");
// Light Background color
--primary-light-color: theme("colors.dark.800");
--primary-light-color: theme("colors.true-gray.900");
// Dark Background color
--primary-dark-color: theme("colors.true-gray.900");
--primary-dark-color: theme("colors.dark.800");
// Text color
--secondary-color: theme("colors.true-gray.400");
// Light Text color
@@ -74,9 +74,9 @@
// Border color
--divider-color: theme("colors.true-gray.800");
// Light Border color
--divider-light-color: theme("colors.true-gray.900");
--divider-light-color: theme("colors.dark.700");
// Dark Border color
--divider-dark-color: theme("colors.dark.200");
--divider-dark-color: theme("colors.dark.300");
// Error color
--error-color: theme("colors.dark.800");
// Tooltip color