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/dist/assets/index-BNqjqJMs.js → ui/dist/assets/index-BGgyOSeY.js vendored
View File

File diff suppressed because one or more lines are too long

2
ui/dist/assets/index-B4KpgLuQ.css → ui/dist/assets/index-Bwi3WpaF.css vendored
View File

File diff suppressed because one or more lines are too long

4
ui/dist/index.html vendored
View File

@@ -13,9 +13,9 @@
<!-- prism --> <!-- prism -->
<script src="./libs/prism/prism.js" data-manual></script> <script src="./libs/prism/prism.js" data-manual></script>
<script type="module" crossorigin src="./assets/index-BNqjqJMs.js"></script> <script type="module" crossorigin src="./assets/index-BGgyOSeY.js"></script>
<link rel="modulepreload" crossorigin href="./assets/pocketbase.es-B_4DUNUU.js"> <link rel="modulepreload" crossorigin href="./assets/pocketbase.es-B_4DUNUU.js">
<link rel="stylesheet" crossorigin href="./assets/index-B4KpgLuQ.css"> <link rel="stylesheet" crossorigin href="./assets/index-Bwi3WpaF.css">
</head> </head>
<body> <body>
</body> </body>

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

@@ -108,7 +108,7 @@
width: 100%; width: 100%;
height: auto; height: auto;
min-height: 300px; 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; background-size: 20px 20px;
border-radius: var(--borderRadius); border-radius: var(--borderRadius);
touch-action: none; /* handled by js */ 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-top-left-radius: var(--borderRadius);
border-bottom-left-radius: var(--borderRadius); border-bottom-left-radius: var(--borderRadius);
border-right: 1px solid color-mix(in srgb, var(--toastAccentColor), transparent 90%); 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 { &::before {
content: "\F414"; content: "\F414";
font-family: var(--iconFontFamily); 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%); --infoAlt2Color: color-mix(in srgb, var(--infoColor), black 15%);
--surfaceInfoColor: color-mix(in srgb, var(--infoColor), var(--surfaceColor) 45%); --surfaceInfoColor: color-mix(in srgb, var(--infoColor), var(--surfaceColor) 45%);
--successColor: #257e58; --successColor: #27865d;
--successTxtColor: var(--surfaceTxtColor); --successTxtColor: var(--surfaceTxtColor);
--successAlt1Color: color-mix(in srgb, var(--successColor), black 10%); --successAlt1Color: color-mix(in srgb, var(--successColor), black 10%);
--successAlt2Color: color-mix(in srgb, var(--successColor), black 15%); --successAlt2Color: color-mix(in srgb, var(--successColor), black 15%);
--surfaceSuccessColor: color-mix(in srgb, var(--successColor), var(--surfaceColor) 45%); --surfaceSuccessColor: color-mix(in srgb, var(--successColor), var(--surfaceColor) 45%);
--warningColor: #b94f09; --warningColor: #c3430c;
--warningTxtColor: var(--surfaceTxtColor); --warningTxtColor: var(--surfaceTxtColor);
--warningAlt1Color: color-mix(in srgb, var(--warningColor), black 10%); --warningAlt1Color: color-mix(in srgb, var(--warningColor), black 10%);
--warningAlt2Color: color-mix(in srgb, var(--warningColor), black 15%); --warningAlt2Color: color-mix(in srgb, var(--warningColor), black 15%);
--surfaceWarningColor: color-mix(in srgb, var(--warningColor), var(--surfaceColor) 45%); --surfaceWarningColor: color-mix(in srgb, var(--warningColor), var(--surfaceColor) 45%);
--dangerColor: #b6354c; --dangerColor: #bb303e;
--dangerTxtColor: var(--surfaceTxtColor); --dangerTxtColor: var(--surfaceTxtColor);
--dangerAlt1Color: color-mix(in srgb, var(--dangerColor), black 10%); --dangerAlt1Color: color-mix(in srgb, var(--dangerColor), black 10%);
--dangerAlt2Color: color-mix(in srgb, var(--dangerColor), black 15%); --dangerAlt2Color: color-mix(in srgb, var(--dangerColor), black 15%);