tabshift/pocketbase
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated dark complementary colors

Browse Source
This commit is contained in:
Gani Georgiev
2026-04-20 12:25:04 +03:00
parent d35a0d841c
commit d23963aaca
6 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
ui/src/css/erd.css
View File

@@ -108,7 +108,7 @@
width: 100%;
height: auto;
min-height: 300px;
background-image: radial-gradient(var(--surfaceAlt3Color) 1px, transparent 1px);
background-image: radial-gradient(var(--surfaceAlt2Color) 1px, transparent 1px);
background-size: 20px 20px;
border-radius: var(--borderRadius);
touch-action: none; /* handled by js */

3
ui/src/css/toast.css
View File

@@ -60,6 +60,9 @@
border-top-left-radius: var(--borderRadius);
border-bottom-left-radius: var(--borderRadius);
border-right: 1px solid color-mix(in srgb, var(--toastAccentColor), transparent 90%);
[data-color-scheme="dark"] & {
border-color: color-mix(in srgb, var(--toastAccentColor), transparent 75%);
}
&::before {
content: "\F414";
font-family: var(--iconFontFamily);

6
ui/src/css/vars.css
View File

@@ -168,19 +168,19 @@
--infoAlt2Color: color-mix(in srgb, var(--infoColor), black 15%);
--surfaceInfoColor: color-mix(in srgb, var(--infoColor), var(--surfaceColor) 45%);
--successColor: #257e58;
--successColor: #27865d;
--successTxtColor: var(--surfaceTxtColor);
--successAlt1Color: color-mix(in srgb, var(--successColor), black 10%);
--successAlt2Color: color-mix(in srgb, var(--successColor), black 15%);
--surfaceSuccessColor: color-mix(in srgb, var(--successColor), var(--surfaceColor) 45%);
--warningColor: #b94f09;
--warningColor: #c3430c;
--warningTxtColor: var(--surfaceTxtColor);
--warningAlt1Color: color-mix(in srgb, var(--warningColor), black 10%);
--warningAlt2Color: color-mix(in srgb, var(--warningColor), black 15%);
--surfaceWarningColor: color-mix(in srgb, var(--warningColor), var(--surfaceColor) 45%);
--dangerColor: #b6354c;
--dangerColor: #bb303e;
--dangerTxtColor: var(--surfaceTxtColor);
--dangerAlt1Color: color-mix(in srgb, var(--dangerColor), black 10%);
--dangerAlt2Color: color-mix(in srgb, var(--dangerColor), black 15%);