QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-19 14:20:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: darkmode skeleton and universal search

Browse Source
This commit is contained in:
Ahmed Bouhuolia
2025-10-21 00:14:31 +02:00
parent ce01b8645b
commit 0477133cda
9 changed files with 116 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
packages/webapp/src/style/components/Skeleton.scss
View File

@@ -2,21 +2,21 @@
@keyframes skeleton-glow {
0% {
background: rgba(206,217,224,.3);
border-color: rgba(206,217,224,.3);
background: var(--color-skeleton-background-start);
border-color: var(--color-skeleton-border-start);
}
to {
background: rgba(92,112,128,.3);
border-color: rgba(92,112,128,.3);
background: var(--color-skeleton-background-end);
border-color: var(--color-skeleton-border-end);
}
}
.skeleton{
animation: skeleton-glow 1s linear infinite alternate;
background: rgba(206,217,224,.3);
background: var(--color-skeleton-background-start);
background-clip: padding-box;
border-color: rgba(206,217,224,.3);
border-radius: 2px;
border-color: var(--color-skeleton-border-start);
border-radius: var(--color-skeleton-border-radius);
box-shadow: none;
color: transparent;

5
packages/webapp/src/style/components/UniversalSearch.scss
View File

@@ -69,7 +69,7 @@
.bp4-input-group {
.bp4-icon {
margin: 16px;
color: #5c707f;
color: var(--color-universal-search-icon);
svg {
stroke-width: 2;
@@ -139,6 +139,7 @@
.bp4-tag {
background: var(--color-universal-search-tag-background);
color: var(--color-universal-search-tag-text);
}
&--arrows {
.bp4-tag {
@@ -148,7 +149,7 @@
margin-left: 4px;
svg {
fill: #fff;
fill: var(--color-universal-search-tag-text);
height: 100%;
display: block;
width: 100%;