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

refactor(ui): better font weight, icon hover states, etc

Browse Source
This commit is contained in:
liyasthomas
2021-08-13 16:44:02 +05:30
parent 08e3cffff8
commit 11816111ea
94 changed files with 547 additions and 514 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
assets/scss/styles.scss
View File

@@ -35,6 +35,16 @@
@apply text-accentContrast;
}
input::placeholder {
@apply text-secondaryDark;
@apply opacity-25;
}
input {
@apply text-secondaryDark;
@apply font-medium;
}
html {
scroll-behavior: smooth;
}
@@ -141,7 +151,7 @@ a {
[interactive] > div {
@apply flex;
@apply h-full;
@apply flex-1;
}
.tippy-content > div {
@@ -174,7 +184,7 @@ hr {
@apply bg-primary;
@apply truncate;
@apply rounded;
@apply font-semibold;
@apply text-secondaryDark;
@apply border border-divider;
@apply transition;
@apply focus:(outline-none border-accent);
@@ -196,7 +206,7 @@ button {
}
.floating-input ~ label {
@apply font-semibold;
@apply font-medium;
@apply py-0.5;
@apply px-2;
@apply m-2;
@@ -352,7 +362,7 @@ input[type="checkbox"] {
@apply text-primary;
@apply justify-start;
@apply shadow;
@apply font-semibold;
@apply font-medium;
font-size: var(--body-font-size);
line-height: var(--body-line-height);

12
assets/scss/themes.scss
View File

@@ -24,7 +24,7 @@
// Dark Border color
--divider-dark-color: theme("colors.dark.300");
// Error color
--error-color: theme("colors.dark.800");
--error-color: theme("colors.warm-gray.800");
// Tooltip color
--tooltip-color: theme("colors.true-gray.100");
// Popover color
@@ -53,7 +53,7 @@
// Dark Border color
--divider-dark-color: theme("colors.blue-gray.300");
// Error color
--error-color: theme("colors.blue-gray.700");
--error-color: theme("colors.yellow.100");
// Tooltip color
--tooltip-color: theme("colors.blue-gray.800");
// Popover color
@@ -82,7 +82,7 @@
// Dark Border color
--divider-dark-color: theme("colors.dark.300");
// Error color
--error-color: theme("colors.dark.800");
--error-color: theme("colors.warm-gray.900");
// Tooltip color
--tooltip-color: theme("colors.true-gray.100");
// Popover color
@@ -308,7 +308,7 @@
// Upper secondary sticky fold
--upper-secondary-sticky-fold: 6.125rem;
// Upper tertiary sticky fold
--upper-tertiary-sticky-fold: 8.125rem;
--upper-tertiary-sticky-fold: 8.188rem;
// Lower primary sticky fold
--lower-primary-sticky-fold: 3rem;
// Lower secondary sticky fold
@@ -329,7 +329,7 @@
// Upper secondary sticky fold
--upper-secondary-sticky-fold: 6.625rem;
// Upper tertiary sticky fold
--upper-tertiary-sticky-fold: 8.875rem;
--upper-tertiary-sticky-fold: 8.813rem;
// Lower primary sticky fold
--lower-primary-sticky-fold: 3.25rem;
// Lower secondary sticky fold
@@ -350,7 +350,7 @@
// Upper secondary sticky fold
--upper-secondary-sticky-fold: 7.125rem;
// Upper tertiary sticky fold
--upper-tertiary-sticky-fold: 9.625rem;
--upper-tertiary-sticky-fold: 9.5rem;
// Lower primary sticky fold
--lower-primary-sticky-fold: 3.5rem;
// Lower secondary sticky fold