diff --git a/.DS_Store b/.DS_Store index 0f14af3..029bf44 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/soneta-ui-style/.DS_Store b/soneta-ui-style/.DS_Store new file mode 100644 index 0000000..72a09c7 Binary files /dev/null and b/soneta-ui-style/.DS_Store differ diff --git a/soneta-ui-style/SKILL.md b/soneta-ui-style/SKILL.md new file mode 100644 index 0000000..b9be41d --- /dev/null +++ b/soneta-ui-style/SKILL.md @@ -0,0 +1,485 @@ +--- +name: soneta-ui-style +description: "System projektowy (design system) Soneta / enova365 do budowania aplikacji webowych i stron internetowych wizualnie spójnych z enova365 ERP. Zawiera pełne specyfikacje: palety kolorów (motywy jasny/ciemny), typografię, layout, komponenty UI (przyciski, formularze, tabele, sidebar, header, kafelki, modale), system odstępów, cienie, ikony SVG, animacje i responsywność. Używaj tego skilla ZAWSZE gdy użytkownik: (1) prosi o zaprojektowanie, zbudowanie lub ostylowanie strony/aplikacji webowej w stylu Soneta lub enova365; (2) wspomina 'styl enova', 'styl Soneta', 'design system enova365', 'UI enova'; (3) chce stworzyć dashboard, formularz, stronę logowania lub panel administracyjny w estetyce enova365; (4) prosi o landing page, stronę firmową lub aplikację z zielonym motywem enterprise w stylu Soneta; (5) pyta o kolory, czcionki, komponenty lub wzorce UI platformy enova365/Soneta. Skill działa z każdym stosem technologicznym (HTML/CSS, React, Vue, Tailwind, itp.)." +--- + +# Soneta / enova365 — Design System + +Ten skill opisuje reguły projektowania interfejsów użytkownika wizualnie spójnych z aplikacją enova365 ERP firmy Soneta. Stosuj te reguły budując strony internetowe, dashboardy, formularze i aplikacje webowe w estetyce Soneta. + +## Zasady przewodnie + +1. **Szmaragdowa zieleń jako kolor wiodący** — `#016E46` dominuje w headerze, sidebarze (motyw jasny), przyciskach akcji, stanach focus i linkach +2. **Enterprise minimalizm** — czysty, profesjonalny interfejs bez ozdobników, nacisk na czytelność danych +3. **Wysoka gęstość informacji** — kompaktowe wiersze (`30-36px`), pola blisko siebie, minimalne marginesy +4. **Płaski design z subtelnymi cieniami** — brak skeuomorfizmu, delikatne bordery i cienie +5. **Hierarchia przez wagę czcionki, nie rozmiar** — różnice wynikają z `font-weight` (400 vs 600), a nie drastycznych zmian rozmiaru +6. **Dwa motywy: jasny i ciemny** — oba używają tego samego systemu zmiennych CSS +7. **Spójność stanów** — każdy komponent definiuje 6 stanów: default, hover, focus, pressed, selected, disabled + +--- + +## 1. Kolory + +### 1.1 Brand (wspólne) + +| Token | Wartość | Użycie | +|-------|---------|--------| +| `--brand_500` | `#016E46` | Kolor główny — header, focus, linki | +| `--brand_600` | `#015436` | Brand ciemny | +| `--brand_700` | `#01422A` | Brand najciemniejszy | +| `--brand_300` | `#3A8E6F` | Brand jasny | +| `--brand_200` | `#02E391` | Brand najjaśniejszy | +| Akcent cyjan | `#31e2b8` | Logo — turkusowy | +| Akcent błękitny | `#6acbf3` | Logo — jasny niebieski | + +### 1.2 Motyw jasny (White) + +| Przeznaczenie | Kolor | +|---------------|-------| +| Tło główne (content area) | `rgb(230, 231, 231)` — jasnoszare, wydziela białe karty | +| Tło headera | `#016E46` — szmaragdowy | +| Tło sidebara | `#003320` — bardzo ciemna zieleń, **ciemniejszy niż header** | +| Sidebar hover | `rgba(0, 70, 38)` | +| Sidebar selected | `rgba(0, 88, 48)` | +| Tekst sidebara | `#FFFFFF` | +| Tło surface/karty | `#FFFFFF` | +| Tło sekcji | `#F5F5F5` – `#FAFAFA` | +| Tekst podstawowy | `#212121` – `#333333` | +| Tekst drugorzędny | `#757575` – `#A3A3A3` | +| Tekst etykiet | `#616161` | +| Obramowanie inputów | `#BDBDBD` – `#E0E0E0` | +| Obramowanie focus | `#016E46` | +| Wiersz zaznaczony | `rgba(46, 125, 50, 0.08)` | +| Wiersz hover | `rgba(0, 0, 0, 0.04)` | +| Separator | `#E0E0E0` | + +### 1.3 Motyw ciemny (Black) + +| Przeznaczenie | Kolor | +|---------------|-------| +| Tło główne | `#1E1E1E` – `#212121` | +| Tło headera | `#1B5E20` – `#0D3B14` — ciemnozielony | +| Tło sidebara | `#262626` — **grafitowy, nie zielony** | +| Tło surface/karty | `#2A2A2A` – `#303030` | +| Tekst podstawowy | `#E0E0E0` – `#F0F0F0` | +| Tekst drugorzędny | `#A3A3A3` | +| Tekst etykiet | `#BDBDBD` | +| Obramowanie inputów | `#424242` – `#555555` | +| Obramowanie focus | `#016E46` — identyczny jak w jasnym | +| Wiersz zaznaczony | `rgba(46, 125, 50, 0.15)` | +| Wiersz hover | `rgba(255, 255, 255, 0.05)` | +| Separator | `#424242` | +| Overlay modal | `rgba(0, 0, 0, 0.7)` | + +### 1.4 Kolory semantyczne + +| Przeznaczenie | Kolor | +|---------------|-------| +| Success / Primary action | `#2E7D32` — przyciski "Zapisz" | +| Danger | `#C62828` – `#D32F2F` — przyciski "Zamknij" | +| Warning | `#F57C00` | +| Info | `#1976D2` | +| Link | `#016E46` | +| Disabled | `#A3A3A3` z opacity | + +### 1.5 Paleta neutralna (z PaletteBase.css) + +Wartości w formacie RGB (bez `rgb()`): + +| Token | Wartość | HEX | +|-------|---------|-----| +| `--neutral_0` | `255, 255, 255` | `#FFFFFF` | +| `--neutral_100` | `245, 245, 245` | `#F5F5F5` | +| `--neutral_200` | `229, 229, 229` | `#E5E5E5` | +| `--neutral_300` | `212, 212, 212` | `#D4D4D4` | +| `--neutral_500` | `109, 115, 113` | `#6D7371` | +| `--neutral_700` | `77, 81, 80` | `#4D5150` | +| `--neutral_800` | `38, 38, 38` | `#262626` | +| `--neutral_850` | `33, 33, 33` | `#212121` | +| `--neutral_900` | `23, 23, 23` | `#171717` | + +Semantyczne: `--red_600: #DC2626`, `--green_400: #10C200`, `--blue_500: #3B82F6`, `--orange_500: #F97316`, `--yellow_400: #F3D930`, `--emerald_400: #139041`. + +--- + +## 2. Typografia + +### Czcionki + +| Przeznaczenie | Czcionka | Fallback | +|---------------|----------|----------| +| Główna (`--primaryFont`) | `"FiraSans"` | `Arial, sans-serif` | +| Alternatywna (`--tertiaryFont`) | `"ROBOTO"` | `sans-serif` | +| Nagłówki | `"SourceSansSemiBold"` | `Arial, sans-serif` | +| Branding/logo | `"Lato"` | `sans-serif` | +| Monospace | `Consolas` | `"Courier New", monospace` | + +Gdy nie możesz załadować czcionek Soneta, użyj `"Roboto", "Segoe UI", Arial, sans-serif` jako bezpiecznego zamiennika. + +### Rozmiary + +| Przeznaczenie | Rozmiar | +|---------------|---------| +| Captions | `10px` – `11px` | +| Etykiety pól | `12px` (`--font_size_label: 9pt`) | +| Tekst w inputach | `13px` – `14px` | +| Body (podstawowy) | `14px` | +| Nagłówki sekcji | `14px` – `16px` + `font-weight: 600` | +| Tytuł formularza | `16px` – `18px` | +| Duże nagłówki | `20px` – `24px` | +| Logo / ekran logowania | `24px` – `32px` | + +### Grubości + +| Styl | Wartość | Użycie | +|------|---------|--------| +| Light | `300` | Delikatne teksty | +| Regular | `400` | Domyślna | +| Medium | `500` | Przyciski | +| Semi-bold | `600` | Nagłówki sekcji, aktywne menu | +| Bold | `700` | Tytuły | + +### Wysokość linii + +Body: `18-20px`, wiersze tabeli: `20-24px`, inputy: `24-26px`, nagłówki: `28-32px`. + +### Letter-spacing + +Normalny tekst: `0–0.1px`, etykiety: `0.15–0.25px`, przyciski uppercase: `0.6–2px`. + +--- + +## 3. Layout + +### Struktura główna + +``` +┌──────────────────────────────────────────────────────┐ +│ HEADER BAR (~48-56px) │ +│ [Logo] [Search] [Ikony] [Avatar] │ +├──────────┬───────────────────────────────────────────┤ +│ │ BREADCRUMB (~32px) │ +│ ├───────────────────────────────────────────┤ +│ SIDEBAR │ TOOLBAR + TABS (~44-48px) │ +│ (250px) ├───────────────────────────────────────────┤ +│ │ │ +│ Drzewo │ CONTENT AREA │ +│ nawigacji│ (Formularz / Lista / Dashboard) │ +│ │ │ +├──────────┴───────────────────────────────────────────┤ +│ STATUS BAR (opcjonalnie) │ +└──────────────────────────────────────────────────────┘ +``` + +### Wymiary + +| Element | Wymiar | +|---------|--------| +| Header bar | `48px` – `56px` | +| Sidebar rozwinięty | `240px` – `260px` | +| Sidebar zwinięty | `48px` – `56px` | +| Breadcrumb | `28px` – `32px` | +| Toolbar | `40px` – `48px` | +| Status bar | `24px` – `28px` | +| Min width | `1024px` | + +### System layoutu + +- **Flexbox** dominuje — `flex-direction: row` dla sidebar+content, `column` dla sekcji +- **Grid** sporadycznie — dashboard kafelków +- `justify-content: space-between` w toolbarze +- `align-items: center` praktycznie wszędzie + +--- + +## 4. Komponenty UI + +### 4.1 Przyciski + +| Wariant | Tło | Tekst | Border | Użycie | +|---------|-----|-------|--------|--------| +| **Primary** | `#2E7D32` | `#FFF` | brak | "Zapisz", "Zaloguj" | +| **Secondary** | przezroczyste | inherit | `1px solid` szary | "Czynności" | +| **Tertiary** | przezroczyste | inherit | brak | Ikony toolbar | +| **Danger** | `#C62828` | `#FFF` | brak | "Zamknij" | + +Wymiary: height `32-38px` (standard) / `40-44px` (duży), padding `6px 12px` / `8px 16px` / `10px 20px`, border-radius `4-6px`, font `13-14px` weight `500-600`, gap ikona+tekst `6-8px`. + +Stany: hover — lekkie rozjaśnienie; focus — `box-shadow: inset 0 0 3px 1px #016E46`; pressed — przyciemnienie; disabled — opacity `0.5-0.6`. + +```css +/* Przykład: przycisk Primary */ +.btn-primary { + background-color: #2E7D32; + color: #FFFFFF; + border: none; + border-radius: 4px; + padding: 6px 16px; + font-size: 14px; + font-weight: 500; + cursor: pointer; + transition: background-color 0.2s ease; +} +.btn-primary:hover { filter: brightness(1.1); } +.btn-primary:focus { box-shadow: inset 0 0 3px 1px #016E46; } +.btn-primary:disabled { opacity: 0.5; cursor: default; } +``` + +### 4.2 Pola formularza + +| Właściwość | Jasny | Ciemny | +|------------|-------|--------| +| Tło | `#FFFFFF` | `#2A2A2A` | +| Tekst | `#212121` | `#E0E0E0` | +| Border | `1px solid #BDBDBD` | `1px solid #555555` | +| Border-radius | `4px` | `4px` | +| Wysokość | `30-32px` | `30-32px` | +| Padding | `4px 8px` | `4px 8px` | +| Font-size | `13-14px` | `13-14px` | + +Focus: border `#016E46` + opcjonalnie `box-shadow: inset 0 0 3px 1px #016E46`. Error: czerwony shadow. Warning: pomarańczowy shadow. Disabled: tło `#F5F5F5` / `#1A1A1A`. + +**Etykiety**: font `12px`, kolor `#757575` (jasny) / `#BDBDBD` (ciemny), weight `400`. + +**Układ formularza**: siatka 2-4 kolumn, etykieta po lewej (~100-140px stała szerokość), input `flex: 1`, gap między wierszami `8-12px`, sekcje oddzielone nagłówkami z marginesem `16-24px`. + +### 4.3 Checkbox + +Rozmiar `16-18px`, border-radius `2-3px`, checked: zielone tło `#2E7D32` z białym checkmarkiem. + +### 4.4 Tabele / Listy + +**Nagłówek**: tło `#F5F5F5` (jasny) / `#2A2A2A` (ciemny), tekst `#616161` / `#BDBDBD`, font `12-13px` weight `600`, padding `8px 12px`. + +**Wiersze**: tło naprzemienne `#FFF` / `#FAFAFA` (jasny), `#1E1E1E` / `#252525` (ciemny), height `30-36px`, padding `4-6px 12px`, font `13-14px`. Hover: `rgba(0,0,0,0.04)` / `rgba(255,255,255,0.05)`. Selected: zielony tint `rgba(46,125,50,0.08)` / `0.15`. + +### 4.5 Zakładki (Tabs) + +Styl **outline**: padding `6px 12px`, border `1px solid szary`, border-radius `4px`, font `13px`, aktywna — zielone tło lub zielony border, gap `4-6px`. + +Styl **page tabs**: przylegające (`gap: 0`), aktywna — wyróżnione tło + pogrubiony tekst. + +### 4.6 Header Bar + +- Tło: `#016E46` (jasny) / `#1B5E20` (ciemny) +- Wysokość: `48-56px`, padding: `0 16px` +- Logo: ZAWSZE osadzać poniższe oficjalne SVG inline (nie wymyślać własnego logo!): + +```html + + + + +``` +- Search: **białe tło**, ciemny tekst, ikona lupy, border-radius `4px` +- Ikony: białe SVG `20-24px` +- Avatar: kółko `32-36px`, zielone tło + biały inicjał +- Shadow: `0 2px 4px rgba(0,0,0,0.1)` na dole + +### 4.7 Sidebar + +**Motyw jasny**: tło `#003320` (ciemniejsza zieleń niż header), biały tekst, białe ikony SVG `16-18px`. **Motyw ciemny**: tło `#262626` (grafitowy), jasnoszary tekst. + +Kształt: border-radius `8-12px`, margin `4-6px` (góra/lewo/dół) — pływający panel z zaokrąglonymi rogami. + +Struktura: (1) pasek sterowania "Zwiń"/"Odepnij", (2) pole wyszukiwania, (3) drzewo nawigacji z chevronami. + +Hover: `rgba(255,255,255,0.08)` (jasny) / `0.05` (ciemny). Aktywny: `rgba(255,255,255,0.12)` + pogrubienie. Padding elementu: `8px 16px`, wcięcie podpoziomów: `+16-20px`. + +### 4.8 Breadcrumb + +Wysokość `28-32px`, font `12px`, kolor `#757575` (linki), ostatni segment `#212121` (nie-link), separator `>` kolor `#BDBDBD` z `margin: 0 4px`, ikona Home SVG `14-16px`, padding `4px 16px`. + +### 4.9 Modal / Dialog + +| Właściwość | Jasny | Ciemny | +|------------|-------|--------| +| Overlay | `rgba(0,0,0,0.5)` | `rgba(0,0,0,0.7)` | +| Tło | `#FFFFFF` | `#2A2A2A` | +| Border-radius | `8-12px` | `8-12px` | +| Shadow | `0 4px 20px rgba(0,0,0,0.25)` | `…0.5)` | +| Padding | `20-25px` | `20-25px` | +| Szerokość | `400-600px` | `400-600px` | + +### 4.10 Dropdown / Menu kontekstowe + +Tło białe/ciemne, border `1px solid #E0E0E0` / `#424242`, border-radius `8px`, shadow `0 4px 12px rgba(0,0,0,0.15)` / `0.4`, padding elementu `8px 16px`, font `13-14px`, ikony kolorowe `16-20px` po lewej. + +### 4.11 Ekran logowania + +Dwuczęściowy layout ~50/50: lewa — zdjęcie/branding z logo, prawa — formularz logowania wycentrowany w pionie. Logo "enova365" z akcentami kolorystycznymi. Hasło: "System ERP dla ambitnego biznesu" `22px` kursywa. Przycisk "Zaloguj": zielony, pełna szerokość, `40px` height. Footer: "by Soneta ®". + +### 4.12 Dashboard — Kafelki (Tiles) + +Tło content area: `rgb(230, 231, 231)` (jasny) — wydziela białe kafelki. + +**Kafelek**: width `352px`, min-height `80px`, border-radius `12px`, tło białe/ciemne, **border-left `4px solid [kolor_modułu]`** — kolorowy akcent, shadow `0 0 10px 1px rgba(229,229,229)`, padding `10px 16px`. + +**Układ wewnętrzny kafelka**: `display: flex; align-items: center; gap: 10px` — ikona po lewej, tekst (tytuł + opis) po prawej. Ikona jest wycentrowana w pionie względem bloku tekstowego. + +**Ikona w kafelku**: rozmiar `20px` × `20px`, kolor = kolor modułu (taki sam jak border-left). Ikona to czyste SVG liniowe (outline) — same kontury, **bez koła/okręgu za ikoną**, bez żadnego tła pod ikoną. Ikona renderowana bezpośrednio na białym tle kafelka. + +Katalog `SvgResources/` tego skilla zawiera ~370 gotowych ikon SVG enova365. Każda ikona ma `viewBox="0 0 160 160"` i używa `fill` na elementach `` (cienkie kształty dające efekt liniowy). Aby użyć ikony w kafelku, skopiuj zawartość pliku SVG, ustaw `width="20" height="20"` i nadaj kolor modułu przez atrybut `fill` na elemencie `` lub ``. + +**Mapowanie modułów na pliki ikon SVG** (katalog `SvgResources/`): + +| Moduł | Plik ikony | Kolor | +|-------|-----------|-------| +| Terminarz | `kalendarz.svg` | Zielony `#2E7D32` | +| Kadry i płace | `osoba.svg` | Pomarańczowy `#F57C00` | +| Księgowość | `kalkulator.svg` | Fioletowy `#7B1FA2` | +| Handel | `towar.svg` | Żółty `#F9A825` | +| CRM | `crm.svg` | Zielonkawy `#2E7D32` | +| Produkcja | `fabryka.svg` | Magenta `#C2185B` | +| Ewidencja dokumentów | `dokument.svg` | Niebieski `#1976D2` | +| Ewidencja Środków Pieniężnych | `monety.svg` | Cyjan `#00838F` | +| Księga inwentarzowa | `portfel.svg` | Oliwkowy `#827717` | +| Ewidencja pojazdów | `samochod.svg` | Czerwony `#C62828` | +| Business Intelligence | `wykres.svg` | Złoty `#F9A825` | + +Przykład osadzenia ikony z pliku `kalendarz.svg` w kafelku: +```html + + + +``` + +Jeśli nie masz dostępu do plików SVG, narysuj prostą ikonę liniową inline — cienkie ścieżki `` z `fill="[kolor_modułu]"`, viewBox `0 0 160 160`, bez tła i bez koła. + +**Tytuł**: Roboto `16px` weight `600`, line-height `28px`. **Opis**: Roboto `14px` weight `400`, kolor `rgb(68, 70, 69)`, line-height `16px`. + +Layout kafelków: flex-wrap, gap `8px`, tytuł grupy: `16px` weight `500` uppercase. + +Hover: tło `#F5F5F5`, active: brak shadow, focus: outline `2px`. + +### 4.13 Toolbar + +Wysokość `40-48px`, border-bottom separator, flex row `align-items: center`, gap `4-8px`, padding `4px 16px`. Przyciski outline/tertiary `30-32px` height. Filtry: zielone tło, pill shape `border-radius: 16-20px`. + +### 4.14 Scrollbar + +Track przezroczysty, thumb `#BDBDBD` (jasny) / `#555555` (ciemny), thumb hover `#999` / `#777`, width `8-10px`, border-radius `4-5px`. + +--- + +## 5. System odstępów (skala 4px) + +| Token | Wartość | Użycie | +|-------|---------|--------| +| xs | `2px` | Mikro-gap ikona↔tekst | +| sm | `4px` | Padding małych elementów | +| md | `8px` | Standardowy padding/gap | +| lg | `12px` | Padding komórek, gap przycisków | +| xl | `16px` | Padding sekcji, margin grup | +| 2xl | `20px` | Padding kart/modali | +| 3xl | `24px` | Margin między sekcjami | +| 4xl | `32px` | Duże odstępy | +| 5xl | `40px` | Bardzo duże odstępy | + +--- + +## 6. Border-radius + +| Element | Wartość | +|---------|---------| +| Inputy | `4px` | +| Przyciski | `4-6px` | +| Karty/kafelki | `8-12px` | +| Modale | `8-12px` | +| Pill/badge | `16-20px` | +| Avatary | `50%` | +| Tooltipy | `4-6px` | + +--- + +## 7. Cienie + +| Kontekst | Wartość | +|----------|---------| +| Subtelny (karty) | `0 1px 3px rgba(0,0,0,0.08)` | +| Standardowy (dropdown) | `0 2px 8px rgba(0,0,0,0.15)` | +| Wyraźny (modal) | `0 4px 20px rgba(0,0,0,0.25)` | +| Focus inset | `inset 0 0 3px 1px #016E46` | +| Header | `0 2px 4px rgba(0,0,0,0.1)` | +| Ciemny motyw | Alpha ×1.5 – ×2 | + +--- + +## 8. Ikony + +System ikon enova365: **liniowe SVG (outline)**, viewBox `0 0 160 160`, kolor przez `fill` (nie stroke), `fill: currentColor` lub bezpośredni kolor. + +| Rozmiar | Wartość | Użycie | +|---------|---------|--------| +| Mały | `14-16px` | Inline tekst, sidebar | +| Standardowy | `18-20px` | Toolbar, menu | +| Duży | `24-32px` | Nagłówki, dashboard | + +Kolory: `#616161` (jasny content), `#BDBDBD` (ciemny), `#FFFFFF` (na zielonym tle), `#2E7D32` (aktywny). + +Główne ikony: `szukaj.svg` (lupa), `dom.svg` (home), `ustawienia.svg` (trybik), `dzwonek.svg` (powiadomienia), `osoba.svg` (użytkownik), `folder.svg`, `dokument.svg`, `dodaj.svg` (+), `usun.svg` (kosz), `zapisz.svg` (dyskietka), `anuluj.svg` (X), `filtr.svg`. + +**Logo**: Oficjalne SVG logo enova365 jest osadzone w sekcji 4.6 (Header Bar) powyżej. ZAWSZE kopiuj dokładnie ten kod SVG — nigdy nie wymyślaj własnej wersji logo ani nie próbuj odtwarzać go z tekstu + ikon. Na ciemnym tle użyj `fill="#FFFFFF"`, na jasnym `fill="#000000"`. + +--- + +## 9. Animacje + +| Właściwość | Wartość | +|------------|---------| +| Transition domyślny | `all 0.2s ease` | +| Hover | `background-color 0.2s, color 0.2s` | +| Opacity | `opacity 0.3s ease` | +| Sidebar collapse | `width 0.3s ease` | + +--- + +## 10. Responsywność + +| Breakpoint | Zachowanie | +|------------|------------| +| Desktop (>1200px) | Pełny layout: sidebar + content | +| Tablet (768–1200px) | Sidebar zwinięty, rozwijany overlay | +| Mobile (<768px) | Wersja mobilna — osobna aplikacja | + +--- + +## 11. CSS Variables — konwencja nazewnictwa + +Format: `--{komponent}_{wariant}_{stan}_{właściwość}` + +Prefiksy: `command_` (przyciski), `input_` (formularze), `nav_tree_` (sidebar), `headerbar_`, `modal_`, `tooltip_`, `popup_`, `checkbox_`, `radio_`, `dp_` (date picker), `scroll_`, `spinner_`, `dashboard_`, `bookmark_` (zakładki), `path_` (breadcrumb), `label_`, `verifier_` (walidacja). + +Przykłady: `--command_primary_hover_bg`, `--nav_tree_item_selected`, `--input_focused_border`, `--modal_bar_title_fg`. + +--- + +## 12. Kolory ikon modułów (menu główne) + +Na dashboardzie ikony w kolorowych kółkach (border-radius `50%`, `32-40px`): + +| Moduł | Kolor | +|-------|-------| +| Terminarz | Zielony | +| Ewidencja dokumentów | Niebieski | +| Kadry i płace | Pomarańczowy | +| Księgowość | Fioletowy | +| Handel | Żółty | +| Produkcja | Magenta | +| CRM | Zielonkawy | + +--- + +## Materiały referencyjne + +Pełny przewodnik projektowy z większą ilością szczegółów: przeczytaj `enova365-design-guide.md` w katalogu tego skilla. + +Pliki CSS z pełnymi paletami zmiennych: +- `wzorce/css/standard/PaletteBase.css` — paleta jasna (~830 zmiennych) +- `wzorce/css/standard/PaletteDark.css` — paleta ciemna + + +Ikony SVG: katalog `SvgResources/` zawiera ~370 ikon liniowych. + +Pliki SCSS komponentów: katalog `wzorce/css/fullbrowser/` — style poszczególnych komponentów (TileItem, Login, HeaderBar, NavPanelTree, Grid, itd.). diff --git a/soneta-ui-style/SvgResources/.DS_Store b/soneta-ui-style/SvgResources/.DS_Store new file mode 100644 index 0000000..f69499d Binary files /dev/null and b/soneta-ui-style/SvgResources/.DS_Store differ diff --git a/soneta-ui-style/SvgResources/Aborted.svg b/soneta-ui-style/SvgResources/Aborted.svg new file mode 100644 index 0000000..b283692 --- /dev/null +++ b/soneta-ui-style/SvgResources/Aborted.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/Copy.svg b/soneta-ui-style/SvgResources/Copy.svg new file mode 100644 index 0000000..53c352a --- /dev/null +++ b/soneta-ui-style/SvgResources/Copy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/DxReportDesigner/AmountLabel.svg b/soneta-ui-style/SvgResources/DxReportDesigner/AmountLabel.svg new file mode 100644 index 0000000..7dd838b --- /dev/null +++ b/soneta-ui-style/SvgResources/DxReportDesigner/AmountLabel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/DxReportDesigner/CrossCheckBox.svg b/soneta-ui-style/SvgResources/DxReportDesigner/CrossCheckBox.svg new file mode 100644 index 0000000..f26b3c5 --- /dev/null +++ b/soneta-ui-style/SvgResources/DxReportDesigner/CrossCheckBox.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/DxReportDesigner/DatabaseSubReport.svg b/soneta-ui-style/SvgResources/DxReportDesigner/DatabaseSubReport.svg new file mode 100644 index 0000000..fce8c23 --- /dev/null +++ b/soneta-ui-style/SvgResources/DxReportDesigner/DatabaseSubReport.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/DxReportDesigner/Footer.svg b/soneta-ui-style/SvgResources/DxReportDesigner/Footer.svg new file mode 100644 index 0000000..5530e42 --- /dev/null +++ b/soneta-ui-style/SvgResources/DxReportDesigner/Footer.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/DxReportDesigner/Header.svg b/soneta-ui-style/SvgResources/DxReportDesigner/Header.svg new file mode 100644 index 0000000..1c32bf9 --- /dev/null +++ b/soneta-ui-style/SvgResources/DxReportDesigner/Header.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/DxReportDesigner/ResourcePictureBox.svg b/soneta-ui-style/SvgResources/DxReportDesigner/ResourcePictureBox.svg new file mode 100644 index 0000000..6417193 --- /dev/null +++ b/soneta-ui-style/SvgResources/DxReportDesigner/ResourcePictureBox.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/DxReportDesigner/ShrinkableLabel.svg b/soneta-ui-style/SvgResources/DxReportDesigner/ShrinkableLabel.svg new file mode 100644 index 0000000..44eb837 --- /dev/null +++ b/soneta-ui-style/SvgResources/DxReportDesigner/ShrinkableLabel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/KawaKolorowa.svg b/soneta-ui-style/SvgResources/KawaKolorowa.svg new file mode 100644 index 0000000..28958f9 --- /dev/null +++ b/soneta-ui-style/SvgResources/KawaKolorowa.svg @@ -0,0 +1,4 @@ + + + + diff --git a/soneta-ui-style/SvgResources/Premium/logo_full_premium.svg b/soneta-ui-style/SvgResources/Premium/logo_full_premium.svg new file mode 100644 index 0000000..3ca1668 --- /dev/null +++ b/soneta-ui-style/SvgResources/Premium/logo_full_premium.svg @@ -0,0 +1,14 @@ + + + + + + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/Premium/logo_icon_premium.svg b/soneta-ui-style/SvgResources/Premium/logo_icon_premium.svg new file mode 100644 index 0000000..4224655 --- /dev/null +++ b/soneta-ui-style/SvgResources/Premium/logo_icon_premium.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/Premium/logo_premium.svg b/soneta-ui-style/SvgResources/Premium/logo_premium.svg new file mode 100644 index 0000000..9397665 --- /dev/null +++ b/soneta-ui-style/SvgResources/Premium/logo_premium.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/Premium/obszar_crm.svg b/soneta-ui-style/SvgResources/Premium/obszar_crm.svg new file mode 100644 index 0000000..c4e770a Binary files /dev/null and b/soneta-ui-style/SvgResources/Premium/obszar_crm.svg differ diff --git a/soneta-ui-style/SvgResources/Premium/obszar_finanse_ksiegowosc.svg b/soneta-ui-style/SvgResources/Premium/obszar_finanse_ksiegowosc.svg new file mode 100644 index 0000000..a46c600 Binary files /dev/null and b/soneta-ui-style/SvgResources/Premium/obszar_finanse_ksiegowosc.svg differ diff --git a/soneta-ui-style/SvgResources/Premium/obszar_kadry_place.svg b/soneta-ui-style/SvgResources/Premium/obszar_kadry_place.svg new file mode 100644 index 0000000..eaf04c1 Binary files /dev/null and b/soneta-ui-style/SvgResources/Premium/obszar_kadry_place.svg differ diff --git a/soneta-ui-style/SvgResources/Premium/obszar_majatek_trwaly.svg b/soneta-ui-style/SvgResources/Premium/obszar_majatek_trwaly.svg new file mode 100644 index 0000000..77acb39 Binary files /dev/null and b/soneta-ui-style/SvgResources/Premium/obszar_majatek_trwaly.svg differ diff --git a/soneta-ui-style/SvgResources/Premium/obszar_produkcja.svg b/soneta-ui-style/SvgResources/Premium/obszar_produkcja.svg new file mode 100644 index 0000000..4e32398 --- /dev/null +++ b/soneta-ui-style/SvgResources/Premium/obszar_produkcja.svg @@ -0,0 +1,4 @@ + + + + diff --git a/soneta-ui-style/SvgResources/Premium/obszar_projekty.svg b/soneta-ui-style/SvgResources/Premium/obszar_projekty.svg new file mode 100644 index 0000000..320edf0 Binary files /dev/null and b/soneta-ui-style/SvgResources/Premium/obszar_projekty.svg differ diff --git a/soneta-ui-style/SvgResources/Premium/obszar_sprzedaz_zakupy.svg b/soneta-ui-style/SvgResources/Premium/obszar_sprzedaz_zakupy.svg new file mode 100644 index 0000000..b01f78d Binary files /dev/null and b/soneta-ui-style/SvgResources/Premium/obszar_sprzedaz_zakupy.svg differ diff --git a/soneta-ui-style/SvgResources/Standard/logo_full_standard.svg b/soneta-ui-style/SvgResources/Standard/logo_full_standard.svg new file mode 100644 index 0000000..e2f10d5 --- /dev/null +++ b/soneta-ui-style/SvgResources/Standard/logo_full_standard.svg @@ -0,0 +1 @@ + diff --git a/soneta-ui-style/SvgResources/Standard/logo_icon_standard.svg b/soneta-ui-style/SvgResources/Standard/logo_icon_standard.svg new file mode 100644 index 0000000..8111fc1 --- /dev/null +++ b/soneta-ui-style/SvgResources/Standard/logo_icon_standard.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/Standard/logo_standard.svg b/soneta-ui-style/SvgResources/Standard/logo_standard.svg new file mode 100644 index 0000000..38dd396 --- /dev/null +++ b/soneta-ui-style/SvgResources/Standard/logo_standard.svg @@ -0,0 +1,25 @@ + + + + + + diff --git a/soneta-ui-style/SvgResources/Standard/ustawienia_logo.svg b/soneta-ui-style/SvgResources/Standard/ustawienia_logo.svg new file mode 100644 index 0000000..8d55119 --- /dev/null +++ b/soneta-ui-style/SvgResources/Standard/ustawienia_logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/aktualizuj.svg b/soneta-ui-style/SvgResources/aktualizuj.svg new file mode 100644 index 0000000..ef716fe --- /dev/null +++ b/soneta-ui-style/SvgResources/aktualizuj.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/aktualizuj_dokument.svg b/soneta-ui-style/SvgResources/aktualizuj_dokument.svg new file mode 100644 index 0000000..52c7e90 --- /dev/null +++ b/soneta-ui-style/SvgResources/aktualizuj_dokument.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/aktualizuj_kobieta.svg b/soneta-ui-style/SvgResources/aktualizuj_kobieta.svg new file mode 100644 index 0000000..87dd3af --- /dev/null +++ b/soneta-ui-style/SvgResources/aktualizuj_kobieta.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/aktualizuj_kwota.svg b/soneta-ui-style/SvgResources/aktualizuj_kwota.svg new file mode 100644 index 0000000..649f759 --- /dev/null +++ b/soneta-ui-style/SvgResources/aktualizuj_kwota.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/aktualizuj_osoba.svg b/soneta-ui-style/SvgResources/aktualizuj_osoba.svg new file mode 100644 index 0000000..d02e3eb --- /dev/null +++ b/soneta-ui-style/SvgResources/aktualizuj_osoba.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/aktualizuj_towar.svg b/soneta-ui-style/SvgResources/aktualizuj_towar.svg new file mode 100644 index 0000000..03c951d --- /dev/null +++ b/soneta-ui-style/SvgResources/aktualizuj_towar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/algorytm.svg b/soneta-ui-style/SvgResources/algorytm.svg new file mode 100644 index 0000000..4ee8892 --- /dev/null +++ b/soneta-ui-style/SvgResources/algorytm.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/algorytm_decyzja.svg b/soneta-ui-style/SvgResources/algorytm_decyzja.svg new file mode 100644 index 0000000..850754e --- /dev/null +++ b/soneta-ui-style/SvgResources/algorytm_decyzja.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/algorytm_dodaj.svg b/soneta-ui-style/SvgResources/algorytm_dodaj.svg new file mode 100644 index 0000000..6f2b5ed --- /dev/null +++ b/soneta-ui-style/SvgResources/algorytm_dodaj.svg @@ -0,0 +1 @@ + diff --git a/soneta-ui-style/SvgResources/anuluj.svg b/soneta-ui-style/SvgResources/anuluj.svg new file mode 100644 index 0000000..b283692 --- /dev/null +++ b/soneta-ui-style/SvgResources/anuluj.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/anuluj_kolo.svg b/soneta-ui-style/SvgResources/anuluj_kolo.svg new file mode 100644 index 0000000..2fce17a --- /dev/null +++ b/soneta-ui-style/SvgResources/anuluj_kolo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/anuluj_kolo_pytajnik.svg b/soneta-ui-style/SvgResources/anuluj_kolo_pytajnik.svg new file mode 100644 index 0000000..9a0a846 --- /dev/null +++ b/soneta-ui-style/SvgResources/anuluj_kolo_pytajnik.svg @@ -0,0 +1,3 @@ + + + diff --git a/soneta-ui-style/SvgResources/aprobata.svg b/soneta-ui-style/SvgResources/aprobata.svg new file mode 100644 index 0000000..c9c85b8 --- /dev/null +++ b/soneta-ui-style/SvgResources/aprobata.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/aprobata2.svg b/soneta-ui-style/SvgResources/aprobata2.svg new file mode 100644 index 0000000..242fcd1 --- /dev/null +++ b/soneta-ui-style/SvgResources/aprobata2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/avatar.svg b/soneta-ui-style/SvgResources/avatar.svg new file mode 100644 index 0000000..eb45177 --- /dev/null +++ b/soneta-ui-style/SvgResources/avatar.svg @@ -0,0 +1 @@ + diff --git a/soneta-ui-style/SvgResources/backspace.svg b/soneta-ui-style/SvgResources/backspace.svg new file mode 100644 index 0000000..dd9de62 --- /dev/null +++ b/soneta-ui-style/SvgResources/backspace.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/baza_danych.svg b/soneta-ui-style/SvgResources/baza_danych.svg new file mode 100644 index 0000000..d7ba064 --- /dev/null +++ b/soneta-ui-style/SvgResources/baza_danych.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/baza_danych_master.svg b/soneta-ui-style/SvgResources/baza_danych_master.svg new file mode 100644 index 0000000..8de5bc9 --- /dev/null +++ b/soneta-ui-style/SvgResources/baza_danych_master.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/baza_danych_otwarta.svg b/soneta-ui-style/SvgResources/baza_danych_otwarta.svg new file mode 100644 index 0000000..cf37689 --- /dev/null +++ b/soneta-ui-style/SvgResources/baza_danych_otwarta.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + diff --git a/soneta-ui-style/SvgResources/baza_danych_slave.svg b/soneta-ui-style/SvgResources/baza_danych_slave.svg new file mode 100644 index 0000000..850f75d --- /dev/null +++ b/soneta-ui-style/SvgResources/baza_danych_slave.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/bazy_danych.svg b/soneta-ui-style/SvgResources/bazy_danych.svg new file mode 100644 index 0000000..ad18438 --- /dev/null +++ b/soneta-ui-style/SvgResources/bazy_danych.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/bi.svg b/soneta-ui-style/SvgResources/bi.svg new file mode 100644 index 0000000..22607bc --- /dev/null +++ b/soneta-ui-style/SvgResources/bi.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/bilans_minus.svg b/soneta-ui-style/SvgResources/bilans_minus.svg new file mode 100644 index 0000000..cbbef56 --- /dev/null +++ b/soneta-ui-style/SvgResources/bilans_minus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/bilans_zegar.svg b/soneta-ui-style/SvgResources/bilans_zegar.svg new file mode 100644 index 0000000..d3305a4 --- /dev/null +++ b/soneta-ui-style/SvgResources/bilans_zegar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/blad.svg b/soneta-ui-style/SvgResources/blad.svg new file mode 100644 index 0000000..7770fef --- /dev/null +++ b/soneta-ui-style/SvgResources/blad.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/bottom.svg b/soneta-ui-style/SvgResources/bottom.svg new file mode 100644 index 0000000..5327cf5 --- /dev/null +++ b/soneta-ui-style/SvgResources/bottom.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/brak_danych.svg b/soneta-ui-style/SvgResources/brak_danych.svg new file mode 100644 index 0000000..2ab5cfb --- /dev/null +++ b/soneta-ui-style/SvgResources/brak_danych.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/butelki.svg b/soneta-ui-style/SvgResources/butelki.svg new file mode 100644 index 0000000..6dfa465 --- /dev/null +++ b/soneta-ui-style/SvgResources/butelki.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/butelki_we.svg b/soneta-ui-style/SvgResources/butelki_we.svg new file mode 100644 index 0000000..9769c25 --- /dev/null +++ b/soneta-ui-style/SvgResources/butelki_we.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/butelki_wy.svg b/soneta-ui-style/SvgResources/butelki_wy.svg new file mode 100644 index 0000000..4806c2e --- /dev/null +++ b/soneta-ui-style/SvgResources/butelki_wy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/certyfikat.svg b/soneta-ui-style/SvgResources/certyfikat.svg new file mode 100644 index 0000000..101c21c --- /dev/null +++ b/soneta-ui-style/SvgResources/certyfikat.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/certyfikat_pieczec.svg b/soneta-ui-style/SvgResources/certyfikat_pieczec.svg new file mode 100644 index 0000000..508f4f3 --- /dev/null +++ b/soneta-ui-style/SvgResources/certyfikat_pieczec.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/check.svg b/soneta-ui-style/SvgResources/check.svg new file mode 100644 index 0000000..c08d3c2 --- /dev/null +++ b/soneta-ui-style/SvgResources/check.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/check_lista.svg b/soneta-ui-style/SvgResources/check_lista.svg new file mode 100644 index 0000000..1373b58 --- /dev/null +++ b/soneta-ui-style/SvgResources/check_lista.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/chmura.svg b/soneta-ui-style/SvgResources/chmura.svg new file mode 100644 index 0000000..0dfd035 --- /dev/null +++ b/soneta-ui-style/SvgResources/chmura.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/chmura_we.svg b/soneta-ui-style/SvgResources/chmura_we.svg new file mode 100644 index 0000000..efdc6a8 --- /dev/null +++ b/soneta-ui-style/SvgResources/chmura_we.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/chmura_wy.svg b/soneta-ui-style/SvgResources/chmura_wy.svg new file mode 100644 index 0000000..83901bb --- /dev/null +++ b/soneta-ui-style/SvgResources/chmura_wy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/chrome.svg b/soneta-ui-style/SvgResources/chrome.svg new file mode 100644 index 0000000..d924abd Binary files /dev/null and b/soneta-ui-style/SvgResources/chrome.svg differ diff --git a/soneta-ui-style/SvgResources/cookie.svg b/soneta-ui-style/SvgResources/cookie.svg new file mode 100644 index 0000000..63193d1 --- /dev/null +++ b/soneta-ui-style/SvgResources/cookie.svg @@ -0,0 +1,26 @@ + + + + + + + + + + + + + + diff --git a/soneta-ui-style/SvgResources/crm.svg b/soneta-ui-style/SvgResources/crm.svg new file mode 100644 index 0000000..680b24c --- /dev/null +++ b/soneta-ui-style/SvgResources/crm.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dlon_moneta.svg b/soneta-ui-style/SvgResources/dlon_moneta.svg new file mode 100644 index 0000000..33c3448 --- /dev/null +++ b/soneta-ui-style/SvgResources/dlon_moneta.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dodaj.svg b/soneta-ui-style/SvgResources/dodaj.svg new file mode 100644 index 0000000..b7ad599 --- /dev/null +++ b/soneta-ui-style/SvgResources/dodaj.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dodaj_wiersz.svg b/soneta-ui-style/SvgResources/dodaj_wiersz.svg new file mode 100644 index 0000000..5a288ab --- /dev/null +++ b/soneta-ui-style/SvgResources/dodaj_wiersz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dodaj_zalacznik.svg b/soneta-ui-style/SvgResources/dodaj_zalacznik.svg new file mode 100644 index 0000000..4a65f79 --- /dev/null +++ b/soneta-ui-style/SvgResources/dodaj_zalacznik.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument.svg b/soneta-ui-style/SvgResources/dokument.svg new file mode 100644 index 0000000..09f7d53 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument2_we.svg b/soneta-ui-style/SvgResources/dokument2_we.svg new file mode 100644 index 0000000..efadef0 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument2_we.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_b.svg b/soneta-ui-style/SvgResources/dokument_b.svg new file mode 100644 index 0000000..232f840 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_b.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_brak.svg b/soneta-ui-style/SvgResources/dokument_brak.svg new file mode 100644 index 0000000..cf87cf2 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_brak.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_dolar.svg b/soneta-ui-style/SvgResources/dokument_dolar.svg new file mode 100644 index 0000000..9642b91 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_dolar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_dzwonek.svg b/soneta-ui-style/SvgResources/dokument_dzwonek.svg new file mode 100644 index 0000000..e7468ab --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_dzwonek.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_folder.svg b/soneta-ui-style/SvgResources/dokument_folder.svg new file mode 100644 index 0000000..a6323f7 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_folder.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_kalendarz.svg b/soneta-ui-style/SvgResources/dokument_kalendarz.svg new file mode 100644 index 0000000..e058732 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_kalendarz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_kalkulator.svg b/soneta-ui-style/SvgResources/dokument_kalkulator.svg new file mode 100644 index 0000000..080e9fb --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_kalkulator.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_kwota.svg b/soneta-ui-style/SvgResources/dokument_kwota.svg new file mode 100644 index 0000000..56c7298 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_kwota.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_lista.svg b/soneta-ui-style/SvgResources/dokument_lista.svg new file mode 100644 index 0000000..0de8346 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_lista.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_minus.svg b/soneta-ui-style/SvgResources/dokument_minus.svg new file mode 100644 index 0000000..4920819 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_minus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_moneta.svg b/soneta-ui-style/SvgResources/dokument_moneta.svg new file mode 100644 index 0000000..e8d9119 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_moneta.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_nastepny.svg b/soneta-ui-style/SvgResources/dokument_nastepny.svg new file mode 100644 index 0000000..746a6a6 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_nastepny.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_ok.svg b/soneta-ui-style/SvgResources/dokument_ok.svg new file mode 100644 index 0000000..61a0460 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_ok.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_plus_minus.svg b/soneta-ui-style/SvgResources/dokument_plus_minus.svg new file mode 100644 index 0000000..b6074e4 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_plus_minus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_poprzedni.svg b/soneta-ui-style/SvgResources/dokument_poprzedni.svg new file mode 100644 index 0000000..f2a3740 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_poprzedni.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_procent.svg b/soneta-ui-style/SvgResources/dokument_procent.svg new file mode 100644 index 0000000..e154af1 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_procent.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_samochod.svg b/soneta-ui-style/SvgResources/dokument_samochod.svg new file mode 100644 index 0000000..db8f098 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_samochod.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_szkolenie.svg b/soneta-ui-style/SvgResources/dokument_szkolenie.svg new file mode 100644 index 0000000..7abd81f --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_szkolenie.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_szukaj.svg b/soneta-ui-style/SvgResources/dokument_szukaj.svg new file mode 100644 index 0000000..2ccb531 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_szukaj.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_szukaj_pytajnik.svg b/soneta-ui-style/SvgResources/dokument_szukaj_pytajnik.svg new file mode 100644 index 0000000..256d475 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_szukaj_pytajnik.svg @@ -0,0 +1,5 @@ + + + diff --git a/soneta-ui-style/SvgResources/dokument_tekst.svg b/soneta-ui-style/SvgResources/dokument_tekst.svg new file mode 100644 index 0000000..1179d95 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_tekst.svg @@ -0,0 +1 @@ +##### \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_towar.svg b/soneta-ui-style/SvgResources/dokument_towar.svg new file mode 100644 index 0000000..2f758e4 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_towar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_ue_we.svg b/soneta-ui-style/SvgResources/dokument_ue_we.svg new file mode 100644 index 0000000..005773e --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_ue_we.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_ue_wy.svg b/soneta-ui-style/SvgResources/dokument_ue_wy.svg new file mode 100644 index 0000000..1eaf43c --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_ue_wy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_waga.svg b/soneta-ui-style/SvgResources/dokument_waga.svg new file mode 100644 index 0000000..155b111 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_waga.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_we.svg b/soneta-ui-style/SvgResources/dokument_we.svg new file mode 100644 index 0000000..94375f5 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_we.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_wy.svg b/soneta-ui-style/SvgResources/dokument_wy.svg new file mode 100644 index 0000000..2c887d6 --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_wy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokument_zegar.svg b/soneta-ui-style/SvgResources/dokument_zegar.svg new file mode 100644 index 0000000..eec8d7e --- /dev/null +++ b/soneta-ui-style/SvgResources/dokument_zegar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dokumenty.svg b/soneta-ui-style/SvgResources/dokumenty.svg new file mode 100644 index 0000000..366726a --- /dev/null +++ b/soneta-ui-style/SvgResources/dokumenty.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dolacz_do_operacji.svg b/soneta-ui-style/SvgResources/dolacz_do_operacji.svg new file mode 100644 index 0000000..b287d3a --- /dev/null +++ b/soneta-ui-style/SvgResources/dolacz_do_operacji.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dom.svg b/soneta-ui-style/SvgResources/dom.svg new file mode 100644 index 0000000..639b899 --- /dev/null +++ b/soneta-ui-style/SvgResources/dom.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dom_dolar.svg b/soneta-ui-style/SvgResources/dom_dolar.svg new file mode 100644 index 0000000..fc4b266 --- /dev/null +++ b/soneta-ui-style/SvgResources/dom_dolar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dom_kwota.svg b/soneta-ui-style/SvgResources/dom_kwota.svg new file mode 100644 index 0000000..5e56876 --- /dev/null +++ b/soneta-ui-style/SvgResources/dom_kwota.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dom_minus.svg b/soneta-ui-style/SvgResources/dom_minus.svg new file mode 100644 index 0000000..4a68ab5 --- /dev/null +++ b/soneta-ui-style/SvgResources/dom_minus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dom_osoba.svg b/soneta-ui-style/SvgResources/dom_osoba.svg new file mode 100644 index 0000000..d75d48c --- /dev/null +++ b/soneta-ui-style/SvgResources/dom_osoba.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dom_samochod.svg b/soneta-ui-style/SvgResources/dom_samochod.svg new file mode 100644 index 0000000..06ad50b --- /dev/null +++ b/soneta-ui-style/SvgResources/dom_samochod.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/down.svg b/soneta-ui-style/SvgResources/down.svg new file mode 100644 index 0000000..1eb2769 --- /dev/null +++ b/soneta-ui-style/SvgResources/down.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/droga.svg b/soneta-ui-style/SvgResources/droga.svg new file mode 100644 index 0000000..1ed0341 --- /dev/null +++ b/soneta-ui-style/SvgResources/droga.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/drukarka.svg b/soneta-ui-style/SvgResources/drukarka.svg new file mode 100644 index 0000000..28967da --- /dev/null +++ b/soneta-ui-style/SvgResources/drukarka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/drukarka_fiskalna.svg b/soneta-ui-style/SvgResources/drukarka_fiskalna.svg new file mode 100644 index 0000000..18d40f8 --- /dev/null +++ b/soneta-ui-style/SvgResources/drukarka_fiskalna.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/drukarka_podglad.svg b/soneta-ui-style/SvgResources/drukarka_podglad.svg new file mode 100644 index 0000000..97e8fdb --- /dev/null +++ b/soneta-ui-style/SvgResources/drukarka_podglad.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/drukarka_ustawienia.svg b/soneta-ui-style/SvgResources/drukarka_ustawienia.svg new file mode 100644 index 0000000..52ced89 --- /dev/null +++ b/soneta-ui-style/SvgResources/drukarka_ustawienia.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/drzwi.svg b/soneta-ui-style/SvgResources/drzwi.svg new file mode 100644 index 0000000..0d64ae4 --- /dev/null +++ b/soneta-ui-style/SvgResources/drzwi.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dyplom.svg b/soneta-ui-style/SvgResources/dyplom.svg new file mode 100644 index 0000000..3c1f896 --- /dev/null +++ b/soneta-ui-style/SvgResources/dyplom.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dzwonek.svg b/soneta-ui-style/SvgResources/dzwonek.svg new file mode 100644 index 0000000..56d6eea --- /dev/null +++ b/soneta-ui-style/SvgResources/dzwonek.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/dzwonek_kalendarz.svg b/soneta-ui-style/SvgResources/dzwonek_kalendarz.svg new file mode 100644 index 0000000..6fa0939 --- /dev/null +++ b/soneta-ui-style/SvgResources/dzwonek_kalendarz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/edeklaracje.svg b/soneta-ui-style/SvgResources/edeklaracje.svg new file mode 100644 index 0000000..6728994 --- /dev/null +++ b/soneta-ui-style/SvgResources/edeklaracje.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/email.svg b/soneta-ui-style/SvgResources/email.svg new file mode 100644 index 0000000..37a41be --- /dev/null +++ b/soneta-ui-style/SvgResources/email.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/empty.svg b/soneta-ui-style/SvgResources/empty.svg new file mode 100644 index 0000000..0a95606 --- /dev/null +++ b/soneta-ui-style/SvgResources/empty.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/enter.svg b/soneta-ui-style/SvgResources/enter.svg new file mode 100644 index 0000000..d7cfcaf --- /dev/null +++ b/soneta-ui-style/SvgResources/enter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/excel.svg b/soneta-ui-style/SvgResources/excel.svg new file mode 100644 index 0000000..d2045ca --- /dev/null +++ b/soneta-ui-style/SvgResources/excel.svg @@ -0,0 +1,3 @@ + + + diff --git a/soneta-ui-style/SvgResources/expand.svg b/soneta-ui-style/SvgResources/expand.svg new file mode 100644 index 0000000..7a004b4 --- /dev/null +++ b/soneta-ui-style/SvgResources/expand.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/fabryka.svg b/soneta-ui-style/SvgResources/fabryka.svg new file mode 100644 index 0000000..8c23d9b --- /dev/null +++ b/soneta-ui-style/SvgResources/fabryka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/fido.svg b/soneta-ui-style/SvgResources/fido.svg new file mode 100644 index 0000000..c52ad40 --- /dev/null +++ b/soneta-ui-style/SvgResources/fido.svg @@ -0,0 +1 @@ + diff --git a/soneta-ui-style/SvgResources/film.svg b/soneta-ui-style/SvgResources/film.svg new file mode 100644 index 0000000..b277c86 --- /dev/null +++ b/soneta-ui-style/SvgResources/film.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/filter_row.svg b/soneta-ui-style/SvgResources/filter_row.svg new file mode 100644 index 0000000..e50504a --- /dev/null +++ b/soneta-ui-style/SvgResources/filter_row.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/filtr.svg b/soneta-ui-style/SvgResources/filtr.svg new file mode 100644 index 0000000..7f7a5a0 --- /dev/null +++ b/soneta-ui-style/SvgResources/filtr.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/filtr_rozwin.svg b/soneta-ui-style/SvgResources/filtr_rozwin.svg new file mode 100644 index 0000000..556386e --- /dev/null +++ b/soneta-ui-style/SvgResources/filtr_rozwin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/filtr_zwin.svg b/soneta-ui-style/SvgResources/filtr_zwin.svg new file mode 100644 index 0000000..0c583de --- /dev/null +++ b/soneta-ui-style/SvgResources/filtr_zwin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/fingerprint.svg b/soneta-ui-style/SvgResources/fingerprint.svg new file mode 100644 index 0000000..5b71f74 --- /dev/null +++ b/soneta-ui-style/SvgResources/fingerprint.svg @@ -0,0 +1 @@ + diff --git a/soneta-ui-style/SvgResources/fiszka.svg b/soneta-ui-style/SvgResources/fiszka.svg new file mode 100644 index 0000000..a8f9cd9 --- /dev/null +++ b/soneta-ui-style/SvgResources/fiszka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/fiszka_plus.svg b/soneta-ui-style/SvgResources/fiszka_plus.svg new file mode 100644 index 0000000..9a40e2a --- /dev/null +++ b/soneta-ui-style/SvgResources/fiszka_plus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/folder.svg b/soneta-ui-style/SvgResources/folder.svg new file mode 100644 index 0000000..ca89da2 --- /dev/null +++ b/soneta-ui-style/SvgResources/folder.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/folder_lista.svg b/soneta-ui-style/SvgResources/folder_lista.svg new file mode 100644 index 0000000..7d692e2 --- /dev/null +++ b/soneta-ui-style/SvgResources/folder_lista.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/folder_tekst.svg b/soneta-ui-style/SvgResources/folder_tekst.svg new file mode 100644 index 0000000..18d4798 --- /dev/null +++ b/soneta-ui-style/SvgResources/folder_tekst.svg @@ -0,0 +1 @@ +##### \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/foldery.svg b/soneta-ui-style/SvgResources/foldery.svg new file mode 100644 index 0000000..3c93b7e --- /dev/null +++ b/soneta-ui-style/SvgResources/foldery.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/formularz_ustawienia.svg b/soneta-ui-style/SvgResources/formularz_ustawienia.svg new file mode 100644 index 0000000..b0abbfe --- /dev/null +++ b/soneta-ui-style/SvgResources/formularz_ustawienia.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/gantt.svg b/soneta-ui-style/SvgResources/gantt.svg new file mode 100644 index 0000000..8371cda --- /dev/null +++ b/soneta-ui-style/SvgResources/gantt.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/globus.svg b/soneta-ui-style/SvgResources/globus.svg new file mode 100644 index 0000000..0abfd32 --- /dev/null +++ b/soneta-ui-style/SvgResources/globus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/globus_moneta.svg b/soneta-ui-style/SvgResources/globus_moneta.svg new file mode 100644 index 0000000..7a4edbd --- /dev/null +++ b/soneta-ui-style/SvgResources/globus_moneta.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/grid_tekst.svg b/soneta-ui-style/SvgResources/grid_tekst.svg new file mode 100644 index 0000000..5cdc666 --- /dev/null +++ b/soneta-ui-style/SvgResources/grid_tekst.svg @@ -0,0 +1 @@ +##### \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/group_array.svg b/soneta-ui-style/SvgResources/group_array.svg new file mode 100644 index 0000000..ca89da2 --- /dev/null +++ b/soneta-ui-style/SvgResources/group_array.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/group_array_multi.svg b/soneta-ui-style/SvgResources/group_array_multi.svg new file mode 100644 index 0000000..ca89da2 --- /dev/null +++ b/soneta-ui-style/SvgResources/group_array_multi.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/group_multi.svg b/soneta-ui-style/SvgResources/group_multi.svg new file mode 100644 index 0000000..ca89da2 --- /dev/null +++ b/soneta-ui-style/SvgResources/group_multi.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/group_single.svg b/soneta-ui-style/SvgResources/group_single.svg new file mode 100644 index 0000000..ca89da2 --- /dev/null +++ b/soneta-ui-style/SvgResources/group_single.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/group_tree.svg b/soneta-ui-style/SvgResources/group_tree.svg new file mode 100644 index 0000000..ca89da2 --- /dev/null +++ b/soneta-ui-style/SvgResources/group_tree.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/gwiazda.svg b/soneta-ui-style/SvgResources/gwiazda.svg new file mode 100644 index 0000000..6530ed4 --- /dev/null +++ b/soneta-ui-style/SvgResources/gwiazda.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/gwiazda_brak.svg b/soneta-ui-style/SvgResources/gwiazda_brak.svg new file mode 100644 index 0000000..cc64556 --- /dev/null +++ b/soneta-ui-style/SvgResources/gwiazda_brak.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/gwiazda_pelna.svg b/soneta-ui-style/SvgResources/gwiazda_pelna.svg new file mode 100644 index 0000000..71bf8a0 --- /dev/null +++ b/soneta-ui-style/SvgResources/gwiazda_pelna.svg @@ -0,0 +1,8 @@ + + + + diff --git a/soneta-ui-style/SvgResources/gwiazda_szkolenie.svg b/soneta-ui-style/SvgResources/gwiazda_szkolenie.svg new file mode 100644 index 0000000..4dbe355 --- /dev/null +++ b/soneta-ui-style/SvgResources/gwiazda_szkolenie.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/gwiazda_towar.svg b/soneta-ui-style/SvgResources/gwiazda_towar.svg new file mode 100644 index 0000000..2e2eb79 --- /dev/null +++ b/soneta-ui-style/SvgResources/gwiazda_towar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/gwiazda_we.svg b/soneta-ui-style/SvgResources/gwiazda_we.svg new file mode 100644 index 0000000..ac7711f --- /dev/null +++ b/soneta-ui-style/SvgResources/gwiazda_we.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/gwiazda_wy.svg b/soneta-ui-style/SvgResources/gwiazda_wy.svg new file mode 100644 index 0000000..5d0c16a --- /dev/null +++ b/soneta-ui-style/SvgResources/gwiazda_wy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/info.svg b/soneta-ui-style/SvgResources/info.svg new file mode 100644 index 0000000..0c24924 --- /dev/null +++ b/soneta-ui-style/SvgResources/info.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/informacja.svg b/soneta-ui-style/SvgResources/informacja.svg new file mode 100644 index 0000000..7cbd679 --- /dev/null +++ b/soneta-ui-style/SvgResources/informacja.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/addcontrol.svg b/soneta-ui-style/SvgResources/jodit/addcontrol.svg new file mode 100644 index 0000000..8a9cd01 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/addcontrol.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-about.svg b/soneta-ui-style/SvgResources/jodit/jodit-about.svg new file mode 100644 index 0000000..cc87db0 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-about.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-addcolumn.svg b/soneta-ui-style/SvgResources/jodit/jodit-addcolumn.svg new file mode 100644 index 0000000..640be43 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-addcolumn.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-addrow.svg b/soneta-ui-style/SvgResources/jodit/jodit-addrow.svg new file mode 100644 index 0000000..b5a4bb0 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-addrow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-angle-left.svg b/soneta-ui-style/SvgResources/jodit/jodit-angle-left.svg new file mode 100644 index 0000000..2a3c13f --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-angle-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-angle-right.svg b/soneta-ui-style/SvgResources/jodit/jodit-angle-right.svg new file mode 100644 index 0000000..4d99860 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-angle-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-arrows-alt.svg b/soneta-ui-style/SvgResources/jodit/jodit-arrows-alt.svg new file mode 100644 index 0000000..73e23f2 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-arrows-alt.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-arrows-h.svg b/soneta-ui-style/SvgResources/jodit/jodit-arrows-h.svg new file mode 100644 index 0000000..ef100a1 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-arrows-h.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-attachment.svg b/soneta-ui-style/SvgResources/jodit/jodit-attachment.svg new file mode 100644 index 0000000..cbb6fb5 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-attachment.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-bin.svg b/soneta-ui-style/SvgResources/jodit/jodit-bin.svg new file mode 100644 index 0000000..eeb78bb --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-bin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-bold.svg b/soneta-ui-style/SvgResources/jodit/jodit-bold.svg new file mode 100644 index 0000000..3651ce9 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-bold.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-brush.svg b/soneta-ui-style/SvgResources/jodit/jodit-brush.svg new file mode 100644 index 0000000..9a3f6b6 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-brush.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-cancel.svg b/soneta-ui-style/SvgResources/jodit/jodit-cancel.svg new file mode 100644 index 0000000..b283692 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-cancel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-center.svg b/soneta-ui-style/SvgResources/jodit/jodit-center.svg new file mode 100644 index 0000000..f82152b --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-center.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-chain-broken.svg b/soneta-ui-style/SvgResources/jodit/jodit-chain-broken.svg new file mode 100644 index 0000000..44578d9 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-chain-broken.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-check-square.svg b/soneta-ui-style/SvgResources/jodit/jodit-check-square.svg new file mode 100644 index 0000000..19f1c9c --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-check-square.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-check.svg b/soneta-ui-style/SvgResources/jodit/jodit-check.svg new file mode 100644 index 0000000..6826b88 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-check.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-crop.svg b/soneta-ui-style/SvgResources/jodit/jodit-crop.svg new file mode 100644 index 0000000..826b035 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-crop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-dedent.svg b/soneta-ui-style/SvgResources/jodit/jodit-dedent.svg new file mode 100644 index 0000000..11c731e --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-dedent.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-eraser.svg b/soneta-ui-style/SvgResources/jodit/jodit-eraser.svg new file mode 100644 index 0000000..487944b --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-eraser.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-eye.svg b/soneta-ui-style/SvgResources/jodit/jodit-eye.svg new file mode 100644 index 0000000..29bf165 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-eye.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-field.svg b/soneta-ui-style/SvgResources/jodit/jodit-field.svg new file mode 100644 index 0000000..eb7e72f --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-field.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-folder.svg b/soneta-ui-style/SvgResources/jodit/jodit-folder.svg new file mode 100644 index 0000000..87d2de6 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-folder.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-font.svg b/soneta-ui-style/SvgResources/jodit/jodit-font.svg new file mode 100644 index 0000000..6e94692 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-font.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-fontcolor.svg b/soneta-ui-style/SvgResources/jodit/jodit-fontcolor.svg new file mode 100644 index 0000000..00a1632 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-fontcolor.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-fontlarger.svg b/soneta-ui-style/SvgResources/jodit/jodit-fontlarger.svg new file mode 100644 index 0000000..c1a121e --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-fontlarger.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-fontsize.svg b/soneta-ui-style/SvgResources/jodit/jodit-fontsize.svg new file mode 100644 index 0000000..c00339d --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-fontsize.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-fontsmaller.svg b/soneta-ui-style/SvgResources/jodit/jodit-fontsmaller.svg new file mode 100644 index 0000000..6f6f48c --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-fontsmaller.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-footer.svg b/soneta-ui-style/SvgResources/jodit/jodit-footer.svg new file mode 100644 index 0000000..20a6903 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-footer.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-formatowanie.svg b/soneta-ui-style/SvgResources/jodit/jodit-formatowanie.svg new file mode 100644 index 0000000..45a5f01 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-formatowanie.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-fullsize.svg b/soneta-ui-style/SvgResources/jodit/jodit-fullsize.svg new file mode 100644 index 0000000..14b4fd1 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-fullsize.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-header.svg b/soneta-ui-style/SvgResources/jodit/jodit-header.svg new file mode 100644 index 0000000..8de4a6a --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-header.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-hr.svg b/soneta-ui-style/SvgResources/jodit/jodit-hr.svg new file mode 100644 index 0000000..a9866b8 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-hr.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-image.svg b/soneta-ui-style/SvgResources/jodit/jodit-image.svg new file mode 100644 index 0000000..e6a1e55 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-image.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-indent.svg b/soneta-ui-style/SvgResources/jodit/jodit-indent.svg new file mode 100644 index 0000000..6d3b572 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-indent.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-info-circle.svg b/soneta-ui-style/SvgResources/jodit/jodit-info-circle.svg new file mode 100644 index 0000000..0c24924 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-info-circle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-interline.svg b/soneta-ui-style/SvgResources/jodit/jodit-interline.svg new file mode 100644 index 0000000..04768af --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-interline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-italic.svg b/soneta-ui-style/SvgResources/jodit/jodit-italic.svg new file mode 100644 index 0000000..03a740e --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-italic.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-justify.svg b/soneta-ui-style/SvgResources/jodit/jodit-justify.svg new file mode 100644 index 0000000..1815bca --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-justify.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-left.svg b/soneta-ui-style/SvgResources/jodit/jodit-left.svg new file mode 100644 index 0000000..42ea2b0 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-link.svg b/soneta-ui-style/SvgResources/jodit/jodit-link.svg new file mode 100644 index 0000000..4c3f5bf --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-link.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-lock.svg b/soneta-ui-style/SvgResources/jodit/jodit-lock.svg new file mode 100644 index 0000000..dd98075 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-lock.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-menu.svg b/soneta-ui-style/SvgResources/jodit/jodit-menu.svg new file mode 100644 index 0000000..68754b4 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-menu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-merge.svg b/soneta-ui-style/SvgResources/jodit/jodit-merge.svg new file mode 100644 index 0000000..c7acefe --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-merge.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-ol.svg b/soneta-ui-style/SvgResources/jodit/jodit-ol.svg new file mode 100644 index 0000000..3ab6958 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-ol.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-pagebreak.svg b/soneta-ui-style/SvgResources/jodit/jodit-pagebreak.svg new file mode 100644 index 0000000..dbb9913 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-pagebreak.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-paragraph.svg b/soneta-ui-style/SvgResources/jodit/jodit-paragraph.svg new file mode 100644 index 0000000..f6daa9e --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-paragraph.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-pencil.svg b/soneta-ui-style/SvgResources/jodit/jodit-pencil.svg new file mode 100644 index 0000000..7cbe0e5 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-pencil.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-plus.svg b/soneta-ui-style/SvgResources/jodit/jodit-plus.svg new file mode 100644 index 0000000..1f97fe6 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-plus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-pytaj.svg b/soneta-ui-style/SvgResources/jodit/jodit-pytaj.svg new file mode 100644 index 0000000..6cb313c --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-pytaj.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-redo.svg b/soneta-ui-style/SvgResources/jodit/jodit-redo.svg new file mode 100644 index 0000000..db2be02 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-redo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-resize.svg b/soneta-ui-style/SvgResources/jodit/jodit-resize.svg new file mode 100644 index 0000000..e0a02c3 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-resize.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-resizer.svg b/soneta-ui-style/SvgResources/jodit/jodit-resizer.svg new file mode 100644 index 0000000..b550543 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-resizer.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-right.svg b/soneta-ui-style/SvgResources/jodit/jodit-right.svg new file mode 100644 index 0000000..83d8fa1 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-save.svg b/soneta-ui-style/SvgResources/jodit/jodit-save.svg new file mode 100644 index 0000000..02d7763 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-save.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-section.svg b/soneta-ui-style/SvgResources/jodit/jodit-section.svg new file mode 100644 index 0000000..2f36d84 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-section.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-shrink.svg b/soneta-ui-style/SvgResources/jodit/jodit-shrink.svg new file mode 100644 index 0000000..1ea4314 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-shrink.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-source.svg b/soneta-ui-style/SvgResources/jodit/jodit-source.svg new file mode 100644 index 0000000..65314ee --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-source.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-space-after.svg b/soneta-ui-style/SvgResources/jodit/jodit-space-after.svg new file mode 100644 index 0000000..738ae94 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-space-after.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-space-before.svg b/soneta-ui-style/SvgResources/jodit/jodit-space-before.svg new file mode 100644 index 0000000..53859bd --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-space-before.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-spellcheck.svg b/soneta-ui-style/SvgResources/jodit/jodit-spellcheck.svg new file mode 100644 index 0000000..dacbff3 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-spellcheck.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-splitg.svg b/soneta-ui-style/SvgResources/jodit/jodit-splitg.svg new file mode 100644 index 0000000..96922b3 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-splitg.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-splitv.svg b/soneta-ui-style/SvgResources/jodit/jodit-splitv.svg new file mode 100644 index 0000000..78b631f --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-splitv.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-strikethrough.svg b/soneta-ui-style/SvgResources/jodit/jodit-strikethrough.svg new file mode 100644 index 0000000..3266ddd --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-strikethrough.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-subscript.svg b/soneta-ui-style/SvgResources/jodit/jodit-subscript.svg new file mode 100644 index 0000000..2cb4e1e --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-subscript.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-superscript.svg b/soneta-ui-style/SvgResources/jodit/jodit-superscript.svg new file mode 100644 index 0000000..171918f --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-superscript.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-table.svg b/soneta-ui-style/SvgResources/jodit/jodit-table.svg new file mode 100644 index 0000000..6a02336 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-table.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-tekst.svg b/soneta-ui-style/SvgResources/jodit/jodit-tekst.svg new file mode 100644 index 0000000..a4d0fc8 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-tekst.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-th-list.svg b/soneta-ui-style/SvgResources/jodit/jodit-th-list.svg new file mode 100644 index 0000000..f5bbfeb --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-th-list.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-th.svg b/soneta-ui-style/SvgResources/jodit/jodit-th.svg new file mode 100644 index 0000000..33374cc --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-th.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-ul.svg b/soneta-ui-style/SvgResources/jodit/jodit-ul.svg new file mode 100644 index 0000000..487835c --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-ul.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-underline.svg b/soneta-ui-style/SvgResources/jodit/jodit-underline.svg new file mode 100644 index 0000000..4c4fe54 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-underline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-undo.svg b/soneta-ui-style/SvgResources/jodit/jodit-undo.svg new file mode 100644 index 0000000..eabd336 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-undo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-unlink.svg b/soneta-ui-style/SvgResources/jodit/jodit-unlink.svg new file mode 100644 index 0000000..44578d9 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-unlink.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-unlock.svg b/soneta-ui-style/SvgResources/jodit/jodit-unlock.svg new file mode 100644 index 0000000..5cd4571 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-unlock.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-update.svg b/soneta-ui-style/SvgResources/jodit/jodit-update.svg new file mode 100644 index 0000000..5dd63a9 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-update.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-upload.svg b/soneta-ui-style/SvgResources/jodit/jodit-upload.svg new file mode 100644 index 0000000..b19df85 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-upload.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-valign.svg b/soneta-ui-style/SvgResources/jodit/jodit-valign.svg new file mode 100644 index 0000000..234bf18 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-valign.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/jodit/jodit-video.svg b/soneta-ui-style/SvgResources/jodit/jodit-video.svg new file mode 100644 index 0000000..72a1921 --- /dev/null +++ b/soneta-ui-style/SvgResources/jodit/jodit-video.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/join.svg b/soneta-ui-style/SvgResources/join.svg new file mode 100644 index 0000000..2628a4e --- /dev/null +++ b/soneta-ui-style/SvgResources/join.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/join_full.svg b/soneta-ui-style/SvgResources/join_full.svg new file mode 100644 index 0000000..b8085f9 --- /dev/null +++ b/soneta-ui-style/SvgResources/join_full.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/join_inner.svg b/soneta-ui-style/SvgResources/join_inner.svg new file mode 100644 index 0000000..a6c1eaa --- /dev/null +++ b/soneta-ui-style/SvgResources/join_inner.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/join_left.svg b/soneta-ui-style/SvgResources/join_left.svg new file mode 100644 index 0000000..a3c1b29 --- /dev/null +++ b/soneta-ui-style/SvgResources/join_left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/join_right.svg b/soneta-ui-style/SvgResources/join_right.svg new file mode 100644 index 0000000..da1fac5 --- /dev/null +++ b/soneta-ui-style/SvgResources/join_right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalendarz.svg b/soneta-ui-style/SvgResources/kalendarz.svg new file mode 100644 index 0000000..5a08a58 --- /dev/null +++ b/soneta-ui-style/SvgResources/kalendarz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalendarz2_ok.svg b/soneta-ui-style/SvgResources/kalendarz2_ok.svg new file mode 100644 index 0000000..5754911 --- /dev/null +++ b/soneta-ui-style/SvgResources/kalendarz2_ok.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalendarz_dolar.svg b/soneta-ui-style/SvgResources/kalendarz_dolar.svg new file mode 100644 index 0000000..18cd055 --- /dev/null +++ b/soneta-ui-style/SvgResources/kalendarz_dolar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalendarz_dzien.svg b/soneta-ui-style/SvgResources/kalendarz_dzien.svg new file mode 100644 index 0000000..8916345 --- /dev/null +++ b/soneta-ui-style/SvgResources/kalendarz_dzien.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalendarz_idzdo.svg b/soneta-ui-style/SvgResources/kalendarz_idzdo.svg new file mode 100644 index 0000000..cf08cdb --- /dev/null +++ b/soneta-ui-style/SvgResources/kalendarz_idzdo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalendarz_kwota.svg b/soneta-ui-style/SvgResources/kalendarz_kwota.svg new file mode 100644 index 0000000..2c83eea --- /dev/null +++ b/soneta-ui-style/SvgResources/kalendarz_kwota.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalendarz_minus.svg b/soneta-ui-style/SvgResources/kalendarz_minus.svg new file mode 100644 index 0000000..30434c9 --- /dev/null +++ b/soneta-ui-style/SvgResources/kalendarz_minus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalendarz_ok.svg b/soneta-ui-style/SvgResources/kalendarz_ok.svg new file mode 100644 index 0000000..0fb31f2 --- /dev/null +++ b/soneta-ui-style/SvgResources/kalendarz_ok.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalendarz_samochod.svg b/soneta-ui-style/SvgResources/kalendarz_samochod.svg new file mode 100644 index 0000000..495805c --- /dev/null +++ b/soneta-ui-style/SvgResources/kalendarz_samochod.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalendarz_timeline.svg b/soneta-ui-style/SvgResources/kalendarz_timeline.svg new file mode 100644 index 0000000..a0a72fc --- /dev/null +++ b/soneta-ui-style/SvgResources/kalendarz_timeline.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalendarz_tydzien.svg b/soneta-ui-style/SvgResources/kalendarz_tydzien.svg new file mode 100644 index 0000000..3c763f2 --- /dev/null +++ b/soneta-ui-style/SvgResources/kalendarz_tydzien.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalendarz_tydzienpracy.svg b/soneta-ui-style/SvgResources/kalendarz_tydzienpracy.svg new file mode 100644 index 0000000..8a68dab --- /dev/null +++ b/soneta-ui-style/SvgResources/kalendarz_tydzienpracy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalendarz_wykrzyknik.svg b/soneta-ui-style/SvgResources/kalendarz_wykrzyknik.svg new file mode 100644 index 0000000..253813d --- /dev/null +++ b/soneta-ui-style/SvgResources/kalendarz_wykrzyknik.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalendarz_zaznaczenie.svg b/soneta-ui-style/SvgResources/kalendarz_zaznaczenie.svg new file mode 100644 index 0000000..c4c8451 --- /dev/null +++ b/soneta-ui-style/SvgResources/kalendarz_zaznaczenie.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kalkulator.svg b/soneta-ui-style/SvgResources/kalkulator.svg new file mode 100644 index 0000000..d98e8a2 --- /dev/null +++ b/soneta-ui-style/SvgResources/kalkulator.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/karta_zegar.svg b/soneta-ui-style/SvgResources/karta_zegar.svg new file mode 100644 index 0000000..ae93be2 --- /dev/null +++ b/soneta-ui-style/SvgResources/karta_zegar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kawa.svg b/soneta-ui-style/SvgResources/kawa.svg new file mode 100644 index 0000000..0da02c4 --- /dev/null +++ b/soneta-ui-style/SvgResources/kawa.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/klawiatura.svg b/soneta-ui-style/SvgResources/klawiatura.svg new file mode 100644 index 0000000..02847f8 --- /dev/null +++ b/soneta-ui-style/SvgResources/klawiatura.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/klodka.svg b/soneta-ui-style/SvgResources/klodka.svg new file mode 100644 index 0000000..dd98075 --- /dev/null +++ b/soneta-ui-style/SvgResources/klodka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/klodka_pytajnik.svg b/soneta-ui-style/SvgResources/klodka_pytajnik.svg new file mode 100644 index 0000000..c742c79 --- /dev/null +++ b/soneta-ui-style/SvgResources/klodka_pytajnik.svg @@ -0,0 +1,3 @@ + + + diff --git a/soneta-ui-style/SvgResources/klucz_fiszka.svg b/soneta-ui-style/SvgResources/klucz_fiszka.svg new file mode 100644 index 0000000..80ef4b8 --- /dev/null +++ b/soneta-ui-style/SvgResources/klucz_fiszka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kod_kreskowy.svg b/soneta-ui-style/SvgResources/kod_kreskowy.svg new file mode 100644 index 0000000..6c2f9fe --- /dev/null +++ b/soneta-ui-style/SvgResources/kod_kreskowy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kod_kreskowy_szukaj.svg b/soneta-ui-style/SvgResources/kod_kreskowy_szukaj.svg new file mode 100644 index 0000000..51842a9 --- /dev/null +++ b/soneta-ui-style/SvgResources/kod_kreskowy_szukaj.svg @@ -0,0 +1,3 @@ + + + diff --git a/soneta-ui-style/SvgResources/kolo.svg b/soneta-ui-style/SvgResources/kolo.svg new file mode 100644 index 0000000..7a359e3 --- /dev/null +++ b/soneta-ui-style/SvgResources/kolo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/komentarz.svg b/soneta-ui-style/SvgResources/komentarz.svg new file mode 100644 index 0000000..bf68743 --- /dev/null +++ b/soneta-ui-style/SvgResources/komentarz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/konwersacje.svg b/soneta-ui-style/SvgResources/konwersacje.svg new file mode 100644 index 0000000..1e69022 --- /dev/null +++ b/soneta-ui-style/SvgResources/konwersacje.svg @@ -0,0 +1,3 @@ + + + diff --git a/soneta-ui-style/SvgResources/koperta.svg b/soneta-ui-style/SvgResources/koperta.svg new file mode 100644 index 0000000..59ff44d --- /dev/null +++ b/soneta-ui-style/SvgResources/koperta.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/koperta_odp.svg b/soneta-ui-style/SvgResources/koperta_odp.svg new file mode 100644 index 0000000..f4f02f7 --- /dev/null +++ b/soneta-ui-style/SvgResources/koperta_odp.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/koperta_odpwsz.svg b/soneta-ui-style/SvgResources/koperta_odpwsz.svg new file mode 100644 index 0000000..429a576 --- /dev/null +++ b/soneta-ui-style/SvgResources/koperta_odpwsz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/koperta_otwarta.svg b/soneta-ui-style/SvgResources/koperta_otwarta.svg new file mode 100644 index 0000000..4b8000c --- /dev/null +++ b/soneta-ui-style/SvgResources/koperta_otwarta.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/koperta_pobierz.svg b/soneta-ui-style/SvgResources/koperta_pobierz.svg new file mode 100644 index 0000000..aa76f48 --- /dev/null +++ b/soneta-ui-style/SvgResources/koperta_pobierz.svg @@ -0,0 +1,2 @@ + + diff --git a/soneta-ui-style/SvgResources/koperta_we.svg b/soneta-ui-style/SvgResources/koperta_we.svg new file mode 100644 index 0000000..5938de8 --- /dev/null +++ b/soneta-ui-style/SvgResources/koperta_we.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/koperta_wy.svg b/soneta-ui-style/SvgResources/koperta_wy.svg new file mode 100644 index 0000000..a6843b9 --- /dev/null +++ b/soneta-ui-style/SvgResources/koperta_wy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kopiuj.svg b/soneta-ui-style/SvgResources/kopiuj.svg new file mode 100644 index 0000000..53c352a --- /dev/null +++ b/soneta-ui-style/SvgResources/kopiuj.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kostka.svg b/soneta-ui-style/SvgResources/kostka.svg new file mode 100644 index 0000000..bd9a86d --- /dev/null +++ b/soneta-ui-style/SvgResources/kostka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/koszyk.svg b/soneta-ui-style/SvgResources/koszyk.svg new file mode 100644 index 0000000..fde3d57 --- /dev/null +++ b/soneta-ui-style/SvgResources/koszyk.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/ksef.svg b/soneta-ui-style/SvgResources/ksef.svg new file mode 100644 index 0000000..6cfbb32 --- /dev/null +++ b/soneta-ui-style/SvgResources/ksef.svg @@ -0,0 +1,3 @@ + + + diff --git a/soneta-ui-style/SvgResources/ksiazka.svg b/soneta-ui-style/SvgResources/ksiazka.svg new file mode 100644 index 0000000..4e2cadc --- /dev/null +++ b/soneta-ui-style/SvgResources/ksiazka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kwota.svg b/soneta-ui-style/SvgResources/kwota.svg new file mode 100644 index 0000000..c2838ad --- /dev/null +++ b/soneta-ui-style/SvgResources/kwota.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/kwota_szkolenie.svg b/soneta-ui-style/SvgResources/kwota_szkolenie.svg new file mode 100644 index 0000000..d613de3 --- /dev/null +++ b/soneta-ui-style/SvgResources/kwota_szkolenie.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/laptop.svg b/soneta-ui-style/SvgResources/laptop.svg new file mode 100644 index 0000000..95ec4c2 --- /dev/null +++ b/soneta-ui-style/SvgResources/laptop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/left.svg b/soneta-ui-style/SvgResources/left.svg new file mode 100644 index 0000000..d9415bf --- /dev/null +++ b/soneta-ui-style/SvgResources/left.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/licznik.svg b/soneta-ui-style/SvgResources/licznik.svg new file mode 100644 index 0000000..5a77aec --- /dev/null +++ b/soneta-ui-style/SvgResources/licznik.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/lista.svg b/soneta-ui-style/SvgResources/lista.svg new file mode 100644 index 0000000..1a63104 --- /dev/null +++ b/soneta-ui-style/SvgResources/lista.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/lista_kolejnosc.svg b/soneta-ui-style/SvgResources/lista_kolejnosc.svg new file mode 100644 index 0000000..1529d5b --- /dev/null +++ b/soneta-ui-style/SvgResources/lista_kolejnosc.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/lista_minus.svg b/soneta-ui-style/SvgResources/lista_minus.svg new file mode 100644 index 0000000..d76e4bd --- /dev/null +++ b/soneta-ui-style/SvgResources/lista_minus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/lista_tekst.svg b/soneta-ui-style/SvgResources/lista_tekst.svg new file mode 100644 index 0000000..3906d68 --- /dev/null +++ b/soneta-ui-style/SvgResources/lista_tekst.svg @@ -0,0 +1 @@ +##### \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/lista_ustawienia.svg b/soneta-ui-style/SvgResources/lista_ustawienia.svg new file mode 100644 index 0000000..c104185 --- /dev/null +++ b/soneta-ui-style/SvgResources/lista_ustawienia.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/logo.svg b/soneta-ui-style/SvgResources/logo.svg new file mode 100644 index 0000000..28315bf --- /dev/null +++ b/soneta-ui-style/SvgResources/logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/soneta-ui-style/SvgResources/lokalizacja.svg b/soneta-ui-style/SvgResources/lokalizacja.svg new file mode 100644 index 0000000..0a92c4f --- /dev/null +++ b/soneta-ui-style/SvgResources/lokalizacja.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/macierz.svg b/soneta-ui-style/SvgResources/macierz.svg new file mode 100644 index 0000000..b587778 --- /dev/null +++ b/soneta-ui-style/SvgResources/macierz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/magazyn.svg b/soneta-ui-style/SvgResources/magazyn.svg new file mode 100644 index 0000000..d5d273c --- /dev/null +++ b/soneta-ui-style/SvgResources/magazyn.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/magazyn_kalendarz.svg b/soneta-ui-style/SvgResources/magazyn_kalendarz.svg new file mode 100644 index 0000000..dceab3d --- /dev/null +++ b/soneta-ui-style/SvgResources/magazyn_kalendarz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/magazyn_kwota.svg b/soneta-ui-style/SvgResources/magazyn_kwota.svg new file mode 100644 index 0000000..8faca80 --- /dev/null +++ b/soneta-ui-style/SvgResources/magazyn_kwota.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/magazyn_wy.svg b/soneta-ui-style/SvgResources/magazyn_wy.svg new file mode 100644 index 0000000..979502f --- /dev/null +++ b/soneta-ui-style/SvgResources/magazyn_wy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/mapa.svg b/soneta-ui-style/SvgResources/mapa.svg new file mode 100644 index 0000000..5867038 --- /dev/null +++ b/soneta-ui-style/SvgResources/mapa.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/marka.svg b/soneta-ui-style/SvgResources/marka.svg new file mode 100644 index 0000000..f67786f --- /dev/null +++ b/soneta-ui-style/SvgResources/marka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/megafon.svg b/soneta-ui-style/SvgResources/megafon.svg new file mode 100644 index 0000000..cbe5e87 --- /dev/null +++ b/soneta-ui-style/SvgResources/megafon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/menu.svg b/soneta-ui-style/SvgResources/menu.svg new file mode 100644 index 0000000..4f73282 --- /dev/null +++ b/soneta-ui-style/SvgResources/menu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/menu_lista.svg b/soneta-ui-style/SvgResources/menu_lista.svg new file mode 100644 index 0000000..32b80ca --- /dev/null +++ b/soneta-ui-style/SvgResources/menu_lista.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/mob_dropdown.svg b/soneta-ui-style/SvgResources/mob_dropdown.svg new file mode 100644 index 0000000..70fc0bc --- /dev/null +++ b/soneta-ui-style/SvgResources/mob_dropdown.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/moneta_dzwonek.svg b/soneta-ui-style/SvgResources/moneta_dzwonek.svg new file mode 100644 index 0000000..1bd6958 --- /dev/null +++ b/soneta-ui-style/SvgResources/moneta_dzwonek.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/monety.svg b/soneta-ui-style/SvgResources/monety.svg new file mode 100644 index 0000000..e2b6ee3 --- /dev/null +++ b/soneta-ui-style/SvgResources/monety.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/more.svg b/soneta-ui-style/SvgResources/more.svg new file mode 100644 index 0000000..ab8d9f6 --- /dev/null +++ b/soneta-ui-style/SvgResources/more.svg @@ -0,0 +1 @@ + diff --git a/soneta-ui-style/SvgResources/naprzod.svg b/soneta-ui-style/SvgResources/naprzod.svg new file mode 100644 index 0000000..bd1f961 --- /dev/null +++ b/soneta-ui-style/SvgResources/naprzod.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/narzedzia.svg b/soneta-ui-style/SvgResources/narzedzia.svg new file mode 100644 index 0000000..affbaeb --- /dev/null +++ b/soneta-ui-style/SvgResources/narzedzia.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/narzedzia2.svg b/soneta-ui-style/SvgResources/narzedzia2.svg new file mode 100644 index 0000000..3ea3359 --- /dev/null +++ b/soneta-ui-style/SvgResources/narzedzia2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/narzedzia_ustawienia.svg b/soneta-ui-style/SvgResources/narzedzia_ustawienia.svg new file mode 100644 index 0000000..30e0272 --- /dev/null +++ b/soneta-ui-style/SvgResources/narzedzia_ustawienia.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/nastepny.svg b/soneta-ui-style/SvgResources/nastepny.svg new file mode 100644 index 0000000..b523c93 --- /dev/null +++ b/soneta-ui-style/SvgResources/nastepny.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/notatnik.svg b/soneta-ui-style/SvgResources/notatnik.svg new file mode 100644 index 0000000..1ffc779 --- /dev/null +++ b/soneta-ui-style/SvgResources/notatnik.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/notatnik_moneta.svg b/soneta-ui-style/SvgResources/notatnik_moneta.svg new file mode 100644 index 0000000..c99a0c5 --- /dev/null +++ b/soneta-ui-style/SvgResources/notatnik_moneta.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/notes.svg b/soneta-ui-style/SvgResources/notes.svg new file mode 100644 index 0000000..b85389b --- /dev/null +++ b/soneta-ui-style/SvgResources/notes.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/obiekty.svg b/soneta-ui-style/SvgResources/obiekty.svg new file mode 100644 index 0000000..4ce9d7f --- /dev/null +++ b/soneta-ui-style/SvgResources/obiekty.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/odswiez.svg b/soneta-ui-style/SvgResources/odswiez.svg new file mode 100644 index 0000000..d349111 --- /dev/null +++ b/soneta-ui-style/SvgResources/odswiez.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/odznaczenie.svg b/soneta-ui-style/SvgResources/odznaczenie.svg new file mode 100644 index 0000000..61d844a --- /dev/null +++ b/soneta-ui-style/SvgResources/odznaczenie.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/ok.svg b/soneta-ui-style/SvgResources/ok.svg new file mode 100644 index 0000000..6826b88 --- /dev/null +++ b/soneta-ui-style/SvgResources/ok.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/ok_bezKola.svg b/soneta-ui-style/SvgResources/ok_bezKola.svg new file mode 100644 index 0000000..abf2c51 --- /dev/null +++ b/soneta-ui-style/SvgResources/ok_bezKola.svg @@ -0,0 +1,5 @@ + + + diff --git a/soneta-ui-style/SvgResources/ok_bezKola_pytajnik.svg b/soneta-ui-style/SvgResources/ok_bezKola_pytajnik.svg new file mode 100644 index 0000000..fac333c --- /dev/null +++ b/soneta-ui-style/SvgResources/ok_bezKola_pytajnik.svg @@ -0,0 +1,5 @@ + + + diff --git a/soneta-ui-style/SvgResources/ok_pytajnik.svg b/soneta-ui-style/SvgResources/ok_pytajnik.svg new file mode 100644 index 0000000..adc9027 --- /dev/null +++ b/soneta-ui-style/SvgResources/ok_pytajnik.svg @@ -0,0 +1,3 @@ + + + diff --git a/soneta-ui-style/SvgResources/okno.svg b/soneta-ui-style/SvgResources/okno.svg new file mode 100644 index 0000000..05781fe --- /dev/null +++ b/soneta-ui-style/SvgResources/okno.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/opusc_operacje.svg b/soneta-ui-style/SvgResources/opusc_operacje.svg new file mode 100644 index 0000000..dec2205 --- /dev/null +++ b/soneta-ui-style/SvgResources/opusc_operacje.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/organizator.svg b/soneta-ui-style/SvgResources/organizator.svg new file mode 100644 index 0000000..c0bba01 --- /dev/null +++ b/soneta-ui-style/SvgResources/organizator.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoba.svg b/soneta-ui-style/SvgResources/osoba.svg new file mode 100644 index 0000000..e22d1e9 --- /dev/null +++ b/soneta-ui-style/SvgResources/osoba.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoba2.svg b/soneta-ui-style/SvgResources/osoba2.svg new file mode 100644 index 0000000..5bec2b4 --- /dev/null +++ b/soneta-ui-style/SvgResources/osoba2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoba2_aprobata.svg b/soneta-ui-style/SvgResources/osoba2_aprobata.svg new file mode 100644 index 0000000..8130b66 --- /dev/null +++ b/soneta-ui-style/SvgResources/osoba2_aprobata.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoba_aprobata.svg b/soneta-ui-style/SvgResources/osoba_aprobata.svg new file mode 100644 index 0000000..abd4ae6 --- /dev/null +++ b/soneta-ui-style/SvgResources/osoba_aprobata.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoba_brak.svg b/soneta-ui-style/SvgResources/osoba_brak.svg new file mode 100644 index 0000000..fad74e9 --- /dev/null +++ b/soneta-ui-style/SvgResources/osoba_brak.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoba_dokument.svg b/soneta-ui-style/SvgResources/osoba_dokument.svg new file mode 100644 index 0000000..ca780ce --- /dev/null +++ b/soneta-ui-style/SvgResources/osoba_dokument.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoba_identyfikator.svg b/soneta-ui-style/SvgResources/osoba_identyfikator.svg new file mode 100644 index 0000000..8a8dcd3 --- /dev/null +++ b/soneta-ui-style/SvgResources/osoba_identyfikator.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoba_info.svg b/soneta-ui-style/SvgResources/osoba_info.svg new file mode 100644 index 0000000..4408577 --- /dev/null +++ b/soneta-ui-style/SvgResources/osoba_info.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoba_kalendarz.svg b/soneta-ui-style/SvgResources/osoba_kalendarz.svg new file mode 100644 index 0000000..602a861 --- /dev/null +++ b/soneta-ui-style/SvgResources/osoba_kalendarz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoba_kwota.svg b/soneta-ui-style/SvgResources/osoba_kwota.svg new file mode 100644 index 0000000..bb46bc2 --- /dev/null +++ b/soneta-ui-style/SvgResources/osoba_kwota.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoba_notes.svg b/soneta-ui-style/SvgResources/osoba_notes.svg new file mode 100644 index 0000000..da0804e --- /dev/null +++ b/soneta-ui-style/SvgResources/osoba_notes.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoba_ok.svg b/soneta-ui-style/SvgResources/osoba_ok.svg new file mode 100644 index 0000000..9e4d336 --- /dev/null +++ b/soneta-ui-style/SvgResources/osoba_ok.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoba_szkolenie.svg b/soneta-ui-style/SvgResources/osoba_szkolenie.svg new file mode 100644 index 0000000..d9c15d1 --- /dev/null +++ b/soneta-ui-style/SvgResources/osoba_szkolenie.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoba_szukaj.svg b/soneta-ui-style/SvgResources/osoba_szukaj.svg new file mode 100644 index 0000000..c94b306 --- /dev/null +++ b/soneta-ui-style/SvgResources/osoba_szukaj.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/osoby.svg b/soneta-ui-style/SvgResources/osoby.svg new file mode 100644 index 0000000..76883c8 --- /dev/null +++ b/soneta-ui-style/SvgResources/osoby.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/ostrzezenie.svg b/soneta-ui-style/SvgResources/ostrzezenie.svg new file mode 100644 index 0000000..f6fc06d --- /dev/null +++ b/soneta-ui-style/SvgResources/ostrzezenie.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/otworz.svg b/soneta-ui-style/SvgResources/otworz.svg new file mode 100644 index 0000000..cb9e737 --- /dev/null +++ b/soneta-ui-style/SvgResources/otworz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/otworz2.svg b/soneta-ui-style/SvgResources/otworz2.svg new file mode 100644 index 0000000..ae6e526 --- /dev/null +++ b/soneta-ui-style/SvgResources/otworz2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/paleta.svg b/soneta-ui-style/SvgResources/paleta.svg new file mode 100644 index 0000000..31d9f4d --- /dev/null +++ b/soneta-ui-style/SvgResources/paleta.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/pasek.svg b/soneta-ui-style/SvgResources/pasek.svg new file mode 100644 index 0000000..8669959 --- /dev/null +++ b/soneta-ui-style/SvgResources/pasek.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/pdf.svg b/soneta-ui-style/SvgResources/pdf.svg new file mode 100644 index 0000000..82752cc Binary files /dev/null and b/soneta-ui-style/SvgResources/pdf.svg differ diff --git a/soneta-ui-style/SvgResources/pieczec.svg b/soneta-ui-style/SvgResources/pieczec.svg new file mode 100644 index 0000000..f9ce994 --- /dev/null +++ b/soneta-ui-style/SvgResources/pieczec.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/pielegniarka.svg b/soneta-ui-style/SvgResources/pielegniarka.svg new file mode 100644 index 0000000..2e9fafc --- /dev/null +++ b/soneta-ui-style/SvgResources/pielegniarka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/pin_off.svg b/soneta-ui-style/SvgResources/pin_off.svg new file mode 100644 index 0000000..0256b44 --- /dev/null +++ b/soneta-ui-style/SvgResources/pin_off.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/pin_on.svg b/soneta-ui-style/SvgResources/pin_on.svg new file mode 100644 index 0000000..a0b0fd3 --- /dev/null +++ b/soneta-ui-style/SvgResources/pin_on.svg @@ -0,0 +1,3 @@ + + + diff --git a/soneta-ui-style/SvgResources/piorun.svg b/soneta-ui-style/SvgResources/piorun.svg new file mode 100644 index 0000000..bff6945 --- /dev/null +++ b/soneta-ui-style/SvgResources/piorun.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/plus.svg b/soneta-ui-style/SvgResources/plus.svg new file mode 100644 index 0000000..2e09291 --- /dev/null +++ b/soneta-ui-style/SvgResources/plus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/pobierz.svg b/soneta-ui-style/SvgResources/pobierz.svg new file mode 100644 index 0000000..f134bec Binary files /dev/null and b/soneta-ui-style/SvgResources/pobierz.svg differ diff --git a/soneta-ui-style/SvgResources/pojemnik_we.svg b/soneta-ui-style/SvgResources/pojemnik_we.svg new file mode 100644 index 0000000..c2de30a --- /dev/null +++ b/soneta-ui-style/SvgResources/pojemnik_we.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/pojemnik_wy.svg b/soneta-ui-style/SvgResources/pojemnik_wy.svg new file mode 100644 index 0000000..2610c7a --- /dev/null +++ b/soneta-ui-style/SvgResources/pojemnik_wy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/pomoc.svg b/soneta-ui-style/SvgResources/pomoc.svg new file mode 100644 index 0000000..cc87db0 --- /dev/null +++ b/soneta-ui-style/SvgResources/pomoc.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/poprzedni.svg b/soneta-ui-style/SvgResources/poprzedni.svg new file mode 100644 index 0000000..12cc930 --- /dev/null +++ b/soneta-ui-style/SvgResources/poprzedni.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/portfel.svg b/soneta-ui-style/SvgResources/portfel.svg new file mode 100644 index 0000000..9bc9c37 --- /dev/null +++ b/soneta-ui-style/SvgResources/portfel.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/praca_zdalna.svg b/soneta-ui-style/SvgResources/praca_zdalna.svg new file mode 100644 index 0000000..17a2f96 --- /dev/null +++ b/soneta-ui-style/SvgResources/praca_zdalna.svg @@ -0,0 +1,4 @@ + + + diff --git a/soneta-ui-style/SvgResources/praca_zdalna2.svg b/soneta-ui-style/SvgResources/praca_zdalna2.svg new file mode 100644 index 0000000..2700da2 --- /dev/null +++ b/soneta-ui-style/SvgResources/praca_zdalna2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/prawa.svg b/soneta-ui-style/SvgResources/prawa.svg new file mode 100644 index 0000000..805c865 --- /dev/null +++ b/soneta-ui-style/SvgResources/prawa.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/projektor.svg b/soneta-ui-style/SvgResources/projektor.svg new file mode 100644 index 0000000..428b909 --- /dev/null +++ b/soneta-ui-style/SvgResources/projektor.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/projektuj.svg b/soneta-ui-style/SvgResources/projektuj.svg new file mode 100644 index 0000000..94c4fb7 --- /dev/null +++ b/soneta-ui-style/SvgResources/projektuj.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/pulpit.svg b/soneta-ui-style/SvgResources/pulpit.svg new file mode 100644 index 0000000..90a4d3f Binary files /dev/null and b/soneta-ui-style/SvgResources/pulpit.svg differ diff --git a/soneta-ui-style/SvgResources/pulpit_zdalny.svg b/soneta-ui-style/SvgResources/pulpit_zdalny.svg new file mode 100644 index 0000000..4058269 --- /dev/null +++ b/soneta-ui-style/SvgResources/pulpit_zdalny.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/puzzle.svg b/soneta-ui-style/SvgResources/puzzle.svg new file mode 100644 index 0000000..48639e9 --- /dev/null +++ b/soneta-ui-style/SvgResources/puzzle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/pytanie.svg b/soneta-ui-style/SvgResources/pytanie.svg new file mode 100644 index 0000000..6fe2390 --- /dev/null +++ b/soneta-ui-style/SvgResources/pytanie.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/qrcode.svg b/soneta-ui-style/SvgResources/qrcode.svg new file mode 100644 index 0000000..cabd97e Binary files /dev/null and b/soneta-ui-style/SvgResources/qrcode.svg differ diff --git a/soneta-ui-style/SvgResources/qrcode_skanuj.svg b/soneta-ui-style/SvgResources/qrcode_skanuj.svg new file mode 100644 index 0000000..8c90b7f --- /dev/null +++ b/soneta-ui-style/SvgResources/qrcode_skanuj.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/record.svg b/soneta-ui-style/SvgResources/record.svg new file mode 100644 index 0000000..409ce7a --- /dev/null +++ b/soneta-ui-style/SvgResources/record.svg @@ -0,0 +1 @@ + diff --git a/soneta-ui-style/SvgResources/right.svg b/soneta-ui-style/SvgResources/right.svg new file mode 100644 index 0000000..d5448ce --- /dev/null +++ b/soneta-ui-style/SvgResources/right.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/robotnik.svg b/soneta-ui-style/SvgResources/robotnik.svg new file mode 100644 index 0000000..dcab4e4 --- /dev/null +++ b/soneta-ui-style/SvgResources/robotnik.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/rodzina.svg b/soneta-ui-style/SvgResources/rodzina.svg new file mode 100644 index 0000000..4482faf --- /dev/null +++ b/soneta-ui-style/SvgResources/rodzina.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/roslina.svg b/soneta-ui-style/SvgResources/roslina.svg new file mode 100644 index 0000000..576b90c --- /dev/null +++ b/soneta-ui-style/SvgResources/roslina.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/rozwin.svg b/soneta-ui-style/SvgResources/rozwin.svg new file mode 100644 index 0000000..fdbd7e8 --- /dev/null +++ b/soneta-ui-style/SvgResources/rozwin.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/rozwin2.svg b/soneta-ui-style/SvgResources/rozwin2.svg new file mode 100644 index 0000000..d2a2139 --- /dev/null +++ b/soneta-ui-style/SvgResources/rozwin2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/samochod.svg b/soneta-ui-style/SvgResources/samochod.svg new file mode 100644 index 0000000..2231956 --- /dev/null +++ b/soneta-ui-style/SvgResources/samochod.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/samochod_ok.svg b/soneta-ui-style/SvgResources/samochod_ok.svg new file mode 100644 index 0000000..ab0a6f8 --- /dev/null +++ b/soneta-ui-style/SvgResources/samochod_ok.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/schemat.svg b/soneta-ui-style/SvgResources/schemat.svg new file mode 100644 index 0000000..4e8843f --- /dev/null +++ b/soneta-ui-style/SvgResources/schemat.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/search_more.svg b/soneta-ui-style/SvgResources/search_more.svg new file mode 100644 index 0000000..99b7f67 --- /dev/null +++ b/soneta-ui-style/SvgResources/search_more.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/seria.svg b/soneta-ui-style/SvgResources/seria.svg new file mode 100644 index 0000000..a7ddca7 --- /dev/null +++ b/soneta-ui-style/SvgResources/seria.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/serwer.svg b/soneta-ui-style/SvgResources/serwer.svg new file mode 100644 index 0000000..4d8404e --- /dev/null +++ b/soneta-ui-style/SvgResources/serwer.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/serwer2.svg b/soneta-ui-style/SvgResources/serwer2.svg new file mode 100644 index 0000000..5aa1f6f --- /dev/null +++ b/soneta-ui-style/SvgResources/serwer2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/share.svg b/soneta-ui-style/SvgResources/share.svg new file mode 100644 index 0000000..9c4dfad --- /dev/null +++ b/soneta-ui-style/SvgResources/share.svg @@ -0,0 +1 @@ + diff --git a/soneta-ui-style/SvgResources/skaner.svg b/soneta-ui-style/SvgResources/skaner.svg new file mode 100644 index 0000000..1d9e7f0 --- /dev/null +++ b/soneta-ui-style/SvgResources/skaner.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/skarbonka.svg b/soneta-ui-style/SvgResources/skarbonka.svg new file mode 100644 index 0000000..0474a1b --- /dev/null +++ b/soneta-ui-style/SvgResources/skarbonka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/skype.svg b/soneta-ui-style/SvgResources/skype.svg new file mode 100644 index 0000000..6d4f319 --- /dev/null +++ b/soneta-ui-style/SvgResources/skype.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/smartfon.svg b/soneta-ui-style/SvgResources/smartfon.svg new file mode 100644 index 0000000..fe8863d Binary files /dev/null and b/soneta-ui-style/SvgResources/smartfon.svg differ diff --git a/soneta-ui-style/SvgResources/sort_minus.svg b/soneta-ui-style/SvgResources/sort_minus.svg new file mode 100644 index 0000000..69dde4f --- /dev/null +++ b/soneta-ui-style/SvgResources/sort_minus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/sort_plus.svg b/soneta-ui-style/SvgResources/sort_plus.svg new file mode 100644 index 0000000..94740d9 --- /dev/null +++ b/soneta-ui-style/SvgResources/sort_plus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/spinacz.svg b/soneta-ui-style/SvgResources/spinacz.svg new file mode 100644 index 0000000..2691116 --- /dev/null +++ b/soneta-ui-style/SvgResources/spinacz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/spinner.svg b/soneta-ui-style/SvgResources/spinner.svg new file mode 100644 index 0000000..a6b0bea --- /dev/null +++ b/soneta-ui-style/SvgResources/spinner.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/soneta-ui-style/SvgResources/stanowisko.svg b/soneta-ui-style/SvgResources/stanowisko.svg new file mode 100644 index 0000000..49f8414 --- /dev/null +++ b/soneta-ui-style/SvgResources/stanowisko.svg @@ -0,0 +1,3 @@ + + + diff --git a/soneta-ui-style/SvgResources/stanowisko_kierownik.svg b/soneta-ui-style/SvgResources/stanowisko_kierownik.svg new file mode 100644 index 0000000..70a1416 --- /dev/null +++ b/soneta-ui-style/SvgResources/stanowisko_kierownik.svg @@ -0,0 +1,3 @@ + + + diff --git a/soneta-ui-style/SvgResources/start.svg b/soneta-ui-style/SvgResources/start.svg new file mode 100644 index 0000000..e752575 --- /dev/null +++ b/soneta-ui-style/SvgResources/start.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/start_menu.svg b/soneta-ui-style/SvgResources/start_menu.svg new file mode 100644 index 0000000..6e9902e --- /dev/null +++ b/soneta-ui-style/SvgResources/start_menu.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/stop.svg b/soneta-ui-style/SvgResources/stop.svg new file mode 100644 index 0000000..45157c2 --- /dev/null +++ b/soneta-ui-style/SvgResources/stop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/stoper_pauza.svg b/soneta-ui-style/SvgResources/stoper_pauza.svg new file mode 100644 index 0000000..edbff71 --- /dev/null +++ b/soneta-ui-style/SvgResources/stoper_pauza.svg @@ -0,0 +1 @@ + diff --git a/soneta-ui-style/SvgResources/stoper_start.svg b/soneta-ui-style/SvgResources/stoper_start.svg new file mode 100644 index 0000000..dd5898e --- /dev/null +++ b/soneta-ui-style/SvgResources/stoper_start.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/stoper_stop.svg b/soneta-ui-style/SvgResources/stoper_stop.svg new file mode 100644 index 0000000..b0f1aa9 --- /dev/null +++ b/soneta-ui-style/SvgResources/stoper_stop.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/stos.svg b/soneta-ui-style/SvgResources/stos.svg new file mode 100644 index 0000000..688cfb3 --- /dev/null +++ b/soneta-ui-style/SvgResources/stos.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/struktura.svg b/soneta-ui-style/SvgResources/struktura.svg new file mode 100644 index 0000000..aa3fac0 --- /dev/null +++ b/soneta-ui-style/SvgResources/struktura.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/strzalka_dwukierunkowa.svg b/soneta-ui-style/SvgResources/strzalka_dwukierunkowa.svg new file mode 100644 index 0000000..a4f05bb --- /dev/null +++ b/soneta-ui-style/SvgResources/strzalka_dwukierunkowa.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/suma.svg b/soneta-ui-style/SvgResources/suma.svg new file mode 100644 index 0000000..7ab662e --- /dev/null +++ b/soneta-ui-style/SvgResources/suma.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/suma_zaznaczone.svg b/soneta-ui-style/SvgResources/suma_zaznaczone.svg new file mode 100644 index 0000000..a090069 --- /dev/null +++ b/soneta-ui-style/SvgResources/suma_zaznaczone.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/szkolenie.svg b/soneta-ui-style/SvgResources/szkolenie.svg new file mode 100644 index 0000000..bd5c613 --- /dev/null +++ b/soneta-ui-style/SvgResources/szkolenie.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/szkolenie_pieczec.svg b/soneta-ui-style/SvgResources/szkolenie_pieczec.svg new file mode 100644 index 0000000..00f6b50 --- /dev/null +++ b/soneta-ui-style/SvgResources/szkolenie_pieczec.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/szuflada.svg b/soneta-ui-style/SvgResources/szuflada.svg new file mode 100644 index 0000000..3e8587f --- /dev/null +++ b/soneta-ui-style/SvgResources/szuflada.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/szukaj.svg b/soneta-ui-style/SvgResources/szukaj.svg new file mode 100644 index 0000000..9a591c0 --- /dev/null +++ b/soneta-ui-style/SvgResources/szukaj.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/szukaj_lista.svg b/soneta-ui-style/SvgResources/szukaj_lista.svg new file mode 100644 index 0000000..5803b47 --- /dev/null +++ b/soneta-ui-style/SvgResources/szukaj_lista.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/szukaj_minus.svg b/soneta-ui-style/SvgResources/szukaj_minus.svg new file mode 100644 index 0000000..b88c33b --- /dev/null +++ b/soneta-ui-style/SvgResources/szukaj_minus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/szukaj_plus.svg b/soneta-ui-style/SvgResources/szukaj_plus.svg new file mode 100644 index 0000000..176fbc9 --- /dev/null +++ b/soneta-ui-style/SvgResources/szukaj_plus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/tabelka.svg b/soneta-ui-style/SvgResources/tabelka.svg new file mode 100644 index 0000000..dede793 --- /dev/null +++ b/soneta-ui-style/SvgResources/tabelka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/tablica.svg b/soneta-ui-style/SvgResources/tablica.svg new file mode 100644 index 0000000..04da9f6 --- /dev/null +++ b/soneta-ui-style/SvgResources/tablica.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/tarcza.svg b/soneta-ui-style/SvgResources/tarcza.svg new file mode 100644 index 0000000..a2d2e05 --- /dev/null +++ b/soneta-ui-style/SvgResources/tarcza.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/teczka.svg b/soneta-ui-style/SvgResources/teczka.svg new file mode 100644 index 0000000..0b427e4 --- /dev/null +++ b/soneta-ui-style/SvgResources/teczka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/teczka_kwota.svg b/soneta-ui-style/SvgResources/teczka_kwota.svg new file mode 100644 index 0000000..7ef7982 --- /dev/null +++ b/soneta-ui-style/SvgResources/teczka_kwota.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/teczka_osoba.svg b/soneta-ui-style/SvgResources/teczka_osoba.svg new file mode 100644 index 0000000..054e525 --- /dev/null +++ b/soneta-ui-style/SvgResources/teczka_osoba.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/telefon.svg b/soneta-ui-style/SvgResources/telefon.svg new file mode 100644 index 0000000..ef02be5 --- /dev/null +++ b/soneta-ui-style/SvgResources/telefon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/test.svg b/soneta-ui-style/SvgResources/test.svg new file mode 100644 index 0000000..70f8a84 --- /dev/null +++ b/soneta-ui-style/SvgResources/test.svg @@ -0,0 +1 @@ + diff --git a/soneta-ui-style/SvgResources/theme-auto.svg b/soneta-ui-style/SvgResources/theme-auto.svg new file mode 100644 index 0000000..98494f1 --- /dev/null +++ b/soneta-ui-style/SvgResources/theme-auto.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/theme-dark.svg b/soneta-ui-style/SvgResources/theme-dark.svg new file mode 100644 index 0000000..7b433a0 --- /dev/null +++ b/soneta-ui-style/SvgResources/theme-dark.svg @@ -0,0 +1 @@ + diff --git a/soneta-ui-style/SvgResources/theme-light.svg b/soneta-ui-style/SvgResources/theme-light.svg new file mode 100644 index 0000000..2f2e3c8 --- /dev/null +++ b/soneta-ui-style/SvgResources/theme-light.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/theme.svg b/soneta-ui-style/SvgResources/theme.svg new file mode 100644 index 0000000..682caf8 --- /dev/null +++ b/soneta-ui-style/SvgResources/theme.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/soneta-ui-style/SvgResources/top.svg b/soneta-ui-style/SvgResources/top.svg new file mode 100644 index 0000000..48c4c26 --- /dev/null +++ b/soneta-ui-style/SvgResources/top.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/towar.svg b/soneta-ui-style/SvgResources/towar.svg new file mode 100644 index 0000000..08cbba7 --- /dev/null +++ b/soneta-ui-style/SvgResources/towar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/tree/tree_c.svg b/soneta-ui-style/SvgResources/tree/tree_c.svg new file mode 100644 index 0000000..a75d158 --- /dev/null +++ b/soneta-ui-style/SvgResources/tree/tree_c.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/tree/tree_e.svg b/soneta-ui-style/SvgResources/tree/tree_e.svg new file mode 100644 index 0000000..4556850 --- /dev/null +++ b/soneta-ui-style/SvgResources/tree/tree_e.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/up.svg b/soneta-ui-style/SvgResources/up.svg new file mode 100644 index 0000000..a4d1a56 --- /dev/null +++ b/soneta-ui-style/SvgResources/up.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/ustawienia.svg b/soneta-ui-style/SvgResources/ustawienia.svg new file mode 100644 index 0000000..60de863 --- /dev/null +++ b/soneta-ui-style/SvgResources/ustawienia.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/usun.svg b/soneta-ui-style/SvgResources/usun.svg new file mode 100644 index 0000000..5a4e3a2 --- /dev/null +++ b/soneta-ui-style/SvgResources/usun.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/usun2.svg b/soneta-ui-style/SvgResources/usun2.svg new file mode 100644 index 0000000..d6e0158 --- /dev/null +++ b/soneta-ui-style/SvgResources/usun2.svg @@ -0,0 +1,8 @@ + + + + + diff --git a/soneta-ui-style/SvgResources/usun_wszystko.svg b/soneta-ui-style/SvgResources/usun_wszystko.svg new file mode 100644 index 0000000..7ff7d15 --- /dev/null +++ b/soneta-ui-style/SvgResources/usun_wszystko.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wait.svg b/soneta-ui-style/SvgResources/wait.svg new file mode 100644 index 0000000..b1133f0 --- /dev/null +++ b/soneta-ui-style/SvgResources/wait.svg @@ -0,0 +1,17 @@ + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wdol.svg b/soneta-ui-style/SvgResources/wdol.svg new file mode 100644 index 0000000..21d924d --- /dev/null +++ b/soneta-ui-style/SvgResources/wdol.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wersja.svg b/soneta-ui-style/SvgResources/wersja.svg new file mode 100644 index 0000000..41fa45a --- /dev/null +++ b/soneta-ui-style/SvgResources/wersja.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wgore.svg b/soneta-ui-style/SvgResources/wgore.svg new file mode 100644 index 0000000..c40fedc --- /dev/null +++ b/soneta-ui-style/SvgResources/wgore.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wiecej.svg b/soneta-ui-style/SvgResources/wiecej.svg new file mode 100644 index 0000000..fcd4563 --- /dev/null +++ b/soneta-ui-style/SvgResources/wiecej.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wiecej_h.svg b/soneta-ui-style/SvgResources/wiecej_h.svg new file mode 100644 index 0000000..9f6c001 --- /dev/null +++ b/soneta-ui-style/SvgResources/wiecej_h.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wizytowka.svg b/soneta-ui-style/SvgResources/wizytowka.svg new file mode 100644 index 0000000..05650a4 --- /dev/null +++ b/soneta-ui-style/SvgResources/wizytowka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wklej.svg b/soneta-ui-style/SvgResources/wklej.svg new file mode 100644 index 0000000..dfabf3f --- /dev/null +++ b/soneta-ui-style/SvgResources/wklej.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/word.svg b/soneta-ui-style/SvgResources/word.svg new file mode 100644 index 0000000..f46ff90 Binary files /dev/null and b/soneta-ui-style/SvgResources/word.svg differ diff --git a/soneta-ui-style/SvgResources/workflow.svg b/soneta-ui-style/SvgResources/workflow.svg new file mode 100644 index 0000000..052ba80 --- /dev/null +++ b/soneta-ui-style/SvgResources/workflow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wozek.svg b/soneta-ui-style/SvgResources/wozek.svg new file mode 100644 index 0000000..8acb0c3 --- /dev/null +++ b/soneta-ui-style/SvgResources/wozek.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wozek_towar.svg b/soneta-ui-style/SvgResources/wozek_towar.svg new file mode 100644 index 0000000..2ec0bb3 --- /dev/null +++ b/soneta-ui-style/SvgResources/wozek_towar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wozek_we.svg b/soneta-ui-style/SvgResources/wozek_we.svg new file mode 100644 index 0000000..1b2636c --- /dev/null +++ b/soneta-ui-style/SvgResources/wozek_we.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wozek_widlowy.svg b/soneta-ui-style/SvgResources/wozek_widlowy.svg new file mode 100644 index 0000000..6d84313 --- /dev/null +++ b/soneta-ui-style/SvgResources/wozek_widlowy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wozek_wy.svg b/soneta-ui-style/SvgResources/wozek_wy.svg new file mode 100644 index 0000000..efcb7f0 --- /dev/null +++ b/soneta-ui-style/SvgResources/wozek_wy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wstecz.svg b/soneta-ui-style/SvgResources/wstecz.svg new file mode 100644 index 0000000..8066cd9 --- /dev/null +++ b/soneta-ui-style/SvgResources/wstecz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wtyczka.svg b/soneta-ui-style/SvgResources/wtyczka.svg new file mode 100644 index 0000000..0832ec6 --- /dev/null +++ b/soneta-ui-style/SvgResources/wtyczka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wyczysc.svg b/soneta-ui-style/SvgResources/wyczysc.svg new file mode 100644 index 0000000..9992a52 --- /dev/null +++ b/soneta-ui-style/SvgResources/wyczysc.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wyjscie.svg b/soneta-ui-style/SvgResources/wyjscie.svg new file mode 100644 index 0000000..e741a10 --- /dev/null +++ b/soneta-ui-style/SvgResources/wyjscie.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wykres.svg b/soneta-ui-style/SvgResources/wykres.svg new file mode 100644 index 0000000..eb700bd --- /dev/null +++ b/soneta-ui-style/SvgResources/wykres.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wykres_lista.svg b/soneta-ui-style/SvgResources/wykres_lista.svg new file mode 100644 index 0000000..1bb9492 --- /dev/null +++ b/soneta-ui-style/SvgResources/wykres_lista.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wykres_osoba.svg b/soneta-ui-style/SvgResources/wykres_osoba.svg new file mode 100644 index 0000000..7a01724 --- /dev/null +++ b/soneta-ui-style/SvgResources/wykres_osoba.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wykres_slupkowy.svg b/soneta-ui-style/SvgResources/wykres_slupkowy.svg new file mode 100644 index 0000000..f4fd187 --- /dev/null +++ b/soneta-ui-style/SvgResources/wykres_slupkowy.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wykres_tekst.svg b/soneta-ui-style/SvgResources/wykres_tekst.svg new file mode 100644 index 0000000..faf3afa --- /dev/null +++ b/soneta-ui-style/SvgResources/wykres_tekst.svg @@ -0,0 +1 @@ +#####Brak danych diff --git a/soneta-ui-style/SvgResources/wykres_wczytywanie.svg b/soneta-ui-style/SvgResources/wykres_wczytywanie.svg new file mode 100644 index 0000000..c018bfa --- /dev/null +++ b/soneta-ui-style/SvgResources/wykres_wczytywanie.svg @@ -0,0 +1 @@ +Wczytywanie danych diff --git a/soneta-ui-style/SvgResources/wykres_zegar.svg b/soneta-ui-style/SvgResources/wykres_zegar.svg new file mode 100644 index 0000000..9f8148c --- /dev/null +++ b/soneta-ui-style/SvgResources/wykres_zegar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wylacz.svg b/soneta-ui-style/SvgResources/wylacz.svg new file mode 100644 index 0000000..43a794e --- /dev/null +++ b/soneta-ui-style/SvgResources/wylacz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/wytnij.svg b/soneta-ui-style/SvgResources/wytnij.svg new file mode 100644 index 0000000..2bf7674 --- /dev/null +++ b/soneta-ui-style/SvgResources/wytnij.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zadanie_ramka.svg b/soneta-ui-style/SvgResources/zadanie_ramka.svg new file mode 100644 index 0000000..4a4aa03 --- /dev/null +++ b/soneta-ui-style/SvgResources/zadanie_ramka.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zadanie_zlaczenie.svg b/soneta-ui-style/SvgResources/zadanie_zlaczenie.svg new file mode 100644 index 0000000..04fd871 --- /dev/null +++ b/soneta-ui-style/SvgResources/zadanie_zlaczenie.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zakladka_tekst.svg b/soneta-ui-style/SvgResources/zakladka_tekst.svg new file mode 100644 index 0000000..8bd09b2 --- /dev/null +++ b/soneta-ui-style/SvgResources/zakladka_tekst.svg @@ -0,0 +1,4 @@ + + ##### + + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zakladki.svg b/soneta-ui-style/SvgResources/zakladki.svg new file mode 100644 index 0000000..cd9c3e2 --- /dev/null +++ b/soneta-ui-style/SvgResources/zakladki.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zapisz.svg b/soneta-ui-style/SvgResources/zapisz.svg new file mode 100644 index 0000000..02d7763 --- /dev/null +++ b/soneta-ui-style/SvgResources/zapisz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zapisz_dodaj.svg b/soneta-ui-style/SvgResources/zapisz_dodaj.svg new file mode 100644 index 0000000..74980de --- /dev/null +++ b/soneta-ui-style/SvgResources/zapisz_dodaj.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zapisz_naprzod.svg b/soneta-ui-style/SvgResources/zapisz_naprzod.svg new file mode 100644 index 0000000..b464816 --- /dev/null +++ b/soneta-ui-style/SvgResources/zapisz_naprzod.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zatwierdz.svg b/soneta-ui-style/SvgResources/zatwierdz.svg new file mode 100644 index 0000000..4f6f064 --- /dev/null +++ b/soneta-ui-style/SvgResources/zatwierdz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zaznacz.svg b/soneta-ui-style/SvgResources/zaznacz.svg new file mode 100644 index 0000000..5f72a4e --- /dev/null +++ b/soneta-ui-style/SvgResources/zaznacz.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zegar.svg b/soneta-ui-style/SvgResources/zegar.svg new file mode 100644 index 0000000..a0e422e --- /dev/null +++ b/soneta-ui-style/SvgResources/zegar.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zegar_piorun.svg b/soneta-ui-style/SvgResources/zegar_piorun.svg new file mode 100644 index 0000000..cda1cc7 --- /dev/null +++ b/soneta-ui-style/SvgResources/zegar_piorun.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zegar_piorun_P.svg b/soneta-ui-style/SvgResources/zegar_piorun_P.svg new file mode 100644 index 0000000..05a16be --- /dev/null +++ b/soneta-ui-style/SvgResources/zegar_piorun_P.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zmiana.svg b/soneta-ui-style/SvgResources/zmiana.svg new file mode 100644 index 0000000..805ac08 --- /dev/null +++ b/soneta-ui-style/SvgResources/zmiana.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zoom_in.svg b/soneta-ui-style/SvgResources/zoom_in.svg new file mode 100644 index 0000000..f0ae94b --- /dev/null +++ b/soneta-ui-style/SvgResources/zoom_in.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zoom_out.svg b/soneta-ui-style/SvgResources/zoom_out.svg new file mode 100644 index 0000000..4e3ef6a --- /dev/null +++ b/soneta-ui-style/SvgResources/zoom_out.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/SvgResources/zus.svg b/soneta-ui-style/SvgResources/zus.svg new file mode 100644 index 0000000..7f1bd51 --- /dev/null +++ b/soneta-ui-style/SvgResources/zus.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/soneta-ui-style/dokument.html b/soneta-ui-style/dokument.html new file mode 100644 index 0000000..6ffd047 --- /dev/null +++ b/soneta-ui-style/dokument.html @@ -0,0 +1,1368 @@ + + + + + +Ewidencja dokumentów — enova365 + + + + + +
+ + +
+ + +
+ +
+ +
+
+ +
+ 00:00 +
+ +
+
+ +
+
+ +
+
+ + +
+
+ +
+
AK
+
+
Anna Kowalska
+
Administrator
+
+
+
+ + +
+ + + + + +
+ +
+ + + + > + Ewidencja dokumentów + > + Wszystkie dokumenty +
+ + +
+ Ewidencja dokumentów + + + +
+ + +
+ + +
+
Wszystkie
+
Faktury
+
Zamówienia
+
Magazynowe
+
Wewnętrzne
+
Korekty
+
+ + +
+ + +
+
Szybki dostęp
+
+
+
+ +
+
+
Nowa faktura sprzedaży
+
Utwórz nowy dokument sprzedaży
+
+ + +
+ +
+
+ +
+
+
Nowe zamówienie
+
Utwórz nowe zamówienie od odbiorcy
+
+
+ +
+
+ +
+
+
Dokumenty magazynowe
+
Przyjęcia, wydania i przesunięcia
+
+
+ +
+
+ +
+
+
Raporty i analizy
+
Zestawienia, statystyki dokumentów
+
+
+ +
+
+ +
+
+
Szablony dokumentów
+
Zarządzaj szablonami i wzorcami
+
+
+ +
+
+ +
+
+
Wyślij e-mailem
+
Wysyłka dokumentów do kontrahentów
+
+
+
+
+ + +
+
Podsumowanie
+
+
+
+
1 247
+
Dokumenty ogółem
+
▲ +12% vs. poprzedni miesiąc
+
+
+
438
+
Faktury sprzedaży
+
▲ +8% vs. poprzedni miesiąc
+
+
+
56
+
Oczekujące na zatwierdzenie
+
▼ -3 od wczoraj
+
+
+
12
+
Dokumenty anulowane
+
▼ -2% vs. poprzedni miesiąc
+
+
+ +
+ + +
+
+ Ostatnie dokumenty + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NumerTypKontrahentData wystawieniaKwota nettoStatusAkcje
FS/2026/03/0142Faktura sprzedażyABC Logistyka Sp. z o.o.2026-03-2112 450,00 PLNZatwierdzony + + +
FS/2026/03/0141Faktura sprzedażyTechNova Solutions S.A.2026-03-208 920,00 PLNRoboczy + + +
ZAM/2026/03/0098ZamówienieKowalski & Partnerzy2026-03-193 150,00 PLNOczekujący + + +
FZ/2026/03/0067Faktura zakupuGlobalTrade Sp. z o.o.2026-03-1827 800,00 PLNZatwierdzony + + +
KOR/2026/03/0015KorektaSunrise Media Sp.j.2026-03-17-1 200,00 PLNAnulowany + + +
WZ/2026/03/0033Wydanie zewnętrzneMegaBud Konstrukcje S.A.2026-03-165 670,00 PLNWysłany + + +
+
+ +
+ + +
+
+ Artykuły i porady + +
+
+
+
+ +
+
+
Poradnik
+
Jak prawidłowo wystawiać faktury korygujące
+
Praktyczny przewodnik po zasadach wystawiania korekt faktur zgodnie z obowiązującymi przepisami podatkowymi na rok 2026.
+
+
+ 15 mar 2026 + 5 min czytania +
+
+ +
+
+ +
+
+
Nowości
+
Nowe funkcje archiwizacji dokumentów w enova365
+
Poznaj automatyczne reguły archiwizacji i nowy silnik wyszukiwania pełnotekstowego w module ewidencji dokumentów.
+
+
+ 10 mar 2026 + 3 min czytania +
+
+ +
+
+ +
+
+
Analiza
+
Raportowanie dokumentów — najlepsze praktyki
+
Dowiedz się jak efektywnie tworzyć raporty i analizy dokumentów sprzedażowych z wykorzystaniem modułu BI.
+
+
+ 5 mar 2026 + 7 min czytania +
+
+
+
+ +
+ + + + +
+ + + + + +
+
+ enova365 © 2026 by Soneta ® +  ·  + Wersja 2026.3.1 +
+
+ Pomoc + Regulamin + Polityka prywatności + Kontakt z supportem +
+
+ +
+
+
+ + +
+ Połączono z bazą: PRODUKCJA + Użytkownik: Anna Kowalska + Sesja: 2h 14min + enova365 v2026.3.1 | Soneta Sp. z o.o. +
+ + +
+ ✓ +
+
Dokument zapisany
+
Faktura FS/2026/03/0142 została pomyślnie zatwierdzona.
+
+ × +
+ + + + + diff --git a/soneta-ui-style/enova365-design-guide.md b/soneta-ui-style/enova365-design-guide.md new file mode 100644 index 0000000..677b2a5 --- /dev/null +++ b/soneta-ui-style/enova365-design-guide.md @@ -0,0 +1,776 @@ +# enova365 - Szczegółowy Przewodnik Projektowy UI + +Dokument opisuje zasady budowania interfejsów użytkownika wizualnie spójnych z aplikacją enova365 ERP firmy Soneta. Opracowany na podstawie analizy screenshotów i plików HTML aplikacji. + +--- + +## 1. MOTYWY KOLORYSTYCZNE + +Aplikacja posiada dwa pełne motywy: jasny (white) i ciemny (black). Oba używają tego samego systemu zmiennych CSS (~830 tokenów). + +### 1.1 Kolor wiodący (Brand) + +Kolory brand pochodzą z pliku palety `PaletteBase.css` (katalog `wzorce/css/standard/`). + +| Element | Wartość | Zmienna CSS | +|---------|---------|-------------| +| **Główny zielony (primary/header)** | `#016E46` (szmaragdowy) | `--brand_500` | +| **Brand ciemny** | `#015436` | `--brand_600` | +| **Brand najciemniejszy** | `#01422A` | `--brand_700` | +| **Brand jasny** | `#02BB77` | `--brand_300` | +| **Brand najjaśniejszy** | `#02E391` | `--brand_200` | +| **Akcent cyjan** | `#31e2b8` (turkusowy - logo) | — | +| **Akcent błękitny** | `#6acbf3` (jasny niebieski - logo) | — | + +### 1.2 Motyw jasny (White) + +| Przeznaczenie | Kolor | Opis | +|---------------|-------|------| +| **Tło główne (content area)** | `rgb(230, 231, 231)` | Jasnoszare — `--theme_bg`, wydziela białe elementy UI | +| **Tło nagłówka (header bar)** | `#016E46` | Szmaragdowy — `--brand_500` | +| **Tło sidebara** | `#003320` | Bardzo ciemna zieleń — `RGBA(0, 51, 32)`, **ciemniejszy niż header** | +| **Sidebar hover** | `#004626` | `RGBA(0, 70, 38)` — `--nav_tree_item_hover` | +| **Sidebar selected** | `#005830` | `RGBA(0, 88, 48)` — `--nav_tree_item_selected` | +| **Tekst sidebara** | `#FFFFFF` | Biały tekst na ciemnozielonym tle sidebara | +| **Tło surface/karty** | `#FFFFFF` | Białe karty na jasnym tle | +| **Tło sekcji** | `#F5F5F5` ~ `#FAFAFA` | Bardzo jasnoszare | +| **Tekst podstawowy** | `#212121` ~ `#333333` | Ciemnoszary/prawie czarny | +| **Tekst drugorzędny** | `#757575` ~ `#A3A3A3` | Średni szary | +| **Tekst etykiet** | `#616161` | Szary na etykietach pól | +| **Tekst na ciemnym tle** | `#FFFFFF` | Biały na zielonym headerze | +| **Obramowanie inputów** | `#BDBDBD` ~ `#E0E0E0` | Jasnoszare | +| **Obramowanie focus** | `#016E46` | Zielony border na focus | +| **Tło wiersza zaznaczonego** | `rgba(46, 125, 50, 0.08)` | Bardzo lekki zielony tint | +| **Tło wiersza hover** | `rgba(0, 0, 0, 0.04)` | Prawie przezroczysty szary | +| **Separator/divider** | `#E0E0E0` | Jasnoszara linia | +| **Tło inputu disabled** | `#F5F5F5` | Jasnoszary | + +### 1.3 Motyw ciemny (Black) + +| Przeznaczenie | Kolor | Opis | +|---------------|-------|------| +| **Tło główne** | `#1E1E1E` ~ `#212121` | Ciemny grafitowy | +| **Tło nagłówka (header bar)** | `#1B5E20` ~ `#0D3B14` | Ciemnozielony (ciemniejszy niż w jasnym) | +| **Tło sidebara** | `#1A1A1A` ~ `#1E1E1E` | Ciemny — w motywie ciemnym sidebar nie jest zielony, lecz ciemny grafitowy | +| **Tło surface/karty** | `#2A2A2A` ~ `#303030` | Ciemny grafitowy | +| **Tło sekcji** | `#252525` ~ `#2C2C2C` | Nieco jaśniejszy ciemny | +| **Tekst podstawowy** | `#E0E0E0` ~ `#F0F0F0` | Jasnoszary | +| **Tekst drugorzędny** | `#A3A3A3` ~ `#9E9E9E` | Średni szary | +| **Tekst etykiet** | `#BDBDBD` | Jasnoszary | +| **Obramowanie inputów** | `#424242` ~ `#555555` | Ciemnoszare | +| **Obramowanie focus** | `#016E46` | Zielony (taki sam jak w jasnym) | +| **Tło wiersza zaznaczonego** | `rgba(46, 125, 50, 0.15)` | Lekki zielony tint na ciemnym | +| **Tło wiersza hover** | `rgba(255, 255, 255, 0.05)` | Prawie przezroczysty biały | +| **Separator/divider** | `#424242` | Ciemnoszara linia | +| **Tło inputu** | `#2A2A2A` ~ `#333333` | Ciemny | +| **Tło overlay/modal** | `rgba(0, 0, 0, 0.5)` ~ `rgba(0, 0, 0, 0.7)` | Półprzezroczysty czarny | + +### 1.4 Kolory semantyczne (wspólne dla obu motywów) + +| Przeznaczenie | Kolor | Opis | +|---------------|-------|------| +| **Success / Primary action** | `#2E7D32` | Zielony - przyciski "Zapisz" | +| **Danger / Zamknij** | `#C62828` ~ `#D32F2F` | Czerwony - przyciski "Zamknij", "X" | +| **Warning** | `#F57C00` ~ `rgb(192, 64, 0)` | Pomarańczowy | +| **Info** | `#1976D2` | Niebieski | +| **Link** | `#016E46` | Ciemnozielony - linki "Nie pamiętasz hasła?" | +| **Disabled text** | `#A3A3A3` | Szary z opacity | +| **Error border/shadow** | Czerwony z shadow | Walidacja | +| **Warning border/shadow** | Pomarańczowy z shadow | Ostrzeżenia | + +### 1.5 Kolory ikon modułów (menu główne) + +Na ekranie menu głównego widoczne są kolorowe ikony modułów w kołach: + +| Moduł | Kolor ikony | +|-------|-------------| +| Terminarz | Zielony | +| Ewidencja dokumentów | Niebieski | +| Ewidencja Środków Pieniężnych | Cyjan | +| Kadry i płace | Pomarańczowy | +| Księgowość | Fioletowy | +| Księga inwentarzowa | Oliwkowy | +| Ewidencja pojazdów | Czerwony | +| Handel | Żółty | +| Produkcja zaawansowana | Magenta | +| ServiceDesk | Różowy | +| Business Intelligence | Złoty | +| CRM | Zielonkawy | + +--- + +## 2. TYPOGRAFIA + +### 2.1 Rodziny czcionek + +| Przeznaczenie | Czcionka | Fallback | +|---------------|----------|----------| +| **Główna (primaryFont)** | `"SourceSans"` | `Arial, sans-serif` | +| **Nagłówki/pogrubienia** | `"SourceSansSemiBold"` | `Arial, sans-serif` | +| **Alternatywna** | `"Roboto"` | `sans-serif` | +| **Branding/logo** | `"Lato"` | `sans-serif` | +| **Monospace (kod)** | `Consolas` | `"Courier New", monospace` | + +### 2.2 Rozmiary czcionek + +| Przeznaczenie | Rozmiar | +|---------------|---------| +| **Drobny tekst (captions)** | `10px` – `11px` | +| **Etykiety pól formularza** | `12px` | +| **Tekst w inputach** | `13px` – `14px` | +| **Tekst podstawowy (body)** | `14px` | +| **Nazwy zakładek/tabs** | `13px` – `14px` | +| **Tytuł formularza** | `16px` – `18px` | +| **Nagłówki sekcji** | `14px` – `16px` (z font-weight: 600) | +| **Nazwa modułu (menu)** | `16px` – `18px` | +| **Opis modułu (menu)** | `12px` – `13px` | +| **Duże nagłówki** | `20px` – `24px` | +| **Logo "enova365"** | `24px` – `32px` | +| **Strona logowania – hasło** | `24px` – `32px` | +| **Ekran logowania – "System ERP"** | `22px` – `26px` | + +### 2.3 Grubości czcionek + +| Styl | Wartość | +|------|---------| +| **Light** | `300` | +| **Regular** | `400` (domyślna) | +| **Medium** | `500` | +| **Semi-bold** | `600` (nagłówki sekcji, aktywne elementy menu) | +| **Bold** | `bold` / `700` (tytuły, pogrubienia) | + +### 2.4 Odstępy między literami + +| Kontekst | Wartość | +|----------|---------| +| **Normalny tekst** | `0` ~ `0.1px` | +| **Etykiety** | `0.15px` ~ `0.25px` | +| **Przyciski uppercase** | `0.6px` ~ `2px` | + +### 2.5 Wysokość linii + +| Kontekst | Wartość | +|----------|---------| +| **Drobny tekst** | `14px` – `16px` | +| **Tekst podstawowy** | `18px` – `20px` | +| **Wiersze tabeli** | `20px` – `24px` | +| **Inputy** | `24px` – `26px` | +| **Nagłówki** | `28px` – `32px` | +| **Duże elementy** | `48px` | + +--- + +## 3. UKŁAD (LAYOUT) + +### 3.1 Struktura główna + +``` +┌──────────────────────────────────────────────────────┐ +│ HEADER BAR (~48-56px) │ +│ [Logo] [Nawigacja] [Play][Czas] [Ikony] [Avatar] │ +├──────────┬───────────────────────────────────────────┤ +│ │ BREADCRUMB / PATH BAR (~32px) │ +│ ├───────────────────────────────────────────┤ +│ SIDEBAR │ TITLE BAR + TABS / TOOLBAR (~44-48px) │ +│ (250px) ├───────────────────────────────────────────┤ +│ │ │ +│ Drzewo │ CONTENT AREA │ +│ nawigacji│ (Formularz / Lista / Dashboard) │ +│ │ │ +│ │ │ +├──────────┴───────────────────────────────────────────┤ +│ STATUS BAR (opcjonalnie) │ +└──────────────────────────────────────────────────────┘ +``` + +### 3.2 Wymiary główne + +| Element | Wymiar | +|---------|--------| +| **Header bar height** | `48px` – `56px` | +| **Sidebar width (rozwinięty)** | `240px` – `260px` | +| **Sidebar width (zwinięty)** | `48px` – `56px` | +| **Breadcrumb bar height** | `28px` – `32px` | +| **Toolbar / tab bar height** | `40px` – `48px` | +| **Status bar height** | `24px` – `28px` | +| **Minimalna szerokość okna** | `1024px` | + +### 3.3 System layoutu + +- **Flexbox** jest dominującym modelem layoutu +- `display: flex` z `flex-direction: row` dla głównego podziału (sidebar + content) +- `display: flex` z `flex-direction: column` dla wertykalnego stackowania sekcji +- **Grid** używany sporadycznie, głównie w dashboardzie modułów (siatka kafelków) +- `justify-content: space-between` dla rozmieszczania elementów w toolbarze +- `align-items: center` praktycznie wszędzie do verticalnego centrowania + +--- + +## 4. KOMPONENTY UI + +### 4.1 Przyciski (Buttons) + +#### Warianty + +| Wariant | Tło | Tekst | Obramowanie | Użycie | +|---------|-----|-------|-------------|--------| +| **Primary** | `#2E7D32` (zielony) | `#FFFFFF` | brak | "Zapisz", "Zaloguj" | +| **Secondary** | przezroczyste | ciemny/jasny tekst | `1px solid` szary | "Wersja mobilna", "Czynności" | +| **Tertiary** | przezroczyste | ciemny/jasny tekst | brak | Ikony w toolbarze | +| **Danger** | `#C62828` (czerwony) | `#FFFFFF` | brak | "Zamknij" | +| **Important** | zielony z wyróżnieniem | `#FFFFFF` | brak | Kluczowe akcje | + +#### Rozmiary i kształt + +| Właściwość | Wartość | +|------------|---------| +| **Wysokość przycisku** | `32px` – `38px` (standard), `40px` – `44px` (duży) | +| **Padding** | `6px 12px` (mały), `8px 16px` (standard), `10px 20px` (duży) | +| **Border-radius** | `4px` – `6px` (prostokątne z lekkim zaokrągleniem) | +| **Font-size** | `13px` – `14px` | +| **Font-weight** | `500` – `600` | +| **Min-width** | brak (dopasowanie do treści) | +| **Gap (ikona + tekst)** | `6px` – `8px` | + +#### Stany + +| Stan | Zmiana wizualna | +|------|----------------| +| **Hover** | Lekkie rozjaśnienie tła, zmiana kursora na pointer | +| **Focus** | `box-shadow: inset 0 0 3px 1px #016E46` lub `outline: 2px solid #016E46` | +| **Pressed/Active** | Lekkie przyciemnienie tła | +| **Disabled** | Opacity `0.5` – `0.6`, brak interakcji, `cursor: default` | +| **Selected** | Wyraźniejsze tło, pogrubiony tekst | + +#### Przycisk "Zapisz" (przykład Primary) + +```css +.btn-primary { + background-color: #2E7D32; + color: #FFFFFF; + border: none; + border-radius: 4px; + padding: 6px 16px; + font-size: 14px; + font-weight: 500; + cursor: pointer; +} +``` + +#### Przycisk "Zamknij" (przykład Danger) + +```css +.btn-danger { + background-color: #C62828; + color: #FFFFFF; + border: none; + border-radius: 4px; + padding: 6px 12px; + font-size: 14px; + font-weight: 500; + display: flex; + align-items: center; + gap: 4px; +} +``` + +### 4.2 Pola formularza (Inputs) + +#### Tekst / Text Input + +| Właściwość | Motyw jasny | Motyw ciemny | +|------------|-------------|--------------| +| **Tło** | `#FFFFFF` | `#2A2A2A` | +| **Tekst** | `#212121` | `#E0E0E0` | +| **Obramowanie** | `1px solid #BDBDBD` | `1px solid #555555` | +| **Border-radius** | `4px` | `4px` | +| **Wysokość** | `30px` – `32px` | `30px` – `32px` | +| **Padding** | `4px 8px` | `4px 8px` | +| **Font-size** | `13px` – `14px` | `13px` – `14px` | + +#### Stany inputów + +| Stan | Opis | +|------|------| +| **Focus** | Border zmienia się na `#016E46` (zielony), opcjonalnie `box-shadow: inset 0 0 3px 1px #016E46` | +| **Disabled** | Tło `#F5F5F5` (jasny) / `#1A1A1A` (ciemny), tekst przyszarzony | +| **Error** | Czerwony shadow/border | +| **Warning** | Pomarańczowy shadow/border | +| **Read-only** | Bez border-bottom, wygląda jak tekst | + +#### Etykiety (Labels) + +| Właściwość | Wartość | +|------------|---------| +| **Pozycja** | Nad inputem lub po lewej stronie (inline) | +| **Font-size** | `12px` | +| **Color** | Szary (`#757575` jasny / `#BDBDBD` ciemny) | +| **Font-weight** | `400` (regular) | +| **Margin-bottom** | `2px` – `4px` (gdy nad inputem) | + +#### Układ pól w formularzu + +- Pola ułożone w siatce 2-4 kolumn +- Etykieta po lewej, input po prawej (inline layout) - dominujący wzorzec +- Etykieta ma stałą szerokość (~100-140px) +- Input rozciąga się na dostępną przestrzeń (`flex: 1`) +- Odstęp między wierszami: `8px` – `12px` +- Sekcje oddzielone nagłówkami z większym marginesem górnym (`16px` – `24px`) + +### 4.3 Checkbox + +| Właściwość | Wartość | +|------------|---------| +| **Rozmiar** | `16px` × `16px` ~ `18px` × `18px` | +| **Border-radius** | `2px` – `3px` | +| **Border** | `1px` – `2px solid` szary | +| **Checked background** | Zielony (`#2E7D32`) | +| **Checked checkmark** | Biały | +| **Disabled** | Przyszarzony z zmniejszoną opacity | + +### 4.4 Tabele / Listy + +#### Nagłówek tabeli + +| Właściwość | Motyw jasny | Motyw ciemny | +|------------|-------------|--------------| +| **Tło** | `#F5F5F5` ~ `#EEEEEE` | `#2A2A2A` ~ `#333333` | +| **Tekst** | `#616161` | `#BDBDBD` | +| **Font-size** | `12px` – `13px` | +| **Font-weight** | `600` | +| **Padding** | `8px 12px` | +| **Border-bottom** | `1px solid #E0E0E0` / `#424242` | + +#### Wiersze tabeli + +| Właściwość | Motyw jasny | Motyw ciemny | +|------------|-------------|--------------| +| **Tło parzyste** | `#FFFFFF` | `#1E1E1E` | +| **Tło nieparzyste** | `#FAFAFA` ~ `#F5F5F5` | `#252525` ~ `#2A2A2A` | +| **Wysokość wiersza** | `30px` – `36px` | +| **Padding komórki** | `4px 12px` ~ `6px 12px` | +| **Font-size** | `13px` – `14px` | +| **Border-bottom** | `1px solid #F0F0F0` / `#333333` | + +#### Stany wierszy + +| Stan | Motyw jasny | Motyw ciemny | +|------|-------------|--------------| +| **Hover** | `rgba(0,0,0,0.04)` | `rgba(255,255,255,0.05)` | +| **Selected** | Lekki zielony tint `rgba(46,125,50,0.08)` | `rgba(46,125,50,0.15)` | +| **Active/focused** | Wyraźniejszy zielony tint | Wyraźniejszy zielony tint | + +### 4.5 Zakładki (Tabs) + +Na podstawie screenshotów widoczne są dwa style zakładek: + +#### Tabs w toolbarze (styl "pill/outline") + +| Właściwość | Wartość | +|------------|---------| +| **Styl** | Obramowane prostokąty (outline) | +| **Padding** | `6px 12px` | +| **Border-radius** | `4px` | +| **Border** | `1px solid` szary | +| **Font-size** | `13px` | +| **Aktywna zakładka** | Zielone tło lub wyraźny zielony border | +| **Gap między tabami** | `4px` – `6px` | + +#### Tabs w dokumencie (styl "page tabs") + +| Właściwość | Wartość | +|------------|---------| +| **Styl** | Zakładki z górnym paskiem jako sekcje | +| **Gap** | `0px` (przylegające) | +| **Aktywna** | Wyróżnione tło, pogrubiony tekst | + +### 4.6 Nagłówek aplikacji (Header Bar) + +| Właściwość | Wartość | +|------------|---------| +| **Tło** | Szmaragdowy (`#016E46` — `--brand_500`) | +| **Wysokość** | `48px` – `56px` | +| **Logo** | Po lewej stronie headera. Używać pliku `logo_standard.svg` (patrz sekcja 8.5) osadzonego inline jako `` z `fill="#FFFFFF"` na obu elementach ``, `viewBox="0 0 200 33.5"`, wysokość `22px`, szerokość `auto`. Logo zawiera pełny napis „enova365" z ikoną play (kółko z trójkątem) zastępującą literę „o". **Nie odtwarzać logo z osobnych elementów (tekst + ikona)** — zawsze używać oficjalnego pliku SVG | +| **Pole wyszukiwania** | Umieszczone w headerze po prawej od logo, ale z **jasnym/białym tłem** i ciemnym tekstem (nie przezroczyste/ciemne). Ikona lupy po lewej stronie inputa. Zaokrąglone rogi (`border-radius: 4px`) | +| **Ikony** | Białe, liniowe SVG, `20px` – `24px` | +| **Avatar** | Kółko `32px` – `36px`, zielone tło z białym inicjałem | +| **Padding** | `0 16px` | +| **Shadow** | Subtelny shadow na dole | +| **Elementy środkowe** | Play/timer, zegar (format `00:00`) | +| **Elementy prawe** | Ikona lupy (szukaj), ikona ustawień (trybik), ikona dzwonka (powiadomienia), avatar z nazwą użytkownika i rolą | + +### 4.7 Sidebar / Panel nawigacji + +**WAŻNE:** W motywie jasnym sidebar ma **bardzo ciemne zielone tło** (`#003320`) z **białym tekstem** — jest **ciemniejszy niż header** (`#016E46`). Sidebar jest wizualnie "pływającym panelem" — posiada **zaokrąglone rogi** i **marginesy** oddzielające go od headera i content area. + +#### Kształt i pozycjonowanie sidebara + +| Właściwość | Wartość | +|------------|---------| +| **Border-radius** | `8px` ~ `12px` (zaokrąglone narożniki panelu) | +| **Margin** | `4px` ~ `6px` od góry, lewej i dołu — tworzy widoczną szczelinę wokół panelu | +| **Tło za sidebarem** | Takie samo jak content area (białe / ciemne) — widoczne w szczelinach marginesów | + +#### Struktura sidebara + +Sidebar składa się z trzech sekcji (od góry): +1. **Pasek sterowania** — przyciski "Zwiń" (strzałka w lewo) i "Odepnij" na tle identycznym z headerem +2. **Pole wyszukiwania** — input "Wyszukaj w menu" z ikoną lupy, białe tło, pełna szerokość +3. **Drzewo nawigacji** — lista pozycji z chevronami do rozwijania podpoziomów + +| Właściwość | Motyw jasny | Motyw ciemny | +|------------|-------------|--------------| +| **Tło całego sidebara** | `#003320` (bardzo ciemna zieleń, ciemniejszy niż header) | `#262626` (ciemny grafitowy) | +| **Szerokość** | `240px` – `260px` | `240px` – `260px` | +| **Tekst menu** | `#FFFFFF` (biały), `13px` – `14px` | `#E0E0E0` (jasnoszary), `13px` – `14px` | +| **Pole wyszukiwania** | Białe tło (`#FFFFFF`), ciemny tekst, placeholder szary | Ciemne tło (`#2A2A2A`), jasny tekst | +| **Aktywny element** | Pogrubiony biały tekst, subtelne jaśniejsze tło (`rgba(255,255,255,0.12)`) | Pogrubiony, zielony tekst | +| **Hover** | `rgba(255,255,255,0.08)` — lekkie rozjaśnienie | `rgba(255,255,255,0.05)` | +| **Ikona rozwinięcia** | Chevron `>` / `v`, biały, `12px` | Chevron `>` / `v`, szary, `12px` | +| **Ikony pozycji menu** | Białe liniowe SVG, `16px` – `18px` | Szare liniowe SVG, `16px` – `18px` | +| **Padding elementu** | `8px 16px` | `8px 16px` | +| **Wcięcie podpoziomów** | +`16px` – `20px` na poziom | +`16px` – `20px` na poziom | +| **Border-right** | Brak (sidebar jest wizualnie oddzielony marginesem i zaokrągleniem) | Brak | +| **Border-radius panelu** | `8px` ~ `12px` | `8px` ~ `12px` | +| **Margin panelu** | `4px` ~ `6px` (góra, lewo, dół) | `4px` ~ `6px` (góra, lewo, dół) | +| **Przyciski "Zwiń"/"Odepnij"** | Białe ikony/tekst na zielonym tle, małe `12px` – `13px` | Szare ikony/tekst | + +### 4.8 Breadcrumb / Ścieżka + +Breadcrumb wyświetla się w górnej części content area, bezpośrednio pod paskiem zakładek dokumentów. Zawiera ikonę domu (SVG `dom.svg`) jako link do strony głównej, po której następują segmenty ścieżki oddzielone separatorem `>`. + +| Właściwość | Wartość | +|------------|---------| +| **Tło** | Jak content area (`#FFFFFF` / `#1E1E1E`) | +| **Wysokość** | `28px` – `32px` | +| **Font-size** | `12px` | +| **Kolor tekstu segmentów** | Szary (`#757575`), każdy segment jest linkiem | +| **Kolor aktywnego (ostatni)** | Ciemniejszy tekst (`#212121`) — nie jest linkiem | +| **Separator** | `>` (znak większości), kolor szary `#BDBDBD`, z `margin: 0 4px` | +| **Ikona Home** | Liniowa ikona SVG domku (`dom.svg`), `14px` – `16px`, kolor szary | +| **Padding** | `4px 16px` | +| **Przykład** | `🏠 > Kadry i płace > Kadry > Pracownicy` | + +### 4.9 Modal / Dialog + +| Właściwość | Motyw jasny | Motyw ciemny | +|------------|-------------|--------------| +| **Overlay** | `rgba(0,0,0,0.5)` | `rgba(0,0,0,0.7)` | +| **Tło modala** | `#FFFFFF` | `#2A2A2A` | +| **Border-radius** | `8px` – `12px` | +| **Shadow** | `0 4px 20px rgba(0,0,0,0.25)` | `0 4px 20px rgba(0,0,0,0.5)` | +| **Padding** | `20px` – `25px` | +| **Nagłówek** | Osobne tło, border-bottom | +| **Szerokość** | `400px` – `600px` (zależnie od treści) | + +### 4.10 Menu kontekstowe / Dropdown + +Na screenshotach widoczne jest menu czynności z dwoma kolumnami: + +| Właściwość | Motyw jasny | Motyw ciemny | +|------------|-------------|--------------| +| **Tło** | `#FFFFFF` | `#2A2A2A` ~ `#1E1E1E` | +| **Border** | `1px solid #E0E0E0` | `1px solid #424242` | +| **Border-radius** | `8px` | +| **Shadow** | `0 4px 12px rgba(0,0,0,0.15)` | `0 4px 12px rgba(0,0,0,0.4)` | +| **Padding wewnętrzny** | `8px 0` | +| **Padding elementu** | `8px 16px` | +| **Font-size elementu** | `13px` – `14px` | +| **Hover elementu** | Lekkie tło | +| **Układ** | Dwie kolumny w dużym menu | +| **Pole wyszukiwania** | Na górze menu, z ikoną lupy | +| **Ikony elementów** | Kolorowe ikony `16px` – `20px` po lewej | + +### 4.11 Ekran logowania (Login) + +| Element | Opis | +|---------|------| +| **Układ** | Dwuczęściowy: lewo - zdjęcie/branding, prawo - formularz | +| **Podział** | ~50/50 lub 55/45 | +| **Lewa strona** | Zdjęcie stockowe z logo enova365 nałożonym | +| **Prawa strona** | Formularz logowania, wycentrowany w pionie | +| **Logo** | "en**>**va 365" z kolorowymi akcentami | +| **Hasło brandingowe** | "System ERP dla ambitnego biznesu", `22px`, kursywa | +| **Input Login** | Z etykietą, border `1px`, focus zielony | +| **Input Hasło** | Z etykietą, border `1px` | +| **Checkbox "Zapamiętaj"** | Standardowy checkbox | +| **Link "Nie pamiętasz hasła?"** | Zielony tekst, `#016E46` | +| **Przycisk "Zaloguj"** | Zielony, pełna szerokość, `height: 40px`, `border-radius: 4px` | +| **Przycisk "Wersja mobilna"** | Outline, pełna szerokość | +| **"Baza danych"** | Mała etykieta + wartość | +| **Footer** | "by Soneta ®" w prawym dolnym rogu | + +### 4.12 Dashboard / Menu główne (Folder) — Kafelki (Tiles) + +Parametry kafelków pochodzą z `TileItem.module.scss`, `TileGroup.module.scss` i `PaletteBase.css`. + +**Tło content area (za kafelkami):** `rgb(230, 231, 231)` — jasnoszare (`--theme_bg`), wydziela białe kafelki z interfejsu. + +#### Kafelek (Tile Item) + +| Właściwość | Wartość | Źródło | +|------------|---------|--------| +| **Szerokość** | `352px` | `TileItem` | +| **Min-height** | `80px` | `TileItem` | +| **Border-radius** | `12px` | `TileItem` | +| **Tło (jasny)** | `#FFFFFF` | `--tile_item_bg: --neutral_0` | +| **Tło (ciemny)** | `#2A2A2A` – `#333333` | `--neutral_850` | +| **Border-left** | `4px solid [kolor_modułu]` | Kolorowy akcent po lewej stronie — kolor odpowiada ikonowi modułu | +| **Box-shadow** | `0px 0px 10px 1px rgba(229,229,229)` | `--tile_shadow` | +| **Padding** | `10px 16px` | `TileItem .t-content` | +| **Gap (ikona↔tekst)** | `10px` | `TileItem .t-content` | + +#### Ikona w kafelku + +| Właściwość | Wartość | +|------------|---------| +| **Rozmiar** | `20px` × `20px` — SVG liniowe | +| **Kolor** | Taki sam jak `border-left` — kolor modułu (np. zielony, niebieski, pomarańczowy) | +| **Pozycja** | Po lewej stronie, vertically centered | + +#### Typografia kafelka + +| Element | Font | Rozmiar | Waga | Kolor | +|---------|------|---------|------|-------| +| **Tytuł modułu** | `Roboto` (`--tertiaryFont`) | `16px` | `600` (`--tile_fw`) | `#000000` (czarny, `--pureBlack`) | +| **Opis modułu** | `Roboto` (`--tertiaryFont`) | `14px` | `400` | `rgb(68, 70, 69)` (`--tile_desc_fg`) | +| **Line-height tytułu** | — | `28px` | — | — | +| **Line-height opisu** | — | `16px` | — | — | + +#### Layout kafelków + +| Właściwość | Wartość | Źródło | +|------------|---------|--------| +| **Układ** | Flex-wrap, wyrównanie do lewej | `TileGroup .tile-content` | +| **Gap między kafelkami** | `8px` | `TileMenu .main-menu`, `TileGroup .tile-content` | +| **Padding grupy** | `30px 10px 0 4px` (pierwszy: `10px 10px 0 4px`) | `TileGroup` | +| **Tytuł grupy** | `16px`, `font-weight: 500`, uppercase | `TileGroup .title-group` | + +#### Stany kafelka + +| Stan | Efekt | +|------|-------| +| **Hover** | Tło zmienia się na `#F5F5F5` (`--tile_group_hover_bg`) | +| **Active** | Brak shadow, tło `--tile_active_bg` | +| **Focus** | Outline `2px` z offset `2px` | + +### 4.13 Toolbar / Pasek narzędzi + +| Właściwość | Wartość | +|------------|---------| +| **Wysokość** | `40px` – `48px` | +| **Tło** | Takie samo jak content area | +| **Border-bottom** | `1px solid` separator | +| **Układ** | Flex row, `align-items: center` | +| **Gap** | `4px` – `8px` | +| **Padding** | `4px 16px` | +| **Przyciski w toolbarze** | Styl outline/tertiary, `height: 30px` – `32px` | +| **Filtry** | Zielone tło ("Rozwiń filtry"), `border-radius: 16px` – `20px` (pill) | + +### 4.14 Scrollbar (niestandardowy) + +| Właściwość | Motyw jasny | Motyw ciemny | +|------------|-------------|--------------| +| **Track** | Przezroczyste lub jasnoszare | Przezroczyste lub ciemnoszare | +| **Thumb** | `#BDBDBD` | `#555555` | +| **Thumb hover** | `#999999` | `#777777` | +| **Szerokość** | `8px` – `10px` | +| **Border-radius thumb** | `4px` – `5px` | + +--- + +## 5. SPACING SYSTEM (SYSTEM ODSTĘPÓW) + +Aplikacja używa skali 4px: + +| Token | Wartość | Użycie | +|-------|---------|--------| +| **xs** | `2px` | Mikro-odstępy, gap między ikoną a tekstem | +| **sm** | `4px` | Padding wewnętrzny małych elementów | +| **md** | `8px` | Standardowy padding, gap w flexie | +| **lg** | `12px` | Padding komórek tabeli, gap przycisków | +| **xl** | `16px` | Padding sekcji, margin między grupami | +| **2xl** | `20px` | Padding kart/modali | +| **3xl** | `24px` | Margin między sekcjami formularza | +| **4xl** | `32px` | Duże odstępy strukturalne | +| **5xl** | `40px` | Bardzo duże odstępy | + +--- + +## 6. BORDER-RADIUS (ZAOKRĄGLENIA) + +| Element | Wartość | +|---------|---------| +| **Inputy** | `4px` | +| **Przyciski** | `4px` – `6px` | +| **Karty/kafelki** | `8px` – `12px` | +| **Modals** | `8px` – `12px` | +| **Pill/badge** | `16px` – `20px` | +| **Avatary** | `50%` (koła) | +| **Tooltipy** | `4px` – `6px` | +| **Tabs** | `4px` (góra) lub `0` | + +--- + +## 7. CIENIE (SHADOWS) + +| Kontekst | Wartość | +|----------|---------| +| **Subtelny (karty)** | `0 1px 3px rgba(0,0,0,0.08)` | +| **Standardowy (dropdown)** | `0 2px 8px rgba(0,0,0,0.15)` | +| **Wyraźny (modal)** | `0 4px 20px rgba(0,0,0,0.25)` | +| **Focus inset** | `inset 0 0 3px 1px #016E46` | +| **Header shadow** | `0 2px 4px rgba(0,0,0,0.1)` | +| **Ciemny motyw** | Intensywniejsze wartości alpha (×1.5 – ×2) | + +--- + +## 8. IKONY + +### 8.1 System ikon — liniowe SVG + +Aplikacja enova365 używa **własnego zestawu ikon SVG w stylu liniowym (outline/stroke)**. Ikony NIE są wypełnione (filled) — składają się z konturów i linii. Każda ikona jest zdefiniowana jako plik `.svg` z elementem `` i `viewBox="0 0 160 160"`. + +**Kluczowe cechy stylu ikon:** +- **Liniowe / outline** — ikony rysowane konturem, nie wypełnieniem +- **Jednolity kolor** — fill na elemencie ``, kolor zmieniany przez CSS (`fill: currentColor` lub bezpośrednie nadpisanie `fill`) +- **ViewBox 160×160** — standardowy viewBox, ikony skalowane do wymaganego rozmiaru +- **Brak stroke** — mimo liniowego wyglądu, ikony używają `fill` na ścieżkach o cienkich kształtach (nie `stroke`) + +### 8.2 Rozmiary i kolory + +| Właściwość | Wartość | +|------------|---------| +| **Rozmiar mały** | `14px` – `16px` (inline z tekstem, sidebar) | +| **Rozmiar standardowy** | `18px` – `20px` (toolbary, menu, breadcrumb) | +| **Rozmiar duży** | `24px` – `32px` (nagłówki, dashboard kafelki) | +| **Kolor (jasny motyw, content)** | `#616161` (szary), kontekstowy kolor semantyczny | +| **Kolor (ciemny motyw)** | `#BDBDBD` (jasnoszary) | +| **Kolor na zielonym tle (header, sidebar jasny)** | `#FFFFFF` (biały) | +| **Kolor aktywny** | `#2E7D32` (zielony) | + +### 8.3 Najważniejsze ikony i ich pliki SVG + +| Nazwa pliku | Zastosowanie | +|-------------|-------------| +| `logo.svg` | Ikona play w kole (sam symbol, biały fill) — używany w headerze jako element dekoracyjny | + +### 8.5 Pliki logo w katalogu `SvgResources/Standard/` + +Gotowe, kompletne wersje logotypu enova365 do osadzenia w interfejsie: + +| Nazwa pliku | Opis | ViewBox | +|-------------|------|---------| +| `logo_standard.svg` | **Pełne logo tekstowe** "enova365" — tekst + ikona play (zastępuje "o"). Dwie ścieżki: jedna dla symbolu play z cyframi "365", druga dla liter "en_va". Kolor domyślny czarny, na ciemnym tle nadać `fill: #FFFFFF` | `0 0 200 33.5` | +| `logo_full_standard.svg` | Logo z dopiskiem "business" poniżej — pełna wersja brandingowa z podtytułem | `0 0 200 44` | +| `logo_icon_standard.svg` | Sam symbol — kółko z trójkątem play (ikona aplikacji) | `0 0 160 160` | +| `ustawienia_logo.svg` | Logo w kontekście ustawień | — | + +**Użycie w headerze:** Osadzić `logo_standard.svg` inline jako `` z `fill="#FFFFFF"` na obu ``, wysokość `22px`, szerokość auto. +| `szukaj.svg` | Ikona lupy — wyszukiwanie | +| `dom.svg` | Ikona domu — breadcrumb, strona główna | +| `ustawienia.svg` | Ikona trybiku — ustawienia | +| `dzwonek.svg` | Ikona dzwonka — powiadomienia | +| `osoba.svg` | Ikona osoby — użytkownicy, avatar | +| `folder.svg` | Ikona folderu — nawigacja, moduły | +| `dokument.svg` | Ikona dokumentu — dokumenty handlowe | +| `kalendarz.svg` | Ikona kalendarza — terminarz | +| `filtr.svg` | Ikona filtra — filtry list | +| `dodaj.svg` | Ikona plus — dodawanie | +| `usun.svg` | Ikona kosza — usuwanie | +| `zapisz.svg` | Ikona dyskietki — zapisywanie | +| `drukarka.svg` | Ikona drukarki — drukowanie | +| `wykres.svg` | Ikona wykresu — raporty, BI | +| `anuluj.svg` | Ikona X — anulowanie, zamykanie | +| `rozwin.svg` | Ikona chevron — rozwijanie menu | +| `wstecz.svg` / `naprzod.svg` | Strzałki — nawigacja | +| `odswiez.svg` | Ikona odświeżania — przeładowanie | + +### 8.4 Ikony modułów na dashboardzie + +Na ekranie menu głównego ikony modułów wyświetlane są w **kolorowych kółkach**. Ikona SVG jest biała, tło kółka ma kolor przypisany do modułu (patrz sekcja 1.5). Kółka mają `border-radius: 50%`, rozmiar `32px` – `40px`. + +--- + +## 9. ANIMACJE I PRZEJŚCIA + +| Właściwość | Wartość | +|------------|---------| +| **Transition domyślny** | `all 0.2s ease` lub `0.15s` | +| **Hover transition** | `background-color 0.2s, color 0.2s` | +| **Opacity transition** | `opacity 0.3s ease` | +| **Sidebar collapse** | `width 0.3s ease` | +| **Skeleton loader** | Gradient shimmer `#f0f0f0` → `#e0e0e0` → `#f0f0f0` | +| **Spinner** | SVG z gradient stops, rotacja | + +--- + +## 10. RESPONSYWNOŚĆ + +| Breakpoint | Zachowanie | +|------------|------------| +| **Desktop (>1200px)** | Pełny layout: sidebar + content | +| **Tablet (~768-1200px)** | Sidebar zwinięty domyślnie, rozwijany overlay | +| **Mobile (<768px)** | "Wersja mobilna" - osobna aplikacja | + +--- + +## 11. WZORCE NAZEWNICTWA CSS VARIABLES + +System ~830 zmiennych CSS stosuje konwencję: + +``` +--{komponent}_{wariant}_{stan}_{właściwość} +``` + +Przykłady: +- `--command_primary_hover_bg` → przycisk primary, stan hover, tło +- `--nav_tree_item_selected` → drzewo nawigacji, element zaznaczony +- `--input_focused_border` → input, stan focus, border +- `--modal_bar_title_fg` → modal, pasek tytułowy, kolor tekstu + +### Główne prefiksy komponentów: +| Prefiks | Komponent | +|---------|-----------| +| `command_` | Przyciski (primary, secondary, tertiary) | +| `input_` | Pola formularza | +| `nav_tree_` | Sidebar / drzewo nawigacji | +| `headerbar_` | Górny pasek | +| `modal_` | Okna dialogowe | +| `tooltip_` | Podpowiedzi | +| `popup_` | Menu kontekstowe / rozwijane | +| `checkbox_` | Checkboxy | +| `radio_` | Radio buttons | +| `dp_` | Date picker | +| `scroll_` | Paski przewijania | +| `spinner_` | Loadery / spinnery | +| `dashboard_` | Dashboard / kafelki modułów | +| `bookmark_` | Zakładki | +| `path_` | Breadcrumb | +| `label_` | Etykiety statusowe | +| `verifier_` | Komunikaty walidacji | +| `recorder_` | Nagrywanie makr | + +--- + +## 12. PODSUMOWANIE KLUCZOWYCH ZASAD PROJEKTOWYCH + +1. **Zielony jako kolor wiodący** — ciemna zieleń (`#1B5E20` – `#2E7D32`) dominuje w nagłówku, sidebarze, przyciskach akcji, stanach focus i linkach. + +2. **Minimalizm i profesjonalizm** — interfejs jest utrzymany w stylu enterprise, bez ozdobników, z naciskiem na czytelność danych. + +3. **Gęstość informacji** — formularze i listy są kompaktowe (wiersze `30-36px`), pola blisko siebie, minimalne marginesy. + +4. **Dwukolorowy kontrast** — w obu motywach kontrast opiera się na jasne tło + ciemny tekst (lub odwrotnie), z zielenią jako jedynym akcentem kolorystycznym. + +5. **Spójność stanów** — każdy komponent ma zdefiniowane 6 stanów: default, hover, focus, pressed, selected, disabled. + +6. **Płaski design z subtelnymi cieniami** — brak skeuomorfizmu, minimalne cienie, płaskie tła z delikatnymi borderami. + +7. **Hierarchia typograficzna przez wagę, nie rozmiar** — różnice między elementami wynikają bardziej z `font-weight` (400 vs 600) niż z drastycznych zmian rozmiaru. + +8. **Sidebar jako główna nawigacja** — drzewo nawigacji po lewej stronie z możliwością zwijania, z wbudowanym wyszukiwaniem. + +9. **Kontekstowe toolbary** — pasek narzędzi zmienia się w zależności od widoku (lista vs formularz), z przyciskami outline. + +10. **System zmiennych CSS** — pełna temowalność przez ~830 CSS custom properties, umożliwiająca łatwe przełączanie motywów. diff --git a/soneta-ui-style/evals/evals.json b/soneta-ui-style/evals/evals.json new file mode 100644 index 0000000..f69b7f9 --- /dev/null +++ b/soneta-ui-style/evals/evals.json @@ -0,0 +1,23 @@ +{ + "skill_name": "soneta-ui-style", + "evals": [ + { + "id": 0, + "prompt": "Stwórz stronę logowania w stylu enova365 jako pojedynczy plik HTML z CSS. Formularz logowania z polami login, hasło, przyciskiem zaloguj i linkiem 'Nie pamiętasz hasła?'. Motyw jasny.", + "expected_output": "Plik HTML ze stroną logowania w stylu enova365: dwuczęściowy layout (lewa branding, prawa formularz), zielony przycisk zaloguj, kolory brand #016E46, profesjonalny enterprise look", + "files": [] + }, + { + "id": 1, + "prompt": "Zbuduj dashboard modułów enova365 z kafelkami w stylu Soneta. Użyj HTML/CSS. Pokaż 6 modułów: Kadry i płace, Księgowość, Handel, CRM, Terminarz, Produkcja. Motyw jasny.", + "expected_output": "Plik HTML z dashboardem kafelków: tło rgb(230,231,231), białe kafelki 352px z border-left kolorowym, ikony modułów z odpowiednimi kolorami, header bar zielony", + "files": [] + }, + { + "id": 2, + "prompt": "Stwórz stronę z formularzem kontrahenta (pola: Nazwa, NIP, Adres, Telefon, Email) i tabelą listy dokumentów poniżej, w stylu enova365. HTML/CSS, motyw ciemny. Dodaj header z logo i sidebar.", + "expected_output": "Plik HTML z pełnym layoutem enova365 (header, sidebar, content) w motywie ciemnym: formularz z etykietami i inputami, tabela z naprzemiennymi wierszami, kolory ciemnego motywu", + "files": [] + } + ] +} diff --git a/soneta-ui-style/wzorce/.DS_Store b/soneta-ui-style/wzorce/.DS_Store new file mode 100644 index 0000000..21e19a5 Binary files /dev/null and b/soneta-ui-style/wzorce/.DS_Store differ diff --git a/soneta-ui-style/wzorce/Form black.png b/soneta-ui-style/wzorce/Form black.png new file mode 100644 index 0000000..12383b9 Binary files /dev/null and b/soneta-ui-style/wzorce/Form black.png differ diff --git a/soneta-ui-style/wzorce/Form white.png b/soneta-ui-style/wzorce/Form white.png new file mode 100644 index 0000000..ed4f16a Binary files /dev/null and b/soneta-ui-style/wzorce/Form white.png differ diff --git a/soneta-ui-style/wzorce/List white.png b/soneta-ui-style/wzorce/List white.png new file mode 100644 index 0000000..5904897 Binary files /dev/null and b/soneta-ui-style/wzorce/List white.png differ diff --git a/soneta-ui-style/wzorce/ListMenu black.png b/soneta-ui-style/wzorce/ListMenu black.png new file mode 100644 index 0000000..46071e1 Binary files /dev/null and b/soneta-ui-style/wzorce/ListMenu black.png differ diff --git a/soneta-ui-style/wzorce/ListMenu white.png b/soneta-ui-style/wzorce/ListMenu white.png new file mode 100644 index 0000000..9d3d055 Binary files /dev/null and b/soneta-ui-style/wzorce/ListMenu white.png differ diff --git a/soneta-ui-style/wzorce/Lista black.png b/soneta-ui-style/wzorce/Lista black.png new file mode 100644 index 0000000..e199af2 Binary files /dev/null and b/soneta-ui-style/wzorce/Lista black.png differ diff --git a/soneta-ui-style/wzorce/Login black.png b/soneta-ui-style/wzorce/Login black.png new file mode 100644 index 0000000..bfdbeb9 Binary files /dev/null and b/soneta-ui-style/wzorce/Login black.png differ diff --git a/soneta-ui-style/wzorce/Login white.png b/soneta-ui-style/wzorce/Login white.png new file mode 100644 index 0000000..bc2318d Binary files /dev/null and b/soneta-ui-style/wzorce/Login white.png differ diff --git a/soneta-ui-style/wzorce/Menu black.png b/soneta-ui-style/wzorce/Menu black.png new file mode 100644 index 0000000..8951f80 Binary files /dev/null and b/soneta-ui-style/wzorce/Menu black.png differ diff --git a/soneta-ui-style/wzorce/Menu white.png b/soneta-ui-style/wzorce/Menu white.png new file mode 100644 index 0000000..3826773 Binary files /dev/null and b/soneta-ui-style/wzorce/Menu white.png differ diff --git a/soneta-ui-style/wzorce/css/.DS_Store b/soneta-ui-style/wzorce/css/.DS_Store new file mode 100644 index 0000000..bbc3763 Binary files /dev/null and b/soneta-ui-style/wzorce/css/.DS_Store differ diff --git a/soneta-ui-style/wzorce/css/common/App.scss b/soneta-ui-style/wzorce/css/common/App.scss new file mode 100644 index 0000000..a5ab630 --- /dev/null +++ b/soneta-ui-style/wzorce/css/common/App.scss @@ -0,0 +1,782 @@ +@import "PredefinedFonts"; + +$font_size_body: 10pt; + +* { + box-sizing: border-box; +} + +html { + overscroll-behavior: none; +} + +body { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: 0; + padding: 0; + width: 100%; + height: 100%; + line-height: 20px; + display: block; + font-size: $font_size_body; + font-family: var(--defaultFont); + background: var(--theme_body_bg); + background-size: cover; + background-attachment: fixed; + color: pink; + padding: 0 !important; + margin: 0 !important; + overscroll-behavior: none; + @extend .unselectable; + + .dx-overlay-wrapper.dx-toast-wrapper { + z-index: 10000 !important; + } + +} + +.stop-scrolling { + height: 100%; + overflow: hidden; +} + +//będzie potrzebne by nie tworzył mechanizmu zazaczania na nie potrzebnych elementach +.unselectable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.container { + @extend .unselectable; + position: relative; + height: 100%; + background-color: var(--theme_bg); + + [contenteditable="true"] { + -webkit-user-select: text; + -webkit-user-modify: read-write; + user-select: text; + } +} + +.noscroll { + overflow: hidden; +} + +input[type=text]::-ms-clear, +input[role=textbox]::-ms-clear { + display: none; +} + +template { + display: none; +} + +// Animation + +/** + * ---------------------------------------- + * animation text from left to right + * ---------------------------------------- + */ + @keyframes backAndForth { + 0% { + transform: translateX(0); + } + + 10% { + transform: translateX(0); + } + + 45% { + transform: translateX(calc(-100%)); + } + + 55% { + transform: translateX(calc(-100%)); + } + + 90% { + transform: translateX(0); + } + + 100% { + transform: translateX(0); + } +} + +/** + * ---------------------------------------- + * slide in from top + * ---------------------------------------- + */ + .animationLightSpeedIn :global { + animation-duration: 0.8s; + animation-fill-mode: both; + animation-name: lightSpeedIn; + animation-timing-function: ease-out; + -webkit-animation-duration: 0.5s; + -webkit-animation-fill-mode: both; + -webkit-animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translateY(-100%); + opacity: 0; + } + + 60% { + -webkit-transform: translateY(20%); + opacity: 1; + } + + 80% { + -webkit-transform: translateY(0%); + opacity: 1; + } + + 100% { + -webkit-transform: translateY(0%); + opacity: 1; + } +} + +@keyframes lightSpeedIn { + 0% { + transform: translateY(-100%); + opacity: 0; + } + + 60% { + transform: translateY(20%); + opacity: 1; + } + + 80% { + transform: translateY(0%); + opacity: 1; + } + + 100% { + transform: translateY(0%); + opacity: 1; + } +} + +/** + * ---------------------------------------- + * slide left and right + * ---------------------------------------- + */ +.animationLightSpeedRollLeft :global { + animation-duration: 0.5s; + animation-fill-mode: both; + animation-name: RollXLeft; + animation-timing-function: ease-out; + -webkit-animation-duration: 0.5s; + -webkit-animation-fill-mode: both; + -webkit-animation-name: RollXLeft; + -webkit-animation-timing-function: ease-out; +} + +@-webkit-keyframes RollXLeft { + 0% { + -webkit-transform: translateX(-100%); + opacity: 0; + } + + 60% { + -webkit-transform: translateX(0%); + opacity: 1; + } + + 80% { + -webkit-transform: translateX(0%); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(0%); + opacity: 1; + } +} + +@keyframes RollXLeft { + 0% { + transform: translateX(-100%); + opacity: 0; + } + + 60% { + transform: translateX(0%); + opacity: 1; + } + + 80% { + transform: translateX(0%); + opacity: 1; + } + + 100% { + transform: translateX(0%); + opacity: 1; + } +} + +.animationLightSpeedRollRight :global { + animation-duration: 0.5s; + animation-fill-mode: both; + animation-name: RollXRight; + animation-timing-function: ease-out; + -webkit-animation-duration: 0.5s; + -webkit-animation-fill-mode: both; + -webkit-animation-name: RollXRight; + -webkit-animation-timing-function: ease-out; +} + +@-webkit-keyframes RollXRight { + 0% { + -webkit-transform: translateX(100%); + opacity: 0; + } + + 60% { + -webkit-transform: translateX(0%); + opacity: 1; + } + + 80% { + -webkit-transform: translateX(0%); + opacity: 1; + } + + 100% { + -webkit-transform: translateX(0%); + opacity: 1; + } +} + +@keyframes RollXRight { + 0% { + transform: translateX(100%); + opacity: 0; + } + + 60% { + transform: translateX(0%); + opacity: 1; + } + + 80% { + transform: translateX(0%); + opacity: 1; + } + + 100% { + transform: translateX(0%); + opacity: 1; + } +} + +@-webkit-keyframes anim-open { + 0% { + opacity: 0; + -webkit-transform: scale3d(0, 0, 1); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + } +} + +@-webkit-keyframes anim-close { + 0% { + opacity: 0; + -webkit-transform: scale3d(0, 0, 1); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + } +} + +@keyframes anim-open { + 0% { + opacity: 0; + transform: scale3d(0, 0, 1); + } + + 100% { + opacity: 1; + transform: scale3d(1, 1, 1); + } +} + +@keyframes anim-close { + 0% { + opacity: 0; + transform: scale3d(0, 0, 1); + } + + 100% { + opacity: 1; + transform: scale3d(1, 1, 1); + } +} + +/** + * ---------------------------------------- + * BounceIn + * ---------------------------------------- + */ +@-webkit-keyframes bounceIn { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +@keyframes bounceIn { + 0%, 20%, 40%, 60%, 80%, 100% { + -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); + } + + 0% { + opacity: 0; + -webkit-transform: scale3d(.3, .3, .3); + transform: scale3d(.3, .3, .3); + } + + 20% { + -webkit-transform: scale3d(1.1, 1.1, 1.1); + transform: scale3d(1.1, 1.1, 1.1); + } + + 40% { + -webkit-transform: scale3d(.9, .9, .9); + transform: scale3d(.9, .9, .9); + } + + 60% { + opacity: 1; + -webkit-transform: scale3d(1.03, 1.03, 1.03); + transform: scale3d(1.03, 1.03, 1.03); + } + + 80% { + -webkit-transform: scale3d(.97, .97, .97); + transform: scale3d(.97, .97, .97); + } + + 100% { + opacity: 1; + -webkit-transform: scale3d(1, 1, 1); + transform: scale3d(1, 1, 1); + } +} + +/** + * ---------------------------------------- + * FadeInUp + * ---------------------------------------- + */ +@-webkit-keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + +@keyframes fadeInUp { + 0% { + opacity: 0; + -webkit-transform: translate3d(0, 100%, 0); + transform: translate3d(0, 100%, 0); + } + + 100% { + opacity: 1; + -webkit-transform: none; + transform: none; + } +} + + +/** + * ---------------------------------------- + * FadeOutDown + * ---------------------------------------- + */ + +@-webkit-keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0%); + transform: translateY(0%); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} + +@keyframes fadeOutDown { + 0% { + opacity: 1; + -webkit-transform: translateY(0%); + transform: translateY(0%); + } + + 100% { + opacity: 0; + -webkit-transform: translateY(100%); + transform: translateY(100%); + } +} + + +/** + * ---------------------------------------- + * LightSpeedIn + * ---------------------------------------- + */ +.lightSpeedIn :global { + -webkit-animation-name: lightSpeedIn; + animation-name: lightSpeedIn; + -webkit-animation-timing-function: ease-out; + animation-timing-function: ease-out; + -webkit-animation-duration: 1s; + animation-duration: 1s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +@-webkit-keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + +@keyframes lightSpeedIn { + 0% { + -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); + transform: translate3d(100%, 0, 0) skewX(-30deg); + opacity: 0; + } + + 60% { + -webkit-transform: skewX(20deg); + transform: skewX(20deg); + opacity: 1; + } + + 80% { + -webkit-transform: skewX(-5deg); + transform: skewX(-5deg); + opacity: 1; + } + + 100% { + -webkit-transform: none; + transform: none; + opacity: 1; + } +} + + +/** + * ---------------------------------------- + * animation shadow-drop-center + * ---------------------------------------- + */ +@-webkit-keyframes shadow-drop-center { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + + 100% { + -webkit-transform: translateZ(50px); + transform: translateZ(50px); + box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35); + } +} + +@keyframes shadow-drop-center { + 0% { + -webkit-transform: translateZ(0); + transform: translateZ(0); + box-shadow: 0 0 0 0 rgba(0, 0, 0, 0); + } + + 100% { + -webkit-transform: translateZ(50px); + transform: translateZ(50px); + box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35); + } +} + +/** + * ---------------------------------------- + * animation shadow-inset-center + * ---------------------------------------- + */ +@-webkit-keyframes shadow-inset-center { + 0% { + box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0); + } + + 100% { + box-shadow: inset 0 0 14px 0px rgba(0, 0, 0, 0.5); + } +} + +@keyframes shadow-inset-center { + 0% { + box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.35); + } + + 100% { + box-shadow: 0 0 1px 1px rgba(175, 175, 175, 0.1), 0 0 1px 1px rgba(175, 175, 175, 0.2); + } +} + + + +/** + * ---------------------------------------- + * animation swing-in-top-fwd + * ---------------------------------------- + */ +@-webkit-keyframes swing-in-top-fwd { + 0% { + -webkit-transform: rotateX(-100deg); + transform: rotateX(-100deg); + -webkit-transform-origin: top; + transform-origin: top; + opacity: 0; + } + + 100% { + -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); + -webkit-transform-origin: top; + transform-origin: top; + opacity: 1; + } +} + +@keyframes swing-in-top-fwd { + 0% { + -webkit-transform: rotateX(-100deg); + transform: rotateX(-100deg); + -webkit-transform-origin: top; + transform-origin: top; + opacity: 0; + } + + 100% { + -webkit-transform: rotateX(0deg); + transform: rotateX(0deg); + -webkit-transform-origin: top; + transform-origin: top; + opacity: 1; + } +} + +/** + * ---------------------------------------- + * animation flip-in-hor-bottom + * ---------------------------------------- + */ +@-webkit-keyframes flip-in-hor-bottom { + 0% { + -webkit-transform: rotateX(80deg); + transform: rotateX(80deg); + opacity: 0; + } + + 100% { + -webkit-transform: rotateX(0); + transform: rotateX(0); + opacity: 1; + } +} + +@keyframes flip-in-hor-bottom { + 0% { + -webkit-transform: rotateX(80deg); + transform: rotateX(80deg); + opacity: 0; + } + + 100% { + -webkit-transform: rotateX(0); + transform: rotateX(0); + opacity: 1; + } +} + +/** + * ---------------------------------------- + * animations for spinner + * ---------------------------------------- + */ + +@keyframes loaderEnter { + 0% { opacity: 0; } + 100% { opacity: 0.7; } +} + +@-webkit-keyframes loaderEnter { + 0% { opacity: 0; } + 100% { opacity: 0.7; } +} + +@keyframes rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + } +} + +@-webkit-keyframes rotate { + 100% { + transform: rotate(360deg); + -webkit-transform: rotate(360deg); + } +} + +@keyframes dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 89, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 89, 200; + stroke-dashoffset: -124px; + } +} + +@-webkit-keyframes dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 89, 200; + stroke-dashoffset: -35px; + } + 100% { + stroke-dasharray: 89, 200; + stroke-dashoffset: -124px; + } +} + +@keyframes color { + 100%, 0% { stroke: var(--loader_color1); } + 40% { stroke: var(--loader_color2); } + 66% { stroke: var(--loader_color3); } + 80%, 90% { stroke: var(--loader_color4); } +} + +@-webkit-keyframes color { + 100%, 0% { stroke: var(--loader_color1); } + 40% { stroke: var(--loader_color2); } + 66% { stroke: var(--loader_color3); } + 80%, 90% { stroke: var(--loader_color4); } +} + +@keyframes wait-color { + 100%, 0% { stroke: var(--spinner_wait_color); } + 40% { stroke: var(--spinner_wait_color); } + 66% { stroke: var(--spinner_wait_color); } + 80%, 90% { stroke: var(--spinner_wait_color); } +} + +@-webkit-keyframes wait-color { + 100%, 0% { stroke: var(--spinner_wait_color); } + 40% { stroke: var(--spinner_wait_color); } + 66% { stroke: var(--spinner_wait_color); } + 80%, 90% { stroke: var(--spinner_wait_color); } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/common/PredefinedColors.scss b/soneta-ui-style/wzorce/css/common/PredefinedColors.scss new file mode 100644 index 0000000..782ba79 --- /dev/null +++ b/soneta-ui-style/wzorce/css/common/PredefinedColors.scss @@ -0,0 +1,49 @@ +/* PREDEFINED COLORS */ +$white: rgb(255, 255, 255); + +$lightGray: rgb(208, 208, 208); +$lightGray2: rgb(213, 213, 213); +$lightGray3: rgb(187, 187, 187); +$lightGray4: rgb(172, 172, 172); + +$verylightGray: rgb(242, 242, 242); +$verylightGray2: rgb(224, 224, 224); +$verylightGray4: rgb(234, 234, 234); +$verylightGray5: rgb(229, 229, 229); +$verylightGray6: rgb(193, 193, 193); +$verylightGray7: rgb(245, 245, 245); + +$darkGray: rgb(140, 140, 140); +$darkGray2: rgb(128, 128, 128); +$verydarkGray: rgb(70, 70, 70); +$verydarkGray2: rgb(95, 95, 95); + +$darkGreen: rgb(27, 94, 32); +$darkGreen3: rgb(100, 146, 0); + +$pureBlack: rgb(0, 0, 0); +$mostlyBlack: rgb(45, 45, 45); +$strongYellow: rgb(200, 200, 50); +$strongOrange: rgb(255, 152, 0); +$strongRed: rgb(220, 20, 0); +$strongGreen: rgb(60, 130, 50); +$strongBlue: rgb(0, 178, 238); + +$mostlydesaturateddarkBlue: rgb(94, 134, 152); +$lightdesaturateddarkBlue: rgba(120, 170, 195, 0.85); +$verypaleYellow: rgb(255, 250, 208); + +$vividBlue: rgb(34, 34, 255); +$vividLimeGreen: rgb(34, 255, 34); +$vividOrange: rgb(255, 165, 34); +$vividRed: rgb(255, 34, 34); + +$palette_premium_blue: rgb(59, 134, 255); +$palette_premium_green: rgb(61, 207, 120); +$palette_premium_gray: rgb(66, 82, 109); +$palette_premium_orange: rgb(255, 157, 0); +$palette_premium_red: rgb(214, 36, 77); +$palette_premium_turquise: rgb(66, 210, 212); + +$palette_premium_darkgreen: rgb(43, 157, 31); +$palette_premium_lightgray: rgb(229, 233, 243); \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/common/PredefinedFonts.scss b/soneta-ui-style/wzorce/css/common/PredefinedFonts.scss new file mode 100644 index 0000000..53d53d3 --- /dev/null +++ b/soneta-ui-style/wzorce/css/common/PredefinedFonts.scss @@ -0,0 +1,106 @@ + +@font-face { + font-family: "ROBOTO"; + src: url("/assets/fonts/Roboto-Regular.ttf") format('truetype'); + font-display: fallback; + font-weight: 400; +} + +@font-face { + font-family: "ROBOTO"; + src: url("/assets/fonts/Roboto-Light.ttf") format('truetype'); + font-display: fallback; + font-weight: 300; +} + +@font-face { + font-family: "ROBOTO"; + src: url("/assets/fonts/Roboto-Medium.ttf") format('truetype'); + font-display: fallback; + font-weight: 500; +} + +@font-face { + font-family: "ROBOTO"; + src: url("/assets/fonts/Roboto-Bold.ttf") format('truetype'); + font-display: fallback; + font-weight: 700; +} + +@font-face { + font-family: "FiraSansLight"; + src: url("/assets/fonts/FiraSans-Light.ttf") format('truetype'); + font-display: fallback; +} + +@font-face { + font-family: "FiraSansLightItalic"; + src: url("/assets/fonts/FiraSans-LightItalic.ttf") format('truetype'); + font-display: fallback; +} + +@font-face { + font-family: "FiraSansMedium"; + src: url("/assets/fonts/FiraSans-Medium.ttf") format('truetype'); + font-display: fallback; +} + +@font-face { + font-family: "SourceSans"; + src: url("/assets/fonts/SourceSansPro-Regular.ttf") format('truetype'); + font-display: fallback; +} + +@font-face { + font-family: "FiraSans"; + src: url("/assets/fonts/FiraSans-Regular.ttf") format('truetype'); + font-display: fallback; +} + +@font-face { + font-family: "FiraSansItalic"; + src: url("/assets/fonts/FiraSans-Italic.ttf") format('truetype'); + font-display: fallback; +} + +@font-face { + font-family: "FiraSansMedium"; + src: url("/assets/fonts/FiraSans-Medium.ttf") format('truetype'); + font-display: fallback; +} + +@font-face { + font-family: "SourceSans"; + src: url("/assets/fonts/SourceSansPro-Regular.ttf") format('truetype'); + font-display: fallback; +} + +@font-face { + font-family: "SourceSansLight"; + src: url("/assets/fonts/SourceSansPro-Light.ttf") format('truetype'); + font-display: fallback; +} + +@font-face { + font-family: "SourceSansSemiBold"; + src: url("/assets/fonts/SourceSansPro-SemiBold.ttf") format('truetype'); + font-display: fallback; +} + +@font-face { + font-family: "Lato"; + src: url("/assets/fonts/Lato-Regular.ttf") format('truetype'); + font-display: fallback; +} + +@font-face { + font-family: "LatoItalic"; + src: url("/assets/fonts/Lato-Italic.ttf") format('truetype'); + font-display: fallback; +} + +@font-face { + font-family: "LatoBold"; + src: url("/assets/fonts/Lato-Bold.ttf") format('truetype'); + font-display: fallback; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/common/PredefinedMixins.scss b/soneta-ui-style/wzorce/css/common/PredefinedMixins.scss new file mode 100644 index 0000000..a3727ae --- /dev/null +++ b/soneta-ui-style/wzorce/css/common/PredefinedMixins.scss @@ -0,0 +1,202 @@ +@mixin focus( + $outline: $focus_outline, + $outline-offset: null, + $outline-width: null, + $box-shadow: $focus_box_shadow, + $border-radius: null, + $border: null +) { + @if $outline != null { + outline: $outline; + } + + @if $outline-width != null { + outline-width: $outline-width; + } + + @if $outline-offset != null { + outline-offset: $outline-offset; + } + + @if $box-shadow != null { + box-shadow: $box-shadow; + } + + @if $border-radius != null { + border-radius: $border-radius; + } + + @if $border != null { + border: $border; + } +} + +@mixin gradientBorder($color, $height) { + background-image: -webkit-gradient(linear, 0 0, 0 100%, from($color), to(transparent)); + background-image: -webkit-linear-gradient(180deg, $color, transparent), -webkit-linear-gradient(180deg, $color, transparent); + background-image: -moz-linear-gradient(180deg, $color, transparent), -moz-linear-gradient(180deg, $color, transparent); + background-image: -o-linear-gradient(180deg, $color, transparent), -o-linear-gradient(180deg, $color, transparent); + background-image: linear-gradient(20deg, $color, transparent), linear-gradient(90deg, $color, transparent); + -moz-background-size: 100% $height; + background-size: 100% $height; + background-position: 0 100%, 0 100%; + background-repeat: no-repeat; + height: $height; +} + +@mixin gradientBg($color1, $color2, $height) { + background-image: -webkit-gradient(linear, 0 0, 0 100%, from($color1), to($color2)); + background-image: -webkit-linear-gradient(180deg, $color1, $color2), -webkit-linear-gradient(180deg, $color1, $color2); + background-image: -moz-linear-gradient(180deg, $color1, $color2), -moz-linear-gradient(180deg, $color1, $color2); + background-image: -o-linear-gradient(180deg, $color1, $color2), -o-linear-gradient(180deg, $color1, $color2); + background-image: linear-gradient(20deg, $color1, $color2), linear-gradient(90deg, $color1, $color2); + -moz-background-size: 100% $height; + background-size: 100% $height; + background-position: 0 100%, 0 100%; + background-repeat: no-repeat; +} + +@mixin flexDisplay() { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; +} + +@mixin flexKeepSizeDisplay() { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + flex-grow: 0; + -webkit-flex-grow: 0; + flex-shrink: 0; + -webkit-flex-shrink: 0; +} + +@mixin flexWrap($wrapMode) { + -webkit-flex-wrap: $wrapMode; + -ms-flex-wrap: $wrapMode; + flex-wrap: $wrapMode; +} + +@mixin flexDirection($direction) { + -webkit-flex-direction: $direction; + -ms-flex-direction: $direction; + flex-direction: $direction; +} + +@mixin flexJustifyContent($justify, $msjustify) { + -webkit-justify-content: $justify; + -ms-flex-pack: $msjustify; + justify-content: $justify; +} + +@mixin flexAlignItems($align, $msalign) { + -webkit-align-items: $align; + -ms-flex-align: $msalign; + align-items: $align; +} + +@mixin flexAlignContent($align, $msalign) { + -webkit-align-content: $align; + -ms-flex-line-pack: $msalign; + align-content: $align; +} + +@mixin flexAlignSelf($align) { + -webkit-align-self: $align; + -ms-flex-item-align: $align; + align-self: $align; +} + +@mixin flexSelf($grow, $shrink, $basis) { + -webkit-flex: $grow $shrink $basis; + -ms-flex: $grow $shrink $basis; + flex: $grow $shrink $basis; +} + +@mixin flexOrder($order) { + -webkit-order: $order; + -ms-flex-order: $order; + order: $order; +} + +@mixin positionAbsolute($margin) { + position: absolute; + top: $margin; + left: $margin; + right: $margin; + bottom: $margin; +} + +@mixin boxShadow($shadow_color: null) { + @if ($shadow_color) { + box-shadow: 2px 3px 3px -1px $shadow_color; + -webkit-box-shadow: 2px 3px 3px -1px $shadow_color; + -moz-box-shadow: 2px 3px 3px -1px $shadow_color; + } + @else { + box-shadow: none; + -webkit-box-shadow: 2px 3px 3px -1px none; + -moz-box-shadow: 2px 3px 3px -1px none; + } +} + +@mixin flexSelf($grow, $shrink, $basis) { + -webkit-flex: $grow $shrink $basis; + -ms-flex: $grow $shrink $basis; + flex: $grow $shrink $basis; +} + +// .fadeInUp :global { +// -webkit-animation-name: fadeInUp; +// animation-name: fadeInUp; +// -webkit-animation-duration: 0.6s; +// animation-duration: 0.6s; +// -webkit-animation-fill-mode: both; +// animation-fill-mode: both; +// } + +// .fadeOutDown :global { +// -webkit-animation-name: fadeOutDown; +// animation-name: fadeOutDown; +// -webkit-animation-duration: 0.6s; +// animation-duration: 0.6s; +// -webkit-animation-fill-mode: both; +// animation-fill-mode: both; +// } + +@mixin animateFadeInUpFadeOutDown($delay) { + -webkit-animation: fadeInUp 0.6s both, fadeOutDown 0.6s $delay forwards; + animation: fadeInUp 0.6s both, fadeOutDown 0.6s $delay forwards; +} + +@mixin multilineEllipsis($lines) { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: $lines; +} + +@mixin fullScreenButton() { + width: 26px; + height: 26px; + border-radius: 50%; + background-color: $field_image_full_screen_bg; + position: absolute; + bottom: 15px; + right: 15px; + z-index: 10000; + display: flex; + justify-content: center; + align-items: center; + box-shadow: $field_image_full_screen_shadow; +} + +@mixin transition($property, $duration, $function, $delay) { + -webkit-transition: $property $duration $function $delay; + -moz-transition: $property $duration $function $delay; + -o-transition: $property $duration $function $delay; + -ms-transition: $property $duration $function $delay; + transition: $property $duration $function $delay; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/common/PredefinedMoonColors.scss b/soneta-ui-style/wzorce/css/common/PredefinedMoonColors.scss new file mode 100644 index 0000000..9e0768f --- /dev/null +++ b/soneta-ui-style/wzorce/css/common/PredefinedMoonColors.scss @@ -0,0 +1,31 @@ +/* MOON THEME COLORS */ +$moon_desaturated-gray: rgb(127, 133, 163); +$moon_dark-blue: rgb(62, 104, 215); +$moon_blue: rgb(130, 170, 255); +$moon_sky-blue: rgb(101, 188, 255); +$moon_cyan: rgb(134, 225, 252); +$moon_red: rgb(255, 117, 127); +$moon_dark-red: rgb(255, 83, 112); +$moon_light-red: rgb(255, 152, 164); +$moon_yellow: rgb(255, 199, 119); +$moon_orange: rgb(255, 150, 108); +$moon_dark-orange: rgb(252, 123, 123); +$moon_teal: rgb(79, 214, 190); +$moon_green: rgb(195, 232, 141); +$moon_purple: rgb(192, 153, 255); +$moon_pink: rgb(252, 167, 234); +$moon_indigo: rgb(122, 136, 207); +$moon_indigo_light: rgb(162, 177, 255); +$moon_bright-cyan: rgb(180, 249, 248); + +$moon_gray-10-alt: rgb(188, 196, 214); +$moon_gray-10: rgb(200, 211, 245); +$moon_gray-9: rgb(180, 194, 240); +$moon_gray-8: rgb(169, 184, 232); +$moon_gray-7: rgb(130, 139, 184); +$moon_gray-6: rgb(68, 74, 115); +$moon_gray-5: rgb(47, 51, 77); +$moon_gray-4: rgb(34, 36, 54); +$moon_gray-3: rgb(30, 32, 48); +$moon_gray-2: rgb(25, 26, 42); +$moon_gray-1: rgb(6, 6, 7); \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/common/SplashScreen.scss b/soneta-ui-style/wzorce/css/common/SplashScreen.scss new file mode 100644 index 0000000..90a91fe --- /dev/null +++ b/soneta-ui-style/wzorce/css/common/SplashScreen.scss @@ -0,0 +1,76 @@ +body { + margin: 0; + padding: 0; +} + +.splash-screen { + position: relative; + left: 0; + top: 0; + width: 100vw; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + background-color: $splash_screen_bg; + + svg { + display: none; + position: absolute; + z-index: 1000; + width: 100px; + height: 100px; + left: calc(50% - 50px); + top: calc(50% - 50px); + + path { + fill: $splash_logo !important; + } + } + + .splash-spinner, + .splash-spinner:after { + border-radius: 50%; + width: 130px; + height: 130px; + } + .splash-spinner { + display: none; + box-sizing: border-box; + font-size: 6px; + position: absolute; + left: calc(50% - 65px); + top: calc(50% - 65px); + text-indent: -9999em; + border-top: $splash_spinner_track; + border-right: $splash_spinner_track; + border-bottom: $splash_spinner_track; + border-left: $splash_spinner_fill; + -webkit-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + -webkit-animation: splashSpinner 1.1s infinite linear; + animation: splashSpinner 1.1s infinite linear; + } + + @-webkit-keyframes splashSpinner { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } + @keyframes splashSpinner { + 0% { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); + } + } +} diff --git a/soneta-ui-style/wzorce/css/common/SplashScreenPremium.scss b/soneta-ui-style/wzorce/css/common/SplashScreenPremium.scss new file mode 100644 index 0000000..4cb8ed8 --- /dev/null +++ b/soneta-ui-style/wzorce/css/common/SplashScreenPremium.scss @@ -0,0 +1,61 @@ +body { + margin: 0; + padding: 0; +} + +.splash-screen { + position: relative; + width: 100vw; + height: 100vh; + display: flex; + justify-content: center; + align-items: center; + background-color: $splash_screen_bg; + + svg { + position: absolute; + width: 300px; + + @media (max-width: 500px) { + width: 50%; + } + + .svg-section { + -webkit-animation: svgSection 1.5s infinite ease-in-out; + animation: svgSection 1.5s infinite ease-in-out; + + &.first { + fill: $splash_logo_first_section !important; + } + + &.second { + fill: $splash_logo_second_section !important; + } + + &.third { + fill: $splash_logo_third_section !important; + } + + &:nth-child(2) { + -webkit-animation-delay: .2s; + animation-delay: .2s; + } + &:nth-child(3) { + -webkit-animation-delay: .4s; + animation-delay: .4s; + } + } + } + + @-webkit-keyframes svgSection { + 0% { opacity: .4; } + 20% { opacity: 1; } + 100% { opacity: .4; } + } + + @keyframes svgSection { + 0% { opacity: .4; } + 20% { opacity: 1; } + 100% { opacity: .4; } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/AdminPage.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/AdminPage.module.scss new file mode 100644 index 0000000..d5faa8b --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/AdminPage.module.scss @@ -0,0 +1,165 @@ +@import "./BasePage.module.scss"; + +.pageSpecial { + @extend .baseContentStyles; + + .p-content { + @include partial-row-start-top; + justify-content: space-between; + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + background-color: $page_content_bg; + font-family: $secondaryFont; + + .adm-server, + .adm-counters { + @include partial-column-center-start; + } + + .adm-server { + color: $page_adm_fg; + margin: 15px; + .adm-info { + @include partial-row-center-start; + height: 32px; + + .adm-icon { + @include partial-column-center; + width: 32px; + height: 32px; + svg { + width: 20px; + height: 20px; + path { + fill: $page_adm_icon; + } + } + } + + .adm-title { + @include partial-row-center-start; + height: inherit; + font-size: 10pt; + width: 150px; + } + + .adm-value { + font-size: 10pt; + width: 250px; + padding-left: 5px; + } + } + + .locked { + color: $page_adm_locked_fg; + } + + .adm-counters, + .adm-domains { + padding-left: 32px; + .adm-info { + @include partial-row-center-start; + height: 24px; + + .adm-icon { + @include partial-column-center; + width: 24px; + height: 24px; + svg { + width: 16px; + height: 16px; + path { + fill: $page_adm_icon; + } + } + } + } + } + + .adm-counters { + margin-top: 20px; + .adm-info { + .adm-title { + width: 126px; + } + } + } + + .adm-domains { + @include partial-row-start-top; + flex-wrap: wrap; + margin-top: 20px; + .adm-domain { + border: $page_adm_domain_border; + margin: 4px; + .adm-info { + .adm-icon { + path { + fill: $page_adm_icon; + } + } + .adm-title { + color: $page_adm_domain_title_fg; + width: 126px; + } + &:first-child { + background-color: $page_adm_domain_bg; + + .adm-title { + font-weight: bold; + color: $page_adm_domain_title_fg; + } + .adm-value { + font-weight: bold; + } + } + } + + .adm-counters { + padding-left: 24px; + .adm-info { + .adm-icon { + path { + fill: $page_adm_icon; + } + } + .adm-title { + width: 102px; + } + &:first-child { + background-color: transparent; + .adm-title { + font-weight: normal; + color: $page_adm_domain_title_fg; + } + } + } + + .adm-rq-infos { + border: $page_adm_domain_border; + margin: 0 24px; + .adm-rq { + height: 24px; + padding: 0 5px; + } + .adm-rq:nth-child(even) { + background-color: $page_adm_domain_even_bg; + } + .adm-rq:nth-child(odd) { + background-color: $page_adm_domain_odd_bg; + } + } + } + } + } + + .adm-actions { + @include partial-row-center; + padding: 4px 0; + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/BaseHomePage.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/BaseHomePage.module.scss new file mode 100644 index 0000000..51f83bd --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/BaseHomePage.module.scss @@ -0,0 +1,106 @@ +@import "./BasePage.module.scss"; + +$error_title_font_size: 13pt; + +.errorContent { + @include partial-box-shadow; + font-family: $tertiaryFont; + width: 400px; + left: 0; + right: 0; + margin: 10px; + border: $page_error_border; + overflow: auto; + border-radius: 12px; + flex-shrink: 1; + + .error-bar, + .warning-bar { + @include partial-row-center; + flex-direction: row-reverse; + width: 100%; + padding: 0; + height: 50px; + background: $error_bar_bg; + color: $error_bar_fg; + border-bottom: $error_bar_border; + cursor: move; + + .icon { + @include partial-column-center; + float: left; + height: inherit; + width: 48px; + + svg { + height: 24px; + width: 24px; + } + } + + .title { + @include partial-row-center-start; + float: right; + text-align: left; + width: calc(100% - 48px); + height: inherit; + padding: 0 12px 0 0; + line-height: calc(#{$error_title_font_size} + 4px); + font-weight: lighter; + font-size: $error_title_font_size; + color: $error_title_fg; + + span { + @include partial-ellipsis; + } + } + } + + .error-bar { + .icon { + svg { + path { + fill: $error_bar_icon; + } + } + } + } + + .warning-bar { + .icon { + svg { + path { + fill: $warning_bar_icon; + } + } + } + } + + .errorMsg, + .cookieMsg, + .browserMsg { + padding: 20px; + width: 100%; + overflow-y: auto; + color: $page_error_fg; + + span { + font-size: $font_size_body; + border-top: none !important; + } + } + + .errorMsg { + font-size: $font_size_title; + } + + .cookieMsg, + .browserMsg { + font-size: $font_size_label; + } + + .errorCommands { + @include partial-column-center; + height: 80px; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/BasePage.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/BasePage.module.scss new file mode 100644 index 0000000..d037f2d --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/BasePage.module.scss @@ -0,0 +1,356 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +$pagePanelWidth: 460px; +$pageFooterHeight: 40px; +$loginPanelWidth: 620px; +$loginFooterHeight: 100px; + +:global { + #container { + height: 100%; + } +} + +.baseContentStyles { + @include partial-row-center-start; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; +} + +.regularPageContent { + .p-info { + position: absolute; + top: 0; + left: 0; + width: calc(100% - #{$loginPanelWidth}); + bottom: 0; + opacity: 0; + transition-delay: 1s; + transition: opacity 1s linear; + + .i-bg { + @include partial-column-center; + height: 100%; + width: 100%; + background-size: cover; + background-position: center; + filter: $page_image_filter; + background-image: url("/assets/images/loginBg.jpg"); + + &:before { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; + display: block; + background: $page_image_bg_before; + width: 100%; + height: 100%; + transform: scale(1.1); + } + } + + .i-content { + @include partial-column-start; + align-items: flex-start; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + + .i-header { + @include flexDisplay; + @include flexJustifyContent(flex-end, end); + @include flexAlignItems(flex-end, end); + width: 100%; + height: 200px; + + .c-logo { + width: 458px; + background: $page_header_logo_bg; + display: flex; + padding: 10px; + flex-direction: column; + align-items: flex-end; + + .icon { + width: 100%; + line-height: 0; + + svg { + path { + &:first-child { + fill: $logo_color_1; + } + + &:nth-of-type(2) { + fill: $logo_color_2; + } + + &:nth-of-type(3) { + fill: $logo_color_3; + } + + &:nth-of-type(4) { + fill: $logo_color_3; + } + } + } + } + + .custom-logo { + @include partial-column-center-start; + height: 70px; + padding: 0 5px; + background-position: 100% 50%; + background-size: contain; + background-repeat: no-repeat; + width: 100%; + } + } + + &.premium { + height: 230px; + + .c-logo { + width: 366px; + padding-right: 18px; + } + } + } + } + } + + .p-content { + @include partial-column-center; + justify-content: space-between; + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: $loginPanelWidth; + background-color: $page_content_bg; + box-shadow: $page_content_shadow; + -webkit-box-shadow: $page_content_shadow; + -moz-box-shadow: $page_content_shadow; + } + + .p-header { + @include flexDisplay; + @include flexAlignItems(flex-end, end); + width: 100%; + height: 200px; + padding: 10px 40px; + flex-shrink: 0; + + .header-text { + margin: 0; + font-family: $tertiaryFont; + font-size: 24px; + font-weight: 500; + line-height: 35px; + color: $page_header_text_fg; + } + + .icon { + @include partial-column-center-end; + padding-right: 40px; + height: inherit; + align-items: flex-end; + cursor: pointer; + + svg { + width: 200px; + height: inherit; + + path { + &:first-child { + fill: $logo_color_1; + } + + &:nth-of-type(2) { + fill: $logo_color_2; + } + + &:nth-of-type(3) { + fill: $logo_color_3; + } + + &:nth-of-type(4) { + fill: $logo_color_3; + } + } + } + } + } + + .p-footer { + @include flexDisplay; + @include flexAlignItems(flex-start, start); + @include flexJustifyContent(flex-end, end); + width: 100%; + height: $loginFooterHeight; + text-align: center; + font-size: $font_size_label; + color: $page_footer_fg; + background-color: transparent; + padding: 10px 72px; + flex-shrink: 0; + + .f-text { + @include flexDisplay; + @include flexAlignItems(flex-end, end); + font-family: $tertiaryFont; + gap: 6px; + } + } + + .p-content-premium { + .p-header { + .icon { + svg { + path { + &:nth-of-type(1) { + fill: $logo_color_1 !important; + } + + &:nth-of-type(2) { + fill: $logo_color_2 !important; + } + + &:nth-of-type(3) { + fill: $logo_color_3; + } + + &:nth-of-type(4) { + fill: $logo_color_3; + } + } + } + } + } + } +} + +.pageContent { + @extend .baseContentStyles; + @extend .regularPageContent; +} + +.content { + overflow-y: auto; + max-height: calc(100vh - 100px); + position: relative; +} + +@media screen and (max-width: 2800px) { + .t-prime { + font-size: 4.4em; + } +} + +@media screen and (max-width: 1800px) { + .t-prime { + font-size: 4em; + } +} + +@media screen and (max-width: 1300px) { + .t-prime { + font-size: 3.4em; + } +} + +@media screen and (max-width: 1100px) { + .t-prime { + font-size: 2.8em; + } +} + +@media screen and (max-width: 1000px) { + .t-prime { + font-size: 2.4em; + } +} + +@media screen and (max-width: 900px) { + .t-prime { + font-size: 1.8em; + } +} + +@media screen and (max-width: 800px) { + .t-prime { + font-size: 1.2em; + } +} + +@media screen and (max-width: 700px) { + .t-prime { + font-size: 0.8em; + } +} + +@media screen and (max-width: 600px) { + .t-prime { + visibility: hidden; + } +} + +@media screen and (max-height: 750px) { + .regularPageContent { + .p-header { + height: 150px; + } + + .p-footer { + height: 80px; + } + + .p-info { + .i-content { + .i-header { + height: 150px; + + &.premium { + height: 186px; + } + } + } + } + } +} + +@media screen and (max-height: 650px) { + .regularPageContent { + .p-header { + height: 110px; + } + + .p-footer { + height: 66px; + } + + .p-info { + .i-content { + .i-header { + height: 110px; + + &.premium { + height: 146px; + } + } + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/BaseScroll.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/BaseScroll.module.scss new file mode 100644 index 0000000..6d3daad --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/BaseScroll.module.scss @@ -0,0 +1,6 @@ +$size: 16px; +$track_size: 16px; +$track_hover_size: 16px; + +$thumb_size: 6px; +$thumb_hover_size: 16px; diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Bookmark.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Bookmark.module.scss new file mode 100644 index 0000000..57e9784 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Bookmark.module.scss @@ -0,0 +1,171 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +$bookmark_font_size: 14px; + +.hb-bookmark { + @include partial-row-center; + cursor: pointer; + height: 34px; + min-width: 100px; + max-width: 250px; + margin-top: 5px; + margin-right: 4px; + font-family: $bookmark_font; + border-top-left-radius: 12px; + border-top-right-radius: 12px; + + &:focus-visible { + @include focus( + $outline: $focus_outline_secondary, + $outline-offset: 2px, + $box-shadow: none, + $border-radius: inherit, + ); + } + overflow: hidden; + + box-shadow: $bookmark_shadow; + background-color: $bookmark_bg; + color: $bookmark_fg; + + svg path { + fill: $bookmark_icon; + } + + .b-txt { + @include partial-row-center; + @include partial-ellipsis; + height: 100%; + width: calc(100% - 51px); + padding-left: 16px; + border-top-left-radius: 12px; + text-align: left; + font-size: 14px; + font-weight: 400; + line-height: 20px; + flex-shrink: 1; + flex-grow: 1; + + div { + @include partial-ellipsis; + width: 100%; + } + } + + .b-close { + @include partial-row-center; + align-items: center; + padding: 4px; + margin: 7px 12px; + flex-shrink: 0; + flex-grow: 0; + + .icon { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(column); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + @include flexAlignContent(stretch, stretch); + width: 11px; + height: 11px; + + svg { + width: 11px; + height: 11px; + } + } + } + + &.selected { + box-shadow: none; + color: $bookmark_selected_fg; + background-color: $bookmark_selected_bg; + z-index: 1; + + svg path { + fill: $bookmark_selected_icon; + } + + &:hover { + box-shadow: $bookmark_shadow; + color: $bookmark_selected_hover_fg; + background-color: $bookmark_selected_hover_bg; + + svg path { + fill: $bookmark_selected_hover_icon; + } + } + + &.focused, &:focus { + box-shadow: $bookmark_shadow; + color: $bookmark_selected_focused_fg; + background-color: $bookmark_selected_focused_bg; + border: 1px solid $bookmark_selected_focused_border_color; + + svg path { + fill: $bookmark_selected_focused_icon; + } + } + + &:active, &:target { + box-shadow: $bookmark_shadow; + color: $bookmark_selected_pressed_fg; + background-color: $bookmark_selected_pressed_bg; + + svg path { + fill: $bookmark_selected_pressed_icon; + } + } + + .b-close:hover { + color: $bookmark_close_hover_icon; + background-color: $bookmark_close_hover_bg; + } + } + + &:not(.selected) { + box-shadow: $bookmark_shadow; + background-color: $bookmark_bg; + color: $bookmark_fg; + + svg path { + fill: $bookmark_icon; + } + + &:hover { + color: $bookmark_hover_fg; + background-color: $bookmark_hover_bg; + + svg path { + fill: $bookmark_hover_icon; + } + } + + &.focused, &:focus { + color: $bookmark_focused_fg; + background-color: $bookmark_focused_bg; + border: 1px solid $bookmark_focused_border_color; + + svg path { + fill: $bookmark_focused_icon; + } + } + + &:active, &:target { + color: $bookmark_pressed_fg; + background-color: $bookmark_pressed_bg; + + svg path { + fill: $bookmark_pressed_icon; + } + } + + .b-close:hover { + color: $bookmark_close_selected_hover_icon; + background-color: $bookmark_close_selected_hover_bg; + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/BookmarkBar.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/BookmarkBar.module.scss new file mode 100644 index 0000000..b84b64b --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/BookmarkBar.module.scss @@ -0,0 +1,10 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; + +.hb-bookmarks { + @include flexDisplay; + @include flexAlignSelf(auto); + @include flexOrder(0); + @include flexSelf(1, 1, auto); + position: absolute; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/BookmarkNavButtons.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/BookmarkNavButtons.module.scss new file mode 100644 index 0000000..dbc34b9 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/BookmarkNavButtons.module.scss @@ -0,0 +1,74 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.b-new, +.b-nav { + @include partial-row-center; + height: 34px; + width: 36px; + margin-top: 5px; + padding-top: 5px; + cursor: pointer; + + border-top-left-radius: 12px; + border-top-right-radius: 12px; + + box-shadow: $bookmark_shadow; + background-color: $bookmark_bg; + color: $bookmark_fg; + + &:focus-visible { + @include focus( + $outline: $focus_outline_secondary, + $outline-offset: 0px, + $box-shadow: none, + ); + } + + svg { + height: 15px; + width: 15px; + + path { + fill: $bookmark_icon; + } + } + + &:hover { + color: $bookmark_hover_fg; + background-color: $bookmark_hover_bg; + + svg path { + fill: $bookmark_hover_icon; + } + } + + &.focused, &:focus { + color: $bookmark_focused_fg; + background-color: $bookmark_focused_bg; + border: 1px solid $bookmark_focused_border_color; + + svg path { + fill: $bookmark_focused_icon; + } + } + + &:active, &:target { + color: $bookmark_pressed_fg; + background-color: $bookmark_pressed_bg; + + svg path { + fill: $bookmark_pressed_icon; + } + } + + &.disabled { + cursor: unset; + background-color: $bookmark_disabled_bg; + + svg path { + fill: $bookmark_disabled_icon; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Button.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Button.module.scss new file mode 100644 index 0000000..dcf26a7 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Button.module.scss @@ -0,0 +1,251 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.button { + @include partial-transition; + text-align: center; + width: 170px; + cursor: pointer; + border-radius: 2px; + overflow: hidden; + outline: none; + + .title { + @include partial-column-center-start; + height: inherit; + overflow: hidden; + } + + &.waiting { + @include partial-column-center; + cursor: default; + } + + &.hidden { + display: none; + } + + &.sign-in { + box-shadow: $signIn_btn_shadow; + border: $signIn_btn_border; + + &:focus-visible { + @include focus( + $outline: $focus_outline_quaternary, + $outline_offset: 2px + ); + } + + &:hover:not(.waiting), + &:focus:not(.waiting) { + box-shadow: $signIn_btn_hover_shadow; + background-color: $signIn_btn_hover_bg; + } + + &:active:not(.waiting) { + box-shadow: $signIn_btn_active_shadow; + background-color: $signIn_btn_active_bg; + color: $signIn_btn_active_color; + } + } + + &.sign-in-dark { + + &:hover:not(.waiting), + &:focus:not(.waiting) { + background-color: $signIn_btn_hover_bg; + } + } + + &.action { + height: 40px; + line-height: 40px; + font-size: 12pt; + background-color: $signIn_btn_action_bg; + color: $signIn_btn_action_fg; + + .icon { + position: relative; + top: unset; + left: unset; + width: 30px; + height: 30px; + display: none; + + svg { + rect { + fill: $signIn_btn_action_icon_fg; + } + } + } + + .title { + padding: 0 1px; + align-items: center; + text-align: center; + } + + &.waiting { + .icon { + display: block; + } + } + } + + &.versions { + @include partial-row-center-start; + height: 32px; + font-size: 10pt; + background-color: $signIn_btn_version_bg; + color: $signIn_btn_version_fg; + box-shadow: $signIn_btn_version_box_shadow; + border: $signIn_btn_version_border; + + &:focus-visible { + @include focus( + $outline-offset: 2px, + $box-shadow: none, + ); + } + + &:hover:not(.waiting), + &:focus:not(.waiting) { + box-shadow: var(--picker_button_hover_shadow); + background-color: $signIn_btn_version_hover; + } + + .icon+.title { + width: calc(100% - 32px); + } + + .icon { + @include partial-column-center; + height: inherit; + width: 32px; + line-height: normal; + + svg { + width: 16px; + height: inherit; + + path { + fill: $signIn_btn_version_icon_fg; + } + } + } + + .title { + @include partial-column-center-start; + padding: 0 4px; + height: inherit; + overflow: hidden; + } + } + + &.recovery { + box-shadow: $recovery_btn_shadow; + background-color: $recovery_btn_login_bg; + color: $recovery_btn_fg; + border: none; + + &:focus-visible { + @include focus( + $outline: $focus_outline_quinary, + $outline_offset: 2px + ); + } + + &:hover:not(.waiting), + &:focus:not(.waiting) { + box-shadow: $recovery_btn_hover_shadow; + background-color: $recovery_btn_hover_bg; + } + + &:active:not(.waiting) { + box-shadow: $recovery_btn_active_shadow; + background-color: $recovery_btn_active_bg; + color: $recovery_btn_active_fg; + border: $recovery_btn_active_border; + } + } + + &.btnSend { + background-color: $signIn_btn_send_bg; + } + + &.btnGoLogin { + background: $recovery_btn_go_login_bg; + border: $recovery_btn_go_login_border; + color: $recovery_btn_go_login_color; + + &:focus-visible { + @include focus( + $outline_offset: 2px + ); + } + + &:hover:not(.waiting), + &:focus:not(.waiting) { + background-color: $recovery_btn_go_login_hover; + } + + &:active:not(.waiting) { + background-color: $recovery_btn_active_bg; + } + } + + &.error { + height: 40px; + line-height: 40px; + font-size: 12pt; + width: 250px; + background-color: $error_command_bg; + color: $error_command_fg; + box-shadow: $error_command_shadow; + border: $error_command_border; + + .title { + @include partial-column-center; + } + + &:hover:not(.waiting), + &:focus:not(.waiting) { + box-shadow: $recovery_btn_hover_shadow; + background-color: $error_command_hover; + } + + &:active:not(.waiting) { + box-shadow: $recovery_btn_active_shadow; + background-color: $error_command_active; + color: $recovery_btn_active_fg; + border: $error_command_active_border; + } + } +} + +.adm-action { + @include partial-column-center; + @include boxShadow($page_adm_action_shadow_target_color); + cursor: pointer; + font-size: 8pt; + width: 60px; + border: $page_adm_action_border; + border-radius: 2px; + margin: 2px 4px; + padding: 2px; + background-color: $page_adm_action_bg; + color: $page_adm_action_fg; + + &:hover { + background-color: $page_adm_action_hover_bg; + color: $page_adm_action_hover_fg; + } + + &:active { + @include boxShadow(); + background-color: $recovery_btn_active_bg; + color: $recovery_btn_active_fg; + border: $error_command_active_border; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Cards.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Cards.module.scss new file mode 100644 index 0000000..6762e67 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Cards.module.scss @@ -0,0 +1,37 @@ +@import "./Variables.scss"; + +.cards { + position: absolute; + overflow: hidden; + outline: 0; + margin: 0; + padding: 0; + border: $grid_border; + + .cards-main { + position: absolute; + top: 0; + right: 0; + bottom: 0; + overflow: hidden; + outline: 0; + margin: 0; + padding: 0; + } + + &:focus { + border: $grid_focused_border; + } +} + +.cards-premium { + .cards-main { + background-color: $grid_main_bg; + border-radius: 4px; + } + + &:focus { + border: $grid_filterbar_input_focused_border; + box-shadow: $grid_focused_shadow; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Carousel.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Carousel.module.scss new file mode 100644 index 0000000..5a02d39 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Carousel.module.scss @@ -0,0 +1,15 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "../mobilebrowser/Carousel.module.scss"; + +.carousel { + &:focus-visible { + @include focus( + $outline-offset: -2px, + $outline-width: 2px, + $box-shadow: none, + $border-radius: 12px, + ); + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Chart.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Chart.module.scss new file mode 100644 index 0000000..41d2f7d --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Chart.module.scss @@ -0,0 +1,22 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.chart { + position: absolute; + background-color: $chart_bg; + + &:focus-visible { + @include focus(); + } + + img { + border: $chart_border; + } + + &.dashboard { + img { + border: 0; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Chips.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Chips.module.scss new file mode 100644 index 0000000..4e50bda --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Chips.module.scss @@ -0,0 +1,52 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.chips { + @include partial-row-center; + margin: 10px; + overflow: hidden; + border-radius: 12px; + font-family: Roboto; + color: $chips_fg; + + &.outlined { + border: $chips_border; + } + + .content { + @include partial-row-center; + height: 24px; + width: 100%; + font-size: 12px; + font-weight: 300; + line-height: 16px; + padding: 4px 12px; + background-color: transparent; + box-sizing: border-box; + + .text { + flex: 1 1 auto; + min-width: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + display: block; + } + + .icon { + @include partial-row-center; + + svg { + width: 12px; + height: 12px; + margin-right: 8px; + shape-rendering: geometricprecision; + + path { + fill: $chips_icon; + } + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/CircularIndicator.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/CircularIndicator.module.scss new file mode 100644 index 0000000..839a003 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/CircularIndicator.module.scss @@ -0,0 +1,113 @@ +@import "./Variables.scss"; + +.circular-indicator { + position: absolute; + display: flex; + flex-direction: column; + align-items: center; + overflow: hidden; + + .ci-container { + display: flex; + flex-direction: column; + width: inherit; + } + + .ci-title, .ci-desc { + width: inherit; + height: auto; + padding: 0 0 5px 5px; + color: #222; + } + + .ci-title { + font-size: 16px; + } + + .ci-desc { + font-size: 14px; + } + + svg { + background: $circular_indicator_bg; + .ci-area { + fill: none; + stroke-linecap: butt; + } + + .ci-no-area { + fill: none; + stroke: #e6e6e6; + stroke-linecap: butt; + } + + .ci-value { + fill: $circular_indicator_fg; + font-size: 16px; + font-weight: 500; + text-anchor: middle; + dominant-baseline: central; + } + } + + .ci-legend-vertical, .ci-legend-horizontal { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: 9pt; + color: #222; + width: 100%; + height: auto; + + .li-item { + display: flex; + flex-direction: row; + align-items: flex-start; + height: auto; + padding-top: 5px; + + .li-color { + padding-top: 2px; + width: 20px; + height: auto; + fill: none; + svg { + width: 12px; + height: 12px; + fill: none; + path { + stroke-width: 4px; + } + } + } + + .li-text { + width: 200px; + height: auto; + text-align: left; + padding-left: 10px; + } + + .li-container { + display: flex; + flex-direction: column; + width: 200px; + .li-text { + width: 200px; + height: auto; + text-align: left; + padding-left: 10px; + } + } + } + } + + .ci-legend-vertical { + padding: 10px 0; + } + + .ci-legend-horizontal { + padding: 0 10px; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ColorPickerContent.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ColorPickerContent.module.scss new file mode 100644 index 0000000..663fb9b --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ColorPickerContent.module.scss @@ -0,0 +1,257 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.cp-overlay { + @include partial-column-center; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0; + z-index: 200001; + background-color: $cp_overlay_bg; +} + +.cp-box { + width: 100%; + max-width: 330px; + height: auto; + background-color: $cp_box_bg; + border: $cp_box_border; + overflow: hidden; + padding: 24px; + border-radius: 12px; + + .active { + outline: $cp_active; + outline-offset: 2px; + } + + .cp-color { + width: 32px; + height: 32px; + border-radius: 4px; + margin: 0 0 10px; + cursor: pointer; + + svg { + width: 16px; + height: 16px; + path { + fill: #000000; + } + } + + &:focus, &:focus-visible { + @include focus($box-shadow: none, + $outline_offset: 3px, + $outline_width: 2px, + ); + } + } + + .cp-color-frame { + border: $cp_button_border; + } + + .cp-color-current { + margin: 0; + cursor: default; + border: $cp_button_border; + } + + .cp-color-sel-l, .cp-color-sel-d { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexJustifyContent(center, center); + } + + .cp-color-sel-d { + &::after { + content: ""; + position: relative; + left: 6px; + top: 2px; + width: 16px; + height: 6px; + border-left: 2px solid #fff; + border-bottom: 2px solid #fff; + transform: rotate(-45deg); + transform-origin: left bottom; + } + } + + .cp-color-sel-l { + &::after { + content: ""; + position: relative; + left: 6px; + top: 2px; + width: 16px; + height: 6px; + border-left: 2px solid #000; + border-bottom: 2px solid #000; + transform: rotate(-45deg); + transform-origin: left bottom; + } + } + + .cp-color-empty { + background: $cp_empty_bg; + } + + .cp-settings-container { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexJustifyContent(space-between, space-between); + color: $cp_box_fc; + gap: 10px; + margin-bottom: 16px; + margin-top: 16px; + position: relative; + + .cp-prev-box { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexJustifyContent(center, center); + width: 32px; + height: 32px; + border-radius: 8px; + margin: 0px; + background: transparent; + border: $cp_button_border; + box-shadow: $cp_button_box_shadow; + } + + .cp-default-button { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexJustifyContent(center, center); + width: auto; + padding-left: 6px; + padding-right: 6px; + height: 32px; + border-radius: 8px; + border: $cp_button_border; + box-shadow: $cp_button_box_shadow; + font-size: 16px; + font-weight: 400; + cursor: pointer; + + &:focus-visible { + @include focus( + $box-shadow: none, + $outline_offset: 2px, + $outline_width: 2px, + ); + } + } + + .cp-theme-button { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexJustifyContent(center, center); + border: $cp_button_border; + box-shadow: $cp_button_box_shadow; + border-radius: 8px; + width: 108px; + height: 32px; + cursor: pointer; + + &:focus, &:focus-visible { + @include focus( + $box-shadow: none, + $outline_offset: 2px, + $outline_width: 2px, + ); + } + + input { + width: 1px; + height: 1px; + opacity: 0; + } + + .cp-prev-box-svg { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexJustifyContent(center, center); + width: 16px; + height: 16px; + + .cp-theme-icon { + width: 16px; + height: 16px; + margin: 0; + } + } + + .cp-theme-text { + font-size: 16px; + margin-left: 8px; + } + } + + .cp-theme-button-container { + @include flexDisplay(); + @include flexDirection(row-reverse); + @include flexAlignItems(flex-end, end); + } + + .cp-input { + width: 1px; + height: 1px; + opacity: 0; + } + } + + .cp-colors-container { + @include flexDisplay(); + @include flexAlignItems(flex-start, start); + @include flexJustifyContent(space-between, space-between); + .cp-column { + @include flexDisplay(); + @include flexDirection(column); + @include flexJustifyContent(flex-start, start); + } + } + + .cp-buttons-container { + @include flexDisplay(); + @include flexJustifyContent(flex-end, flex-end); + width: 100%; + gap: 12px; + font-size: 14px; + font-weight: 400; + line-height: 20px; + color: $cp_button_color; + + .cp-button { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexJustifyContent(center, center); + width: 66px; + height: 32px; + border-radius: 8px; + border: $cp_button_border; + box-shadow: $cp_button_box_shadow; + cursor: pointer; + + &:focus-visible { + @include focus( + $box-shadow: none, + $outline_offset: 2px, + $outline_width: 2px, + ); + } + } + + .cp-button-save { + background-color: $cp_button_save_bg; + color: $cp_button_save_color; + border: none; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ColorPickerContentWarning.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ColorPickerContentWarning.module.scss new file mode 100644 index 0000000..9d34db6 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ColorPickerContentWarning.module.scss @@ -0,0 +1,93 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.cp-overlay { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexJustifyContent(center, center); + background-color: $cp_overlay_bg; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0; + z-index: 200002; +} + +.cp-box { + width: 100%; + max-width: 316px; + padding: 16px; + height: 180px; + background-color: var(--cp_box_bg); + border: var(--cp_box_border); + overflow: hidden; + color: $cp_box_fc; + font-size: 16px; + border-radius: 12px; + + .cp-title { + @include flexDisplay(); + font-size: 20px; + font-weight: 400; + line-height: 26px; + word-wrap: break-word; + margin-bottom: 16px; + } + + .cp-title-icon { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexJustifyContent(center, center); + + svg { + width: 20px; + height: 20px; + + &>path { + fill: RGBA(249, 115, 22); + } + } + } + + .cp-title-text { + margin-left: 8px; + } + + .cp-info-text { + color: inherit; + margin-bottom: 8px; + } + + .cp-container-button { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexJustifyContent(flex-end, flex-end); + width: 100%; + + .cp-button { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexJustifyContent(center, center); + border-radius: 6px; + background-color: $cp_button_understand_bg; + font-size: 14px; + font-weight: 400; + line-height: 20px; + color: $cp_box_fg; + width: 87px; + height: 32px; + cursor: pointer; + + &:focus-visible { + @include focus( + $box-shadow: none, + $outline_offset: 3px, + $outline_width: 2px, + ); + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Command.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Command.module.scss new file mode 100644 index 0000000..bc85ccb --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Command.module.scss @@ -0,0 +1,587 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "./Popup.module.scss"; + +.command { + @include partial-row-center-start; + @include partial-transition; + position: absolute; + cursor: pointer; + padding: 8px 12px; + height: 38px; + font-family: $command_font; + color: $command_form_fg; + box-shadow: $command_form_shadow; + border: $command_border; + border-radius: 8px; + + &:not(.search-more) { + &:focus, &:focus-visible { + @include focus( + $outline-offset: 2px, + $outline-width: 2px, + ); + } + } + + .content { + @include partial-row-center-start; + gap: 8px; + width: 100%; + line-height: 16px; + font-size: 14px; + font-weight: 400; + + .icon { + @include partial-column-center; + float: left; + + svg { + @include partial-column-center; + width: 12px; + height: 12px; + + path { + fill: $command_form_fg; + } + } + } + + .title { + @include partial-ellipsis; + float: left; + height: inherit; + line-height: 16px; + font-size: 14px; + font-weight: 400; + text-align: center; + flex-shrink: 1; + } + + .icon + .title { + text-align: start; + overflow: hidden; + } + } + + &.small { + padding: 6px 10px; + height: 32px; + } + + &.medium { + padding: 8px 12px; + height: 38px; + } + + &.large { + padding: 12px 16px; + height: 44px; + } + + &.icon-right { + .content { + @include flexJustifyContent(flex-end, end); + @include flexDirection(row-reverse); + } + } + + &.center { + @include flexJustifyContent(center, center); + + .content { + @include flexJustifyContent(center, center); + + .title { + @include flexAlignItems(center, center); + text-align: center; + } + } + } + + &:hover:not(.disabled), + &.hover:not(.disabled) { + box-shadow: $command_shadow; + background-color: $command_hover_bg; + } + + &:active:not(.disabled) { + background-color: $command_form_active_bg; + color: $command_form_active_fg; + + .content { + .icon { + svg { + path { + fill: $command_form_active_fg; + } + } + } + } + } + + &.disabled { + cursor: default; + box-shadow: none; + } + + &.primary { + color: $command_primary_fg; + background-color: $command_primary_bg; + border-color: $command_primary_border_color; + + .content .icon svg path { + fill: $command_primary_fg; + } + + &:hover:not(.disabled), + &.hover:not(.disabled) { + color: $command_primary_hover_fg; + background-color: $command_primary_hover_bg; + border-color: $command_primary_hover_border_color; + + .content .icon svg path { + fill: $command_primary_hover_fg; + } + } + + &:focus:not(.disabled), + &.focused:not(.disabled) { + color: $command_primary_focused_fg; + background-color: $command_primary_focused_bg; + border-color: $command_primary_focused_border_color; + + .content .icon svg path { + fill: $command_primary_focused_fg; + } + } + + &:active:not(.disabled) { + color: $command_primary_pressed_fg; + background-color: $command_primary_pressed_bg; + border-color: $command_primary_pressed_border_color; + + .content .icon svg path { + fill: $command_primary_pressed_fg; + } + } + + &.selected:not(.disabled) { + color: $command_primary_selected_fg; + background-color: $command_primary_selected_bg; + border-color: $command_primary_selected_border_color; + + .content .icon svg path { + fill: $command_primary_selected_fg; + } + } + + &.disabled { + color: $command_primary_disabled_fg; + background-color: $command_primary_disabled_bg; + border-color: $command_primary_disabled_border_color; + + .content .icon svg path { + fill: $command_primary_disabled_fg; + } + } + } + + &.secondary { + color: $command_secondary_fg; + background-color: $command_secondary_bg; + border-color: $command_secondary_border_color; + + .content .icon svg path { + fill: $command_secondary_fg; + } + + &:hover:not(.disabled), + &.hover:not(.disabled) { + color: $command_secondary_hover_fg; + background-color: $command_secondary_hover_bg; + border-color: $command_secondary_hover_border_color; + + .content .icon svg path { + fill: $command_secondary_hover_fg; + } + } + + &:focus:not(.disabled), + &.focused:not(.disabled) { + color: $command_secondary_focused_fg; + background-color: $command_secondary_focused_bg; + border-color: $command_secondary_focused_border_color; + + .content .icon svg path { + fill: $command_secondary_focused_fg; + } + } + + &:active:not(.disabled) { + color: $command_secondary_pressed_fg; + background-color: $command_secondary_pressed_bg; + border-color: $command_secondary_pressed_border_color; + + .content .icon svg path { + fill: $command_secondary_pressed_fg; + } + } + + &.selected:not(.disabled) { + color: $command_secondary_selected_fg; + background-color: $command_secondary_selected_bg; + border-color: $command_secondary_selected_border_color; + + .content .icon svg path { + fill: $command_secondary_selected_fg; + } + } + + &.disabled { + color: $command_secondary_disabled_fg; + background-color: $command_secondary_disabled_bg; + border-color: $command_secondary_disabled_border_color; + + .content .icon svg path { + fill: $command_secondary_disabled_fg; + } + } + } + + &.tertiary { + color: $command_tertiary_fg; + background-color: $command_tertiary_bg; + border-color: $command_tertiary_border_color; + box-shadow: none; + + .content .icon svg path { + fill: $command_tertiary_icon; + } + + &:hover:not(.disabled), + &.hover:not(.disabled) { + color: $command_tertiary_hover_fg; + background-color: $command_tertiary_hover_bg; + border-color: $command_tertiary_hover_border_color; + box-shadow: $command_form_shadow; + + .content .icon svg path { + fill: $command_tertiary_hover_icon; + } + } + + &:focus:not(.disabled), + &.focused:not(.disabled) { + color: $command_tertiary_focused_fg; + background-color: $command_tertiary_focused_bg; + border-color: $command_tertiary_focused_border_color; + + .content .icon svg path { + fill: $command_tertiary_focused_icon; + } + } + + &:active:not(.disabled) { + color: $command_tertiary_pressed_fg; + background-color: $command_tertiary_pressed_bg; + border-color: $command_tertiary_pressed_border_color; + box-shadow: $command_form_shadow; + + .content .icon svg path { + fill: $command_tertiary_pressed_icon; + } + } + + &.selected:not(.disabled) { + color: $command_tertiary_selected_fg; + background-color: $command_tertiary_selected_bg; + border-color: $command_tertiary_selected_border_color; + + .content .icon svg path { + fill: $command_tertiary_selected_fg; + } + } + + &.disabled { + color: $command_tertiary_disabled_fg; + background-color: $command_tertiary_disabled_bg; + border-color: $command_tertiary_disabled_border_color; + + .content .icon svg path { + fill: $command_tertiary_disabled_icon; + } + } + } + + &.red { + color: $wb_close_color; + border-color: $wb_close_color; + + .content { + .icon svg path { + fill: $wb_close_color; + } + } + + &:hover:not(.disabled), + &.hover:not(.disabled), + &:focus:not(.disabled), + &.focused:not(.disabled), + &:active:not(.disabled) { + color: $wb_close_color; + + .content { + .icon svg path { + fill: $wb_close_color; + } + } + } + } + + &.command-modal, + &.gridbar-command, + &.simple-command, + &.command-profile, + &.command-toggle { + position: relative; + } + + &.command-modal { + .content { + text-transform: uppercase; + } + } + + &.gridbar-command { + &.commandlist .content { + padding-right: 28px; + } + } + + &.command-short { + width: 38px; + + &.small { + width: 32px; + } + + &.medium { + width: 38px; + } + + &.large { + width: 44px; + } + } + + &.ganttcommand, + &.schedulercommand, + &.kanbancommand, + &.panelwinitem { + position: absolute; + } + + &.skiptabindex { + opacity: 1; + } + + &.ganttcommand, + &.schedulercommand, + &.kanbancommand { + .content { + @include flexJustifyContent(center, center); + } + } + + + &.loc-command { + &:not(.search-more) { + box-shadow: none; + border-color: $grid_loc_command_border_color; + } + + &.search-more { + border: $command_border; + border-top-right-radius: 0; + border-bottom-right-radius: 0; + + &:focus-visible { + @include focus(); + border: $command_border; + border-color: var(--grid_loc_command_border_color); + width: 36px; + margin-right: 2px; + } + } + } + + &.dashboard { + .content { + .title { + @include multilineEllipsis(2); + white-space: normal; + line-height: 14px; + font-size: 12px; + font-weight: 400; + flex-shrink: 1; + } + } + } +} + +.command, .splitcommand { + @include partial-row-center-start; +} + +.window-bar { + position: relative; + height: 32px; + + .content { + .title { + font-family: $wb_command_font_family; + font-size: $wb_command_font_size; + } + } +} + +.commandlist { + .content { + .title { + width: 100%; + flex-grow: 1; + } + } + + &.splitcommand { + .content { + .title { + padding-right: 30px; + + } + .s-icon { + position: absolute; + height: 100%; + width: 30px; + right: 2px; + + &::before { + content: ""; + position: absolute; + left: 0; + height: 26px; + width: 1px; + background-color: transparent; + } + } + } + + &.small { + .content .s-icon { + width: 30px; + right: 0; + + &::before { + height: 24px; + } + } + } + + &.medium { + .content .s-icon { + width: 30px; + right: 2px; + + &::before { + height: 26px; + } + } + } + + &.large { + .content .s-icon { + width: 30px; + right: 6px; + + &::before { + height: 34px; + } + } + } + + &.primary { + .content .s-icon::before { + background-color: $command_primary_fg; + } + + &.disabled { + .content .s-icon::before { + background-color: $command_primary_disabled_fg; + } + } + } + + &.secondary { + .content .s-icon::before { + background-color: $command_secondary_fg; + } + &.disabled { + .content .s-icon::before { + background-color: $command_secondary_disabled_fg; + } + } + } + + &.tertiary { + .content .s-icon::before { + background-color: $command_tertiary_fg; + } + + &.disabled { + .content .s-icon::before { + background-color: $command_tertiary_disabled_fg; + } + } + } + + &.dashboard { + &.small { + .content .s-icon { + &::before { + height: 24px; + } + } + } + + &.medium { + .content .s-icon { + &::before { + height: 62px; + } + } + } + + &.large { + .content .s-icon { + &::before { + height: 88%; + } + } + } + } + } + + &.only-child { + border-radius: 12px; + + &:focus-visible { + @include focus( + $outline-offset: -2px, + $outline-width: 2px, + $box-shadow: none, + ); + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/CommandCube.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/CommandCube.module.scss new file mode 100644 index 0000000..5c1b74c --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/CommandCube.module.scss @@ -0,0 +1,61 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.command-cube { + @include partial-command; + @include partial-column-center; + width: 90px; + height: 90px; + margin: 8px; + text-decoration: none; + + border-radius: 12px; + color: $command_cube_fg; + background-color: $command_cube_bg; + box-shadow: $command_cube_boxshadow; + + .content { + @include partial-column-center; + height: 100%; + + .icon { + @include partial-column-center; + width: 100%; + height: calc(100% - 32px); + + svg { + width: 30px; + height: 30px; + + path { + fill: $command_cube_icon_fg; + } + } + } + + .title { + width: 100%; + height: 32px; + padding: 0 4px; + overflow: hidden; + + font-size: 12px; + font-style: normal; + font-weight: 300; + line-height: 16px; + letter-spacing: 0; + text-align: center; + + &:not(.center) { + @include multilineEllipsis(2); + } + + &.center { + @include partial-column-center; + height: 100%; + } + } + } + +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/CommandDashboard.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/CommandDashboard.module.scss new file mode 100644 index 0000000..0f7b0ba --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/CommandDashboard.module.scss @@ -0,0 +1,259 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.flip-in-hor-bottom :global { + -webkit-animation: flip-in-hor-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; + animation: flip-in-hor-bottom 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; +} + +.command-dashboard { + @include partial-transition; + border: $command_dashboard_border; + padding: 0; + font-family: $command_font; + color: $command_form_fg; + box-shadow: $command_form_shadow; + border: $command_border; + border-radius: 8px; + cursor: pointer; + + &:focus-visible { + @include focus($outline-offset: 2px, + $outline-width: 2px, + $box-shadow: none, + ); + } + + &:hover:not(.disabled) { + border: $command_dashboard_hover_border; + } + + .content { + @include partial-row-center-start; + gap: 8px; + width: 100%; + line-height: 16px; + font-size: 14px; + font-weight: 400; + padding: 8px 12px; + flex-shrink: 1; + flex-grow: 1; + + .icon { + @include partial-column-center; + float: left; + + svg { + @include partial-column-center; + width: 12px; + height: 12px; + + path { + fill: $command_form_fg; + } + } + } + + .title { + @include multilineEllipsis(2); + white-space: normal; + font-family: $tertiaryFont; + float: left; + line-height: 14px; + font-size: 12px; + font-weight: 400; + text-align: center; + flex-shrink: 1; + } + + .icon + .title { + text-align: start; + overflow: hidden; + } + } + + &.disabled { + opacity: 0.4; + } + + &.small { + .content { + .title { + float: left; + width: 100%; + } + + .icon+.title { + text-align: left; + } + + .icon { + &:only-child { + width: 100% !important; + align-items: center !important; + } + } + } + } + + &.medium, + &.large { + @include partial-column-start; + border-radius: 2px; + margin: 0; + + .content { + justify-content: flex-start; + + .title { + @include partial-column-center-start; + width: 100%; + align-items: center; + transition: color 0.2s ease-in 0s; + } + + .icon+.title { + align-items: flex-start; + } + + .icon { + @include partial-column-center; + align-items: flex-start; + + svg { + path, + tspan { + transition: fill 0.2s ease-in 0s; + } + } + } + + .icon:only-child { + margin: 0 14px; + width: 100%; + align-items: center; + } + } + + .desc { + @include partial-column-center-start; + @include flexWrap(wrap); + width: 100%; + font-size: 11px; + line-height: 13px; + transition: color 0.2s ease-in 0s; + overflow: hidden; + padding: 0 0 0 10px; + background-color: $command_dashboard_desc_bg; + @include transition(background-color, .5s, linear, 0s); + + &:not(.empty) { + height: 28px; + justify-content: center; + align-content: flex-start; + text-align: initial; + } + + &.flip-in-hor-bottom { + @include flexJustifyContent(center, center); + @include flexAlignContent(center, center); + height: inherit; + padding: 8px; + text-align: center; + background-color: transparent; + } + + .title { + @include partial-column-center-start; + height: inherit; + } + } + } + + &.medium { + .content { + .title { + @include multilineEllipsis(3); + line-height: 16px; + font-size: 14px; + } + + .icon { + svg { + width: 16px; + height: 16px; + } + } + } + } + + &.large { + justify-content: space-between; + + .content { + @include partial-row-center-start; + + .title { + @include multilineEllipsis(5); + line-height: 18px; + font-size: 16px; + } + + .icon { + svg { + width: 20px; + height: 20px; + } + } + } + + .desc { + &.flip-in-hor-bottom { + line-height: 12pt; + } + + &.empty { + padding: 6px 10px; + font-size: 9pt; + line-height: 12pt; + } + } + } + + &.small, + &.medium, + &.large { + position: absolute; + + &:hover:not(.disabled), + &.hover:not(.disabled) { + box-shadow: $command_dashboard_hover_shadow; + } + + &:active:not(.disabled) { + box-shadow: $command_dashboard_active_shadow; + } + } + + &.disabled { + opacity: 0.6; + cursor: default; + } + + &.only-child { + &.small, + &.medium, + &.large { + border-radius: 12px; + + &:focus-visible { + @include focus( + $outline-offset: -2px, + $outline-width: 2px, + $box-shadow: none, + ); + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/CommandGroupItem.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/CommandGroupItem.module.scss new file mode 100644 index 0000000..56cf6c4 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/CommandGroupItem.module.scss @@ -0,0 +1,63 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.groupitem { + position: absolute; + width: 22px; + height: 22px; + top: 16px; + right: 16px; + cursor: pointer; + background-color: transparent; + border: none; + + &:focus-visible { + @include focus(); + } + + .content { + @include partial-row-center-start; + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + height: inherit; + + .icon { + @include partial-column-center; + display: flex; + float: left; + width: 22px; + height: inherit; + + svg { + width: 20px; + height: inherit; + + path { + fill: $dashboard_item_icon_bg; + } + } + } + } + + &:hover { + .content { + .icon { + svg { + path { + fill: $dashboard_item_icon_hover_bg; + } + } + } + } + } +} + +.groupitem-p { + position: absolute; + top: 8px; + right: 15px; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/CommandReminder.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/CommandReminder.module.scss new file mode 100644 index 0000000..dbc5216 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/CommandReminder.module.scss @@ -0,0 +1,28 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import './CommandTopBar.module.scss'; + +.command { + .bell-con { + height: inherit; + position: relative; + + .notification { + @include partial-row-center; + position: absolute; + padding: 0 4px; + top: 3px; + left: 12px; + min-width: 16px; + height: 16px; + background-color: $headerbar_command_bell_bg; + color: $headerbar_command_bell_fg; + border-radius: 16px; + text-align: center; + font-family: $tertiaryFont; + font-size: 12px; + font-weight: 300; + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/CommandTimeWatch.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/CommandTimeWatch.module.scss new file mode 100644 index 0000000..4683e78 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/CommandTimeWatch.module.scss @@ -0,0 +1,150 @@ +@import "./Variables.scss"; +@import "./FieldBase.module.scss"; +@import "./CommandTopBar.module.scss"; + +.command { + width: unset; + display: flex; + flex-direction: row; + align-items: center; + position: unset; + justify-content: center; + border: none; + padding: 0px 7px; + + .content { + width: inherit; + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + height: inherit; + color: $headerbar_icon; + width: unset; + height: unset; + + .time { + width: 40px; + text-align: center; + height: inherit; + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + line-height: 10pt; + line-height: 16px; + font-size: 14px; + + &.time-with-desc { + padding-top: 10px; + } + + .timeDesc { + font-size: 7pt; + } + } + + .s-icon { + border-left: 1px dotted $headerbar_bg; + width: 20px; + height: inherit; + display: flex; + justify-content: center; + align-items: center; + + svg { + width: 12px; + + path { + fill: $command_timewatch_svg_fg; + } + } + + &:hover { + background-color: $command_timewatch_svg_hover_bg; + + svg { + path { + fill: $headerbar_icon; + } + } + } + + &:focus-visible { + @include focus( + $outline: $focus_outline_secondary, + $outline-offset: -2px, + $box-shadow: none + ); + } + } + } + + &:hover { + .content { + .time { + color: $headerbar_icon_hover; + } + + .s-icon { + svg { + path { + fill: $headerbar_icon_hover; + } + } + } + } + } +} + +.command-p { + margin-right: 0; + background-color: unset; + + .content { + .time { + font-size: 15px; + color: $headerbar_icon; + + .timeDesc { + font-size: 8pt; + } + } + + .s-icon { + svg { + path { + fill: $headerbar_icon; + } + } + + &:hover { + background-color: $palette_premium_lightgray; + } + + &:focus-visible { + @include focus( + $outline: $focus_outline_secondary, + $outline-offset: -3px, + $box-shadow: none + ); + } + } + } + + &:hover { + .content { + .time { + color: $headerbar_icon_hover; + } + + .s-icon { + svg { + path { + fill: $headerbar_icon_hover; + } + } + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/CommandTopBar.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/CommandTopBar.module.scss new file mode 100644 index 0000000..848e131 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/CommandTopBar.module.scss @@ -0,0 +1,153 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.command { + @include partial-column-center; + height: inherit; + width: 44px; + height: 44px; + margin-right: 1px; + border-radius: 8px; + background-color: $headerbar_command_bg; + cursor: pointer; + border: none; + padding: 0; + + &:focus-visible { + @include focus( + $outline: $focus_outline_secondary, + $outline-offset: -2px, + $box-shadow: none + ); + } + + &.split-command { + width: 55px; + } + + .timeContent { + width: 55px; + display: flex; + flex-direction: row; + justify-content: flex-start; + align-items: center; + height: inherit; + + .time { + width: 39px; + text-align: center; + } + + .s-icon { + border-left: 1px dotted $headerbar_bg; + width: 16px; + height: inherit; + display: flex; + justify-content: center; + align-items: center; + + svg { + width: 12px; + + path { + fill: $headerbar_fg; + } + } + + &:hover { + background-color: $bookmark_fg; + } + } + } + + .content { + width: 28px; + height: 28px; + + .icon { + @include flexDisplay; + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + width: 100%; + height: 100%; + + svg { + width: 24px; + height: 24px; + + path { + fill: $headerbar_icon; + } + } + } + + &.split-command { + width: 55px; + height: inherit; + display: flex; + flex-direction: row; + justify-content: center; + align-items: center; + } + } + + &:hover, + &.hover { + background-color: $headerbar_command_hover_bg; + + .content .icon svg path { + fill: $headerbar_icon_hover; + } + } +} + +.command-p { + margin-right: 0; + background-color: unset; + + &:focus-visible { + @include focus( + $outline: $focus_outline_secondary, + $outline-offset: -3px, + $box-shadow: none + ); + + background-color: transparent; + + .content .icon svg path { + fill: $headerbar_icon_focus; + } + } +} + +.special { + background-color: $headerbar_command_special_bg; + margin: 0 16px 0 8px; + + .content { + width: 16px; + height: 16px; + + .icon { + svg { + width: 12px; + height: 12px; + } + } + } + + .content .icon svg path { + stroke: $headerbar_command_special_icon; + stroke-width: 3px; + fill: $headerbar_command_special_fill; + } + + &:hover { + background-color: $headerbar_command_special_hover_bg; + + .content .icon svg path { + fill: $headerbar_command_special_fill; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/CommentBase.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/CommentBase.module.scss new file mode 100644 index 0000000..b30c061 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/CommentBase.module.scss @@ -0,0 +1,685 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "./Dialog.module.scss"; +@import "./Command.module.scss"; + +$icon_size: 32px; +$date_max_size: 115px; + +.order-n-s { + @include partial-column-center-start; + max-width: calc(100% - $icon_size); +} + +.order-w-e { + @include partial-row-start-top; + max-width: 100%; +} + +.comment-base { + position: relative; + min-height: 25px; + min-width: 500px; + font-size: 12px; + font-family: 'Arial'; + + &:focus-visible { + @include focus($outline-offset: -2px, + $box-shadow: none, + ); + } + + .c-he-con { + @include partial-row-center-start; + justify-content: space-between; + height: 32px; + + .c-d { + @include partial-row-start-top; + margin: 4px 0; + height: 100%; + max-width: calc(100% - 180px); + + .icon { + height: $icon_size; + width: $icon_size; + } + + &:last-child { + max-width: 100%; + } + } + + .c-b { + @include partial-row-center-end; + min-width: 180px; + margin: 4px 0px 0 0px; + } + + .c-h-chips { + @include partial-row-center; + height: 24px; + min-width: 120px; + padding: 0 10px; + border: 1px solid; + border-color: $th_chips_default_color; + border-radius: 24px; + margin-left: 10px; + color: $th_chips_default_color; + background-color: transparent; + } + + .c-h-author { + @include partial-ellipsis; + margin: 0 10px 0 5px; + color: $comment_c_h_author_color; + font-weight: 600; + max-width: calc(100% - $date_max_size); + } + + .c-h-status { + color: $comment_c_h_status_color; + font-weight: 600; + } + + } + + .c-h-con { + @include partial-row-center-start; + justify-content: space-between; + + .c-h-con-l { + @include partial-row-center-start; + } + } + + .c-h-date { + @include partial-ellipsis; + margin-right: 5px; + color: $comment_c_h_date_color; + max-width: $date_max_size; + } + + .c-h-source { + @include partial-row-start-top; + margin: 0 10px 0 5px; + color: $comment_c_h_source_color; + font-style: italic; + + .c-h-source-title { + margin-right: 10px; + } + + .c-h-source-val { + color: $comment_c_h_source_val_color; + } + } + + .c-h-draft { + color: $comment_c_h_draft_color; + } + + .comment-header { + position: relative; + height: 32px; + width: 32px; + + .status-ball { + position: absolute; + height: 15px; + width: 15px; + border-radius: 50%; + border: $comment_ball_border; + top: 20px; + left: 20px; + } + } + + .comment-footer { + @include partial-row-center-space-between; + height: 24px; + width: 100%; + margin-top: 5px; + + .f-l { + @include partial-row-center-start; + } + + .c-h-date { + margin-right: 0; + text-align: end; + } + } + + .c-h-nocomments { + color: $comment_c_h_nocomments_color; + margin-left: 8px; + } + + .c-btn { + @include partial-row-center-start; + width: 100%; + height: 32px; + border-radius: 2px; + margin-right: 10px; + padding-left: 20px; + color: $comment_c_btn_fg; + + &:hover { + box-shadow: $comment_c_btn_hover_shadow; + background-color: $comment_c_btn_hover_bg; + } + + &:last-child { + &:not(:first) { + margin-left: 10px; + } + } + + .icon { + @include partial-column-center; + + svg { + width: 16px; + height: 16px; + + path { + fill: $comment_c_btn_icon_color; + } + } + } + } + + .c-btn-green { + color: $comment_c_btn_green_color; + } + + .c-like { + @include partial-row-start-top; + width: 120px; + height: 24px; + + .l-icon { + @include partial-column-start; + width: 32px; + height: 24px; + + svg { + width: 16px; + height: 16px; + + path { + fill: $comment_c_like_icon_color; + } + } + } + + .l-icon-ac { + svg { + path { + stroke: $comment_c_like_icon_ac_color; + fill: $comment_c_like_icon_ac_color; + } + } + } + + .c-like-green { + margin-right: 5px; + font-weight: 600; + color: $comment_c_like_green_color; + } + + .c-like-blue { + margin-right: 5px; + color: $comment_c_like_blue_color; + } + } + + .c-fav { + @include partial-row-start-top; + width: 120px; + height: 24px; + + .l-icon { + width: 24px; + height: 24px; + + svg { + width: 16px; + height: 16px; + + path { + fill: $comment_fav_icon_color; + } + } + } + + .l-icon-ac { + svg { + path { + fill: $comment_fav_icon_ac_color; + } + } + } + + .c-fav-txt { + margin-right: 5px; + font-weight: 400; + color: $comment_c_like_blue_color; + } + + .c-fav-txt-ac { + font-weight: 600; + color: $comment_c_like_green_color; + } + } + + .c-img { + width: 32px; + height: 100%; + border-radius: 50%; + object-fit: cover; + } + + .base-text { + width: 100%; + min-height: 20px; + margin-top: 15px; + color: $comment_base_text_color; + background-color: $comment_base_text_bg; + user-select: text; + + img { + max-width: 100%; + } + + a { + color: $comment_base_link_color; + + &:focus-visible { + @include focus(); + } + } + } + + .base-text-trimed { + max-height: 200px; + overflow: hidden; + } + + .text-con { + @include partial-row-start-top; + width: 100%; + margin-top: 10px; + padding: 2px 0 2px 6px; + color: $comment_text_con_color; + background-color: $comment_text_con_bg; + border-top: $comment_text_con_border; + } + + .more-btn { + @include partial-row-center; + width: 22px; + height: 22px; + margin: 2px 4px; + + .icon { + width: 16px; + height: 16px; + + path { + fill: $comment_btn_more_icon_color; + } + } + + &:hover { + background-color: $comment_btn_more_hover_bg; + border: $comment_btn_more_hover_border; + } + } + + .more-con { + position: absolute; + width: 190px; + min-height: 32px; + max-height: 96px; + line-height: 32px; + border-radius: 2px; + border: $comment_btn_more_con_border; + background-color: $comment_btn_more_con_bg; + } + + .base-show-more-con { + @include partial-row-center-start; + } + + .base-show-more { + display: none; + height: 20px; + width: 90px; + padding: 0 4px; + text-align: center; + color: $comment_base_show_more_color; + box-shadow: $comment_base_show_more_shadow; + margin-left: 5px; + } +} + +.comment { + @include partial-row-start-top; + max-width: 100%; + border-radius: 5px; + margin-left: 35px; + padding: 5px 0 5px 5px; + color: $comment_color; + + .comment-header { + margin: 5px; + } + + .c-av { + height: inherit; + width: 32px; + } + + .comment-con { + @include partial-column-center-start; + height: 100%; + width: calc(100% - 32px); + margin-left: 8px; + + .comment-val { + width: 100%; + height: 100%; + background-color: $comment_val_bg; + border: $comment_val_border; + border-radius: 4px; + + .c-h-author { + margin-right: 10px; + font-weight: 600; + padding: 2px 0 2px 6px; + color: $comment_val_c_h_author_color; + } + + .text-con { + border: unset; + } + + .base-text { + border: unset; + padding: 0 5px; + margin-top: 5px; + } + } + } + + &:not(:first-child) { + margin-top: 20px; + } +} + +.comment-zerom { + margin-left: 0px; +} + +.comment-standard { + border: $comment_text_con_border; +} + +.comment-raw { + width: 100%; + min-height: 26px; + max-height: 200px; +} + +.comment-file { + @include partial-row-center; + height: 26px; + width: 400px; + min-height: unset; + padding: 0 2px; + border: $comment_file_border; + background-color: $comment_file_bg; + + .c-file-txt { + width: calc(100% - 16px); + height: 26px; + padding: 0 5px; + line-height: 26px; + color: $comment_file_color; + } + + .c-file-icon { + width: 16px; + height: 16px; + + svg { + width: 100%; + height: 100%; + + path { + fill: $comment_file_icon_color; + } + } + } +} + +.th-full-screen { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + background-color: $thread_bg; + z-index: 300000; + padding: 0 10px; + + .th-full-screen-header { + @include partial-column-center-end; + width: 100%; + height: 48px; + gap: 8px; + } +} + +.thread { + padding: 2px; + margin-bottom: 20px; + background-color: $thread_bg; + border: $thread_border; + border-radius: 4px; + + .thread-upper-part { + padding: 5px; + } + + .th-title { + @include partial-column-center-start; + height: 42px; + margin-left: 20px; + font-weight: 600; + font-size: 17px; + color: $thread_title_color; + } + + .thread-footer { + @include partial-column-center; + height: 75px; + padding: 0 8px; + + .thread-footer-i { + @include partial-row-center-space-between; + height: 32px; + width: 100%; + padding-left: 8px; + font-size: 12px; + color: $thread_footer_color; + background-color: $thread_footer_bg; + border: $thread_footer_border; + + &:hover { + color: $thread_footer_hover_color; + background-color: $thread_footer_hover_bg; + } + + .th-btn-text { + @include partial-row-center-start; + } + + .th-btn-icon { + height: 16px; + width: 24px; + + svg { + width: 16px; + height: 16px; + + path { + stroke: $thread_footer_btn_icon_color; + stroke-width: 0.5px; + } + } + } + } + } + + .thread-editor-con { + @include partial-column-center-end; + min-height: 200px; + width: calc(100% - 40px); + margin: 20px; + padding: 20px; + background-color: $thread_editor_bg; + + .thread-field { + @include partial-column-center; + position: relative; + } + + .thread-btns-con { + @include partial-row-center-space-between; + height: 48px; + max-width: 320px; + gap: 8px; + + .btn-c, + .btn-s, + .btn-s-r { + @include partial-column-center; + width: 100px; + height: 32px; + border-radius: 4px; + font-size: 16px; + font-family: $primaryFont; + cursor: pointer; + + &:active { + background: $th_btn_active_bg; + border: $th_btn_active_border; + } + } + + .btn-c { + color: $th_btn_cancel_fg; + background-color: $th_btn_cancel_bg; + border: $th_btn_cancel_border; + margin-right: 10px; + + &:hover { + background: $th_btn_cancel_hover; + } + } + + .btn-s { + color: $th_btn_save_fg; + background-color: $th_btn_save_bg; + font-size: $th_btn_save_fs; + + &:hover { + background: $th_btn_save_hover; + } + } + + .btn-s-r { + max-width: 136px; + width: 100%; + color: $th_btn_draft_fg; + background-color: $th_btn_draft_bg; + margin-right: 10px; + + &:hover { + background: $th_btn_cancel_hover; + } + } + } + } +} + +.th-modal-overlay { + @extend .modal-overlay; + @include partial-column-center; +} + +.th-modal { + @extend .modal; + height: 400px; + width: 600px; + background-color: $thread_modal_bg; + + .th-header { + @extend .modal-bar; + + .h-icon { + @include partial-column-center; + float: left; + height: inherit; + width: 48px; + + svg { + height: 24px; + width: 24px; + + path { + fill: $thread_modal_header_icon_color; + } + } + } + + .h-title { + @extend .title; + + span { + @include partial-ellipsis; + } + } + } + + .th-txt { + position: relative; + width: 600px; + height: 300px; + margin: 10px 0 5px 10px; + + font-size: $font_size_body; + line-height: calc(#{$font_size_body} + 4px); + color: $thread_modal_text_color; + overflow: hidden; + } + + .th-btns { + @include partial-row-center-end; + width: 100%; + height: 52px; + + .cmd { + @extend .command-modal; + + .title { + color: $thread_modal_bts_color; + font-size: $thread_modal_bts_fs; + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/CookieBox.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/CookieBox.module.scss new file mode 100644 index 0000000..1399e27 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/CookieBox.module.scss @@ -0,0 +1,127 @@ +@import '../common/PredefinedMixins.scss'; +@import './partial.scss'; +@import './Variables.scss'; + +.bounceIn :global { + animation-name: bounceIn; + animation-duration: 1s; + animation-fill-mode: both; + -webkit-animation-name: bounceIn; + -webkit-animation-duration: 1s; + -webkit-animation-fill-mode: both; +} + +.cookieBox { + @include partial-transition; + @include partial-row-center-start; + position: absolute; + min-width: 170px; + width: calc(100% - 30px); + max-width: 532px; + bottom: 10px; + left: 10px; + border-radius: 12px; + background-color: $cookie_bg; + box-shadow: $cookie_shadow; + margin: 5px 0 5px 5px; + padding: 16px; + gap: 16px; + z-index: 10; + + &:focus-visible { + @include focus(); + } + + .cookie-icon { + @include partial-column-center; + height: inherit; + width: 84px; + + &:focus-visible { + @include focus(); + } + + svg { + width: 72px; + height: 100%; + + :global(.st0) { + stroke: $cookie_path1_color; + } + + :global(.st1) { + fill: $cookie_path2_color; + } + } + } + + .actions { + @include partial-column-center-start; + position: absolute; + top: 0; + right: 0; + height: 30px; + width: 30px; + + .icon { + @include partial-column-center; + height: inherit; + width: 30px; + cursor: pointer; + + svg { + width: 12px; + height: 100%; + + path { + fill: $cookie_action_icon_color; + } + } + } + } + + .link { + display: block; + color: $cookie_link_fg; + font-weight: bold; + + &:focus-visible { + @include focus(); + } + } + + .content { + @include partial-column-center-start; + font-size: 13px; + font-family: $tertiaryFont; + text-align: left; + + .text { + width: 100%; + margin: 8px 0; + color: $cookie_text_fg; + font-size: 14px; + line-height: 20px; + } + + .link { + cursor: pointer; + color: $cookie_link_fg; + font-size: 16px; + line-height: 22px; + + &:hover { + text-decoration: underline; + } + } + } + + &.hidden { + display: none; + } + + &.visible { + @include flexDisplay; + @extend .bounceIn; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DashboardGrid.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DashboardGrid.module.scss new file mode 100644 index 0000000..bf518d9 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DashboardGrid.module.scss @@ -0,0 +1,52 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.dashboard { + position: absolute; + overflow: hidden; + background-color: $dashboard_bg; + + &:focus-visible { + @include focus(); + } + + .content-grid { + position: absolute; + top: 0px; + left: 0px; + width: 100%; + height: 100%; + overflow: hidden; + z-index: 0; + + .dashboard-cell { + @include partial-row-center-start; + flex-wrap: wrap; + font-size: 9pt; + padding: 5px 10px; + + &::before { + content: ''; + position: absolute; + top: 0; + left: 0; + right: $dashboard_cell_grid_padding; + bottom: $dashboard_cell_grid_padding; + background-color: $dashboard_cell_grid_bg; + z-index: -10; + border-radius: 4px; + } + } + } + + .dashboard-content { + position: absolute; + top: 0px; + left: 0px; + right: 0px; + bottom: 0px; + margin: 0 20px 20px 0; + z-index: 1; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DashboardItemDesign.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DashboardItemDesign.module.scss new file mode 100644 index 0000000..f2c453b --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DashboardItemDesign.module.scss @@ -0,0 +1,116 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.design-item { + position: absolute; + overflow: hidden; + + .design-content { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 100; + cursor: move; + + .icon-settings, + .icon-close, + .icon-resize { + position: absolute; + width: 20px; + height: 20px; + overflow: hidden; + + svg { + height: 100%; + + path { + fill: $dashboard_design_icon; + } + } + } + + .icon-settings, + .icon-close { + @include partial-column-center; + background-color: $dashboard_design_icon_bg; + top: 4px; + right: 4px; + width: 16px; + height: 16px; + border: $dashboard_design_icon_border; + cursor: pointer; + + svg { + width: 10px; + } + } + + .icon-settings { + right: 24px; + } + + .icon-resize { + bottom: 1px; + right: 1px; + width: 20px; + height: 20px; + cursor: nw-resize; + + &:before { + position: absolute; + bottom: -10px; + right: -10px; + width: inherit; + height: inherit; + content: " "; + transform: rotate(45deg); + background-color: $dashboard_design_icon_bg; + } + + svg { + position: absolute; + bottom: 2px; + right: 0px; + width: 8px; + height: 8px; + } + } + + &::before { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + content: ""; + background-color: $dashboard_design_overlay_bg; + border-radius: 12px; + } + } + + &.focus { + .design-content { + -webkit-box-shadow: $dashboard_design_focus_shadow; + -moz-box-shadow: $dashboard_design_focus_shadow; + box-shadow: $dashboard_design_focus_shadow; + border-radius: 8px 8px 0 8px; + + &::before { + content: none; + } + } + } +} + +.design-item-p { + .design-content { + border-radius: 10px 10px 0 10px; + + &::before { + background-color: $dashboard_design_overlay_bg; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DataScopePicker.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DataScopePicker.module.scss new file mode 100644 index 0000000..29336c0 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DataScopePicker.module.scss @@ -0,0 +1,40 @@ +@import "../common/PredefinedMixins.scss"; +@import "../mobilebrowser/DataScopePicker.module.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.date-scope-picker.horizontal-view { + @include flexJustifyContent(flex-start, start); + margin: 16px 8px 6px 8px; + gap: 9px; + font-size: 16px; + + .content:has(> .icon) { + @include flexJustifyContent(space-between, space-between); + width: 165px; + } + + .content:not(:has(> .icon)) { + @include flexJustifyContent(space-between, space-between); + width: 135px; + } + + .content { + @include flexJustifyContent(space-between, space-between); + gap: 8px; + + .caption { + font-size: 16px; + font-family: $dsp_font; + font-weight: 500; + } + } +} + +.date-scope-picker { + .content { + .icon { + cursor: pointer; + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DateNavigator.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DateNavigator.module.scss new file mode 100644 index 0000000..48f9f39 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DateNavigator.module.scss @@ -0,0 +1,8 @@ +@import "../common/PredefinedMixins.scss"; +@import "./Variables.scss"; + +.date-navigator { + @include flexDisplay; + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DatePicker.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DatePicker.module.scss new file mode 100644 index 0000000..7f0300f --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DatePicker.module.scss @@ -0,0 +1,25 @@ +@import "../common/PredefinedMixins.scss"; +@import './partial.scss'; +@import './Variables.scss'; + +.editor-date { + position: absolute; + top: 0; + left: 0; + min-height: inherit; + height: 100%; + width: 100%; + + &:focus-visible { + @include focus(); + } +} + +.vertical { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(column); + @include flexJustifyContent(flex-end, flex-end); + @include flexAlignItems(flex-start, flex-start); + @include flexAlignContent(stretch, stretch); +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DatePickerButtons.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DatePickerButtons.module.scss new file mode 100644 index 0000000..9b9e27b --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DatePickerButtons.module.scss @@ -0,0 +1,4 @@ +@import "../common/PredefinedMixins.scss"; +@import "../mobilebrowser/DatePickerButtons.module.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DatePickerCalendar.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DatePickerCalendar.module.scss new file mode 100644 index 0000000..df598ab --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DatePickerCalendar.module.scss @@ -0,0 +1,14 @@ +@import "../common/PredefinedMixins.scss"; +@import "../mobilebrowser/DatePickerCalendar.module.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.container { + &:focus-visible { + @include focus($outline-offset: -2px, + $outline-width: 2px, + $box-shadow: none, + $border-radius: 5px, + ); + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DatePickerCalendarMonth.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DatePickerCalendarMonth.module.scss new file mode 100644 index 0000000..f2058d0 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DatePickerCalendarMonth.module.scss @@ -0,0 +1,29 @@ +@import "../common/PredefinedMixins.scss"; +@import "../mobilebrowser/DatePickerCalendarMonth.module.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.container { + .month-button { + .label { + cursor: pointer; + } + } + + .month-section { + + .week-numbers { + .week-number { + cursor: pointer; + } + } + + .days { + .wrapper-day { + .day:not(.day-off) { + cursor: pointer; + } + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DatePickerContent.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DatePickerContent.module.scss new file mode 100644 index 0000000..940a4e1 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DatePickerContent.module.scss @@ -0,0 +1,10 @@ +@import "../common/PredefinedMixins.scss"; +@import "../mobilebrowser/DatePickerContent.module.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.overlay { + .container { + font-family: $dp_font; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DatePickerHeader.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DatePickerHeader.module.scss new file mode 100644 index 0000000..2472fea --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DatePickerHeader.module.scss @@ -0,0 +1,14 @@ +@import "../common/PredefinedMixins.scss"; +@import "../mobilebrowser/DatePickerHeader.module.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.container { + &:focus-visible { + outline: none; + } + + .field { + border: none; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DatePickerNavigation.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DatePickerNavigation.module.scss new file mode 100644 index 0000000..34e4a56 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DatePickerNavigation.module.scss @@ -0,0 +1,19 @@ +@import "../common/PredefinedMixins.scss"; +@import "../mobilebrowser/DatePickerNavigation.module.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.navigation { + .container { + cursor: pointer; + + &:focus-visible { + @include focus( + $outline-offset: 4px, + $outline-width: 2px, + $box-shadow: none, + $border-radius: 5px, + ); + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DatePickerYearMonthContent.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DatePickerYearMonthContent.module.scss new file mode 100644 index 0000000..822f3db --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DatePickerYearMonthContent.module.scss @@ -0,0 +1,8 @@ +@import "../common/PredefinedMixins.scss"; +@import "../mobilebrowser/DatePickerYearMonthContent.module.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.tp-overlay-screen { + background-color: $theme_overlay_bg; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Diagram.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Diagram.module.scss new file mode 100644 index 0000000..aa4bb09 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Diagram.module.scss @@ -0,0 +1,186 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "./DiagramGlobal.scss"; + +.diagram-palette { + height: inherit; + border: 1px solid transparent; + + &:focus-visible { + @include focus( + $outline: none, + $border: $focus_border, + $box-shadow: none, + ); + } +} + +:global { + .diagram-svg-element { + *:not(path):not(g):not([fill]) { + fill: transparent; + } + } + + .e-acrdn-header { + display: flex; + flex-direction: row; + padding-left: 8px !important; + background-color: $diagram_header_bg !important; + + .e-acrdn-header-icon, + .e-toggle-icon { + flex-shrink: 0; + flex-grow: 0; + } + + .e-acrdn-header-content { + flex-grow: 1; + flex-shrink: 1; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + } + + .e-diagram { + .e-grid-layer { + opacity: $diagram_grid_opacity; + } + } + + .e-accordion .e-acrdn-item.e-select.e-acrdn-item>.e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon { + color: var(--diagram_icon_expand_hover); + } +} + +.diagram-main { + position: absolute; + border: $diagram_border; + + .diagram-content { + position: absolute; + top: 0; + bottom: 0; + right: 0; + + .diagram-editor { + position: absolute; + top: 0; + left: 0; + right: 0; + } + + .diagram-zoom-content { + @include partial-row-center; + position: absolute; + left: 0px; + bottom: 0px; + width: 100%; + background-color: $group_bg; + border-top: $diagram_border; + } + } + + .diagram-content-dark { + text { + fill: $diagram_content_fill_dark; + } + + path { + stroke: $diagram_content_path_dark; + } + + pattern[id*="diagram"][id*="pattern"]>path { + stroke: RGBA(var(--neutral_700)); + } + + g[id*="taskTypeService"]>path { + fill: none; + } + + g[id*="dataobj"]>path { + stroke: $diagram_palette_accrdn_sel_bg; + } + + g[id*="tarDec"]>path { + fill: $diagram_content_fill_dark; + } + + g[id*="node"][id*="path"]>path { + stroke: $diagram_palette_accrdn_sel_bg; + stroke-width: 2px; + fill: RGBA(var(--neutral_800)); + } + + ::-webkit-scrollbar { + width: 16px; + } + + ::-webkit-scrollbar-track { + background: #323233; + border-radius: 4px; + border: none; + outline: none; + } + + ::-webkit-scrollbar-thumb { + background: #131111; + border-radius: 4px; + } + + ::-webkit-scrollbar-thumb:hover { + background: #1e1e1e; + } + } + + .diagram-content-custom-dark { + g[id*="native_element"]>g>g>path { + fill: RGBA(var(--neutral_300)); + } + + g[id*="node"][id*="content"]>rect, + path { + fill: RGBA(var(--neutral_700)); + } + } + + .task-send-icon { + path { + fill: $diagram_group_icon; + stroke: unset; + } + } + + .panel-btn { + @include partial-row-center; + font-size: 9pt; + line-height: 26px; + font-weight: 300; + width: 32px; + height: 24px; + padding: 5px; + border-radius: 4px; + margin-left: 15px; + color: $tree_diagram_btn_fg; + background-color: $tree_diagram_btn_bg; + } + + .print-icon { + @include partial-column-center; + width: 24px; + height: 24px; + cursor: pointer; + + svg { + width: 14px; + height: 14px; + + path { + fill: $tree_diagram_btn_fg; + } + } + } + +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DiagramGlobal.scss b/soneta-ui-style/wzorce/css/fullbrowser/DiagramGlobal.scss new file mode 100644 index 0000000..9b2f53d --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DiagramGlobal.scss @@ -0,0 +1,25 @@ +@import "./Variables.scss"; + +:global { + .e-diagram { + div::-webkit-scrollbar { + width: 16px; + } + + div::-webkit-scrollbar-track { + background: #D4D4D4; + border-radius: 4px; + border: none; + outline: none; + } + + div::-webkit-scrollbar-thumb { + background: #A3A3A3; + border-radius: 4px; + } + + div::-webkit-scrollbar-thumb:hover { + background: #737373; + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DiagramPalette.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DiagramPalette.module.scss new file mode 100644 index 0000000..cdf78e3 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DiagramPalette.module.scss @@ -0,0 +1,119 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.diagram-palette { + position: absolute; + left: 0; + top: 0; + width: 160px; + border-right: $diagram_border; +} + +:global { + .diagram-palette-dark-scrollbar { + ::-webkit-scrollbar { + width: 12px; + } + + ::-webkit-scrollbar-track { + background: #323233; + border-radius: 4px; + border: none; + outline: none; + } + + ::-webkit-scrollbar-thumb { + background: #131111; + border-radius: 4px; + } + + ::-webkit-scrollbar-thumb:hover { + background: #1e1e1e; + } + } + + .e-accordion { + background: $diagram_palette_bg; + + .e-symbol-draggable>svg>g>g>g>g>g>path { + fill: $diagram_content_fill_dark; + } + + .e-acrdn-item, + .e-acrdn-item.e-select { + background-color: transparent; + border-top: $diagram_border !important; + border-bottom: $diagram_border !important; + + .e-expand-icon { + color: $diagram_palette_accrdn_fg !important; + + &:hover { + color: $diagram_icon_expand_hover !important; + } + } + + .e-acrdn-header, + .e-acrdn-header:hover { + background: $diagram_palette_accrdn_sel_bg; + + .e-acrdn-header-content { + display: inline-block; + padding-left: 10px; + font-size: 15px; + line-height: 35px; + cursor: pointer; + white-space: nowrap; + color: $diagram_palette_accrdn_fg !important; + + &:hover { + color: $diagram_palette_accrdn_sel_fg; + } + } + + .e-toggle-icon { + color: $diagram_palette_accrdn_fg !important; + + .e-accordion .e-tgl-collapse-icon::before { + color: $diagram_palette_accrdn_sel_fg !important; + } + } + } + + &.e-select.e-selected.e-expand-state, + &.e-select.e-expand-state, + &.e-item-focus.e-select.e-expand-state { + + .e-acrdn-header, + .e-acrdn-header:focus { + background: $diagram_palette_accrdn_sel_bg; + + .e-acrdn-header-content { + color: $diagram_palette_accrdn_sel_fg; + } + + .e-toggle-icon { + color: $diagram_palette_accrdn_sel_fg; + } + } + } + } + + .e-acrdn-item.e-selected.e-select.e-active { + background-color: $diagram_palette_active_bg; + } + } + + .e-symbolpalette .e-acrdn-content { + background-color: $diagram_palette_bg !important; + } + + .e-symbolpalette .e-symbol-hover:hover { + background: $diagram_palette_item_bg_hover; + } + + .e-symbolpalette .e-symbol-selected { + background-color: $diagram_palette_item_bg_selected; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Dialog.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Dialog.module.scss new file mode 100644 index 0000000..8d77ce3 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Dialog.module.scss @@ -0,0 +1,179 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "./Label.module.scss"; + +.modal-overlay { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + background-color: $modal_overlay_bg; + + .modal { + @include partial-box-shadow; + @include partial-column-start; + position: absolute; + justify-content: space-between; + background: $modal_bg; + border-radius: $modal_border_radius; + font-family: $tertiaryFont; + box-shadow: $modal_shadow; + color: $modal_bar_fg; + max-height: calc(100vh - 10px); + max-width: calc(100vw - 10px); + + .modal-bar { + @include partial-row-center-end; + flex-direction: row-reverse; + width: 100%; + padding: 16px; + background: $modal_bar_bg; + border-bottom: $modal_bar_border; + cursor: move; + gap: 16px; + + .icon { + @include partial-column-center; + float: left; + height: inherit; + + svg { + height: 16px; + width: 16px; + + path { + fill: $modal_bar_icon; + } + } + } + + .title { + @include partial-row-center-start; + float: right; + text-align: left; + width: 100%; + height: inherit; + padding: 0; + font-size: 20px; + line-height: 26px; + margin: 0; + font-weight: lighter; + color: $modal_bar_title_fg; + + span { + @include partial-ellipsis; + } + } + } + + .modal-sections { + @include partial-column-start; + position: relative; + overflow-y: auto; + color: $modal_section_fg; + align-items: flex-start; + overflow-x: hidden; + background: $modal_bg; + + -webkit-user-select: text; + -khtml-user-select: text; + -moz-user-select: text; + -o-user-select: text; + user-select: text; + + .section { + width: 100%; + padding: 4px; + } + + &.text-content { + padding: 16px; + + .section { + padding: 0; + } + } + } + + &.error { + z-index: 200000; + + .modal-bar { + .icon { + svg { + path { + fill: $modal_command_error_icon !important; + } + } + } + } + } + + &.info { + .modal-bar { + .icon { + svg { + path { + fill: $modal_command_info_icon !important; + } + } + } + } + } + + &.question { + .modal-bar { + .icon { + svg { + path { + fill: $modal_command_question_icon !important; + } + } + } + } + } + + &.warning { + .modal-bar { + .icon { + svg { + path { + fill: $modal_command_warning_icon !important; + } + } + } + } + } + } +} + +.premium { + &.modal-overlay { + .scroll-content { + background-color: unset; + } + + .modal { + padding: 0 10px; + font-family: unset; + + .modal-bar { + .icon { + display: none; + } + + .title { + font-size: 15px; + float: unset; + width: 100%; + height: 25px; + padding: 0 0 0 10px; + font-weight: unset; + border-left: $modal_bar_title_border; + } + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DialogCommandBar.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DialogCommandBar.module.scss new file mode 100644 index 0000000..0c4e2d1 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DialogCommandBar.module.scss @@ -0,0 +1,12 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.modal-buttons { + @include partial-row-center-end; + width: 100%; + background-color: $modal_bar_bg; + border-top: $modal_bar_border; + gap: 8px; + padding: 16px; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DocxDesigner.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DocxDesigner.module.scss new file mode 100644 index 0000000..3a68fd6 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DocxDesigner.module.scss @@ -0,0 +1,16 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.docx-designer-main { + .docx-overlay { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 10000; + visibility: hidden; + background-color: transparent; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/DxPivot.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/DxPivot.module.scss new file mode 100644 index 0000000..cc81c64 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/DxPivot.module.scss @@ -0,0 +1,705 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +:global { + + .dx-header-filter:focus-visible { + @include focus( + $outline-offset: 2px, + $box-shadow: none, + ); + } + + .dx-popup-normal, .dx-popup-draggable, .dx-resizable { + max-height: calc(100vh - 40px) !important; + max-width: calc(100vw - 40px) !important; + z-index: 10001 !important; + } + + .dx-pivotgrid .dx-area-column-cell, .dx-pivotgrid .dx-area-description-cell, .dx-pivotgrid .dx-bottom-border { + border-bottom: $pivot_border_bottom !important; + } + + .dx-button-mode-contained.dx-state-hover { + background-color: $pivot_btn_bg_hover !important; + } + + .dx-button-mode-outlined.dx-state-active { + background-color: $pivot_btn_outlined_bg_active !important; + border-color: $pivot_border_outlined_color_active !important; + color: $pivot_outlined_icon_color_active !important; + } + + .dx-button-mode-outlined.dx-state-focused { + background-color: $pivot_btn_outlined_bg_focused !important; + border-color: $pivot_border_outlined_color_focused !important; + } + + .dx-button-mode-outlined.dx-state-hover { + background-color: $pivot_btn_outlined_bg_hover !important; + border-color: $pivot_border_outlined_color_hover !important; + } + + .dx-button-mode-outlined .dx-icon { + color: $pivot_outlined_icon_color !important; + } + + .dx-calendar-navigator .dx-button .dx-button-text { + color: $pivot_calendar_navigator_color !important; + } + + .dx-button-mode-outlined { + background-color: $pivot_btn_outlined_bg !important; + border-color: $pivot_border_outlined_color !important; + } + + .dx-calendar-cell.dx-calendar-selected-date span { + background-color: $pivot_calendar_selected_bg !important; + color: $pivot_calendar_selected_color !important; + } + + .dx-calendar-cell.dx-calendar-contoured-date span { + box-shadow: $pivot_calendar_contoured_date_shadow !important; + } + + .dx-calendar-cell.dx-state-active span { + background-color: $pivot_calendar_active_bg !important; + } + + .dx-calendar-cell.dx-state-hover span { + background-color: $pivot_calendar_hover_bg !important; + color: $pivot_calendar_hover_color !important; + } + + .dx-calendar-cell.dx-calendar-today span { + border-color: $pivot_calendar_today_color !important; + } + + .dx-calendar-cell.dx-calendar-empty-cell, + .dx-calendar-cell.dx-calendar-empty-cell.dx-state-active span, + .dx-calendar-cell.dx-calendar-empty-cell.dx-state-hover span, + .dx-calendar-cell.dx-calendar-other-view, + .dx-calendar-cell.dx-calendar-other-view.dx-state-active span, + .dx-calendar-cell.dx-calendar-other-view.dx-state-hover span { + color: $pivot_calendar_empty_cell_color !important; + } + + .dx-calendar-cell { + color: $pivot_calendar_cell_color !important; + } + .dx-calendar-body thead th { + color: $pivot_calendar_color !important; + } + + .dx-calendar { + background-color: $pivot_calendar_bg !important; + } + + .dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-down-icon, + .dx-state-active.dx-numberbox-spin-button .dx-numberbox-spin-up-icon { + background-color: $pivot_numberbox_spin_icon_bg_active !important; + color: $pivot_numberbox_spin_icon_color_active !important; + } + + .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-down-icon, .dx-state-hover.dx-numberbox-spin-button .dx-numberbox-spin-up-icon { + background-color: $pivot_numberbox_spin_icon_bg_hover !important; + box-shadow: $pivot_numberbox_spin_icon_shadow_hover !important; + } + + .dx-numberbox-spin-up-icon { + background-color: $pivot_numberbox_spin_icon_bg !important; + color: $pivot_numberbox_spin_icon_color !important; + } + + .dx-numberbox-spin-down-icon { + background-color: $pivot_numberbox_spin_icon_bg !important; + color: $pivot_numberbox_spin_icon_color !important; + } + + .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon { + color: $pivot_filter_icon_color !important; + } + + .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-focused.dx-list-item-selected { + background-color: $pivot_list_focused_bg !important; + color: $pivot_list_focused_color !important; + } + + .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active .dx-icon { + color: $pivot_list_icon_color_active !important; + } + + .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-active{ + background-color: $pivot_list_active_bg !important; + color: $pivot_list_active_color !important; + } + + .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected { + background-color: $pivot_list_selected_bg !important; + color: $pivot_list_selected_color !important; + } + + .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-list-item-selected .dx-icon { + color: $pivot_list_selected_icon_color !important; + } + + .dx-dropdowneditor-button.dx-state-active .dx-dropdowneditor-icon, + .dx-dropdowneditor.dx-dropdowneditor-active .dx-dropdowneditor-icon { + color: $pivot_dropdown_icon_color_active !important; + background-color: $pivot_dropdown_icon_bg_active !important; + } + + .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover { + background-color: $pivot_list_hover_bg !important; + } + + .dx-dropdowneditor-icon { + color: $pivot_dropdown_icon_color !important; + background-color: $pivot_dropdown_icon_bg !important; + } + + .dx-selectbox-popup-wrapper .dx-list { + background-color: $pivot_selectbox_bg !important; + } + + .dx-treeview-item-without-checkbox { + background-color: $pivot_treeview_item_without_checkbox_bg !important; + } + + .dx-treeview-item-without-checkbox.dx-state-selected { + color: $pivot_treeview_item_selected_color !important; + background-color: $pivot_treeview_item_selected_bg !important; + &:hover { + background-color: $pivot_treeview_item_selected_bg_hover !important; + } + } + + .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active, + .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus { + background-color: $pivot_filter_value_bg_active !important; + color: $pivot_filter_value_color_active !important; + } + + .dx-filterbuilder-item-value-text { + background-color: $pivot_filter_value_bg !important; + color: $pivot_filter_value_color !important; + &:hover { + background-color: $pivot_filter_value_bg_hover !important; + color: $pivot_filter_value_color_hover !important; + } + } + + .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation.dx-state-active, + .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-operation:focus { + background-color: $pivot_filter_operation_bg_active !important; + color: $pivot_filter_color_active !important; + } + + .dx-filterbuilder-text.dx-filterbuilder-item-operation { + background-color: $pivot_filter_operation_bg !important; + color: $pivot_filter_color !important; + &:hover { + background-color: $pivot_filter_operation_bg_hover !important; + color: $pivot_filter_color_hover !important; + } + } + + .dx-filterbuilder-item-field { + background-color: $pivot_filter_field_bg !important; + color: $pivot_filter_color !important; + &:hover { + background-color: $pivot_filter_field_bg_hover !important; + color: $pivot_filter_color_hover !important; + } + } + + .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field.dx-state-active, .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-item-field:focus { + background-color: $pivot_filter_field_bg_active !important; + color: $pivot_filter_color_active !important; + } + + .dx-icon-remove { + color: $pivot_icon_remove_color !important; + &:hover { + color: $pivot_icon_remove_color_hover !important; + background-color: $pivot_icon_remove_bg_hover !important; + } + &:focus { + color: $pivot_icon_remove_color_focus !important; + background-color: $pivot_icon_remove_bg_focus !important; + } + } + + .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus.dx-state-active, + .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:focus { + color: $pivot_icon_plus_color_active !important; + background-color: $pivot_icon_plus_bg_active !important; + } + + .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus:hover { + color: $pivot_icon_plus_color_hover !important; + background-color: $pivot_icon_plus_bg_hover !important; + } + + .dx-filterbuilder .dx-filterbuilder-group .dx-icon-plus { + color: $pivot_icon_plus_color !important; + } + + .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:hover { + background-color: $pivot_filter_group_hover_bg !important; + } + + .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation.dx-state-active, + .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation:focus { + background-color: $pivot_filter_group_active_bg !important; + color: $pivot_filter_group_active_color !important; + } + + .dx-filterbuilder .dx-filterbuilder-group .dx-filterbuilder-text.dx-filterbuilder-group-operation { + background-color: $pivot_filter_group_bg !important; + color: $pivot_filter_group_color !important; + border: $pivot_filter_group_border !important; + } + + .dx-treeview-item-without-checkbox.dx-state-selected > .dx-treeview-item { + color: $pivot_treeview_item_selected_color !important; + background-color: $pivot_treeview_item_selected_bg !important; + } + .dx-overlay-shader { + background-color: $pivot_overlay_bg !important; + } + + .dx-filterbuilder { + background-color: $pivot_filter_bg !important; + } + + .dx-loadindicator-icon .dx-loadindicator-segment { + background-color: $pivot_loadindicator_bg !important; + } + + .dx-overlay-wrapper { + color: $pivot_overlay_color !important; + position: fixed !important; + left: 0 !important; + top: 0 !important; + width: 100vw !important; + height: 100vh !important; + transform: none !important; + } + + .dx-loadpanel-content { + background-color: $pivot_loadpanel_bg !important; + border: $pivot_loadpanel_border !important; + } + + .dx-list .dx-empty-message, .dx-list-item { + border-top: $pivot_list_border !important; + } + + .dx-list-select-all { + border-bottom: $pivot_list_border !important; + } + + .dx-list .dx-empty-message, + .dx-list-item { + color: $pivot_list_color !important; + } + + .dx-checkbox-indeterminate .dx-checkbox-icon::before { + background-color: $pivot_checkbox_bg_indeterminate !important; + } + + .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-checkbox-icon, + .dx-list.dx-list-select-decorator-enabled .dx-list-item.dx-state-hover .dx-radiobutton-icon, + .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-checkbox-icon, + .dx-list.dx-list-select-decorator-enabled .dx-list-select-all.dx-state-hover .dx-radiobutton-icon { + border-color: $pivot_list_hover_border_color !important; + } + + .dx-button-mode-contained { + background-color: $pivot_btn_bg !important; + border-color: $pivot_border_color !important; + color: $pivot_color2 !important; + } + + .dx-pivotgrid-fields-container .dx-header-filter-empty { + color: $pivot_color11 !important; + } + + .dx-pivotgrid-fields-container .dx-sort { + color: $pivot_color10 !important; + } + + .dx-pivotgrid .dx-grandtotal { + background-color: $pivot_color5 !important; + } + + .dx-pivotgrid-fields-container .dx-area-field.dx-area-box { + background: $pivot_bg !important; + border-color: $pivot_color9 !important; + } + + .dx-checkbox-checked .dx-checkbox-icon { + color: $pivot_checkbox_icon_color_checked !important; + background-color: $pivot_checkbox_bg_checked !important; + } + + .dx-checkbox.dx-state-active .dx-checkbox-icon { + background-color: $pivot_checkbox_bg_active !important; + } + + .dx-checkbox.dx-state-hover .dx-checkbox-icon { + border-color: $pivot_checkbox_border_color_hover !important; + } + + .dx-checkbox-icon { + background-color: $pivot_checkbox_bg !important; + border-color: $pivot_checkbox_border_color !important; + } + + .dx-treeview-item.dx-state-hover { + background-color: $pivot_treeview_item_hover_bg !important; + color: $pivot_treeview_item_hover_color !important; + } + + .dx-treeview-item-with-checkbox .dx-treeview-item { + color: $pivot_treeview_item_color !important; + } + + .dx-widget { + color: $pivot_dx_widget_color !important; + } + + .dx-texteditor.dx-editor-outlined { + border: $pivot_texteditor_border !important; + } + + .dx-texteditor-input { + color: $pivot_texteditor_color !important; + } + + .dx-show-clear-button .dx-icon-clear { + color: $pivot_clear_button_color !important; + background-color: $pivot_clear_button_bg !important; + } + + .dx-texteditor.dx-state-hover { + border-color: $pivot_texteditor_border_hover !important; + } + + .dx-texteditor.dx-state-active.dx-editor-filled, + .dx-texteditor.dx-state-active.dx-editor-outlined, + .dx-texteditor.dx-state-active.dx-editor-underlined, + .dx-texteditor.dx-state-focused.dx-editor-filled, + .dx-texteditor.dx-state-focused.dx-editor-outlined, + .dx-texteditor.dx-state-focused.dx-editor-underlined { + border-color: $pivot_texteditor_border_active !important; + } + + .dx-searchbox .dx-icon-search::before { + color: $pivot_searchbox_color !important; + } + + .dx-placeholder { + color: $pivot_placeholder_color !important; + } + + .dx-texteditor-input { + background-color: $pivot_texteditor_bg !important; + } + + .dx-pivotgridfieldchooser .dx-col { + overflow: auto; + } + + .dx-pivotgridfieldchooser .dx-area-fields[group] { + background-color: $pivot_group_bg !important; + } + + .dx-pivotgridfieldchooser .dx-area .dx-area-fields { + border: $pivot_area_fields_border !important; + min-height: 80px; + } + + .dx-pivotgridfieldchooser .dx-area-fields.dx-drag-target { + border-color: $pivot_drag_border !important; + } + + .dx-pivotgridfieldchooser { + background: $pivot_color13 !important; + } + + .dx-button-mode-text .dx-icon { + color: $pivot_close_popup_color !important; + } + + .dx-button-mode-text.dx-state-active { + background-color: $pivot_close_popup_color_active_bg !important; + border-color: $pivot_close_popup_color_border_active !important; + color: $pivot_close_popup_color_font_active !important; + } + + .dx-button-mode-text.dx-state-focused { + background-color: $pivot_close_popup_color_focused_bg !important; + border-color: $pivot_close_popup_color_border_focused !important; + } + + .dx-button-mode-text.dx-state-hover { + background-color: $pivot_close_button_hover_bg !important; + } + + .dx-overlay-content { + background: $pivot_overlay_content_bg !important; + border: $pivot_overlay_content_border !important; + box-shadow: $pivot_box_shadow !important; + } + + .dx-popup-title { + color: $pivot_popup_title_color !important; + border-bottom: $pivot_border_bottom !important; + } + + .dx-pivotgrid-fields-container .dx-treeview-item-with-checkbox .dx-checkbox { + left: 8px; + } + + .dx-header-filter-menu .dx-treeview-item-with-checkbox { + .dx-treeview-item { + padding-left: 50px; + } + + .dx-treeview-node .dx-treeview-item { + padding-left: 36px; + } + + .dx-treeview-item-with-checkbox { + margin-left: 14px; + + .dx-treeview-expander-icon-stub { + display: none; + } + } + } + + .dx-pivotgrid-fields-container .dx-treeview-node-container .dx-treeview-item-with-checkbox .dx-treeview-expander-icon-stub, + .dx-filterbuilder-overlay .dx-treeview-node-container .dx-treeview-item-without-checkbox .dx-treeview-expander-icon-stub { + display: none; + } + + .dx-filterbuilder-overlay.dx-filterbuilder-operations .dx-treeview-item .dx-icon.dx-icon-inrange { + background-image: $pivot_filter_inrange_icon_bg; + background-repeat: no-repeat; + background-position: 0px 0px; + } +} + +.dx-pivot-main :global { + position: absolute; + line-height: normal; + overflow: auto; + + .dx-pivot-container { + .dx-widget { + color: $pivot_color7 !important; + } + + .dx-scrollable-scroll-content { + background-color: $pivot_scroll_content !important; + } + + .dx-scrollbar-hoverable { + background-color: $pivot_scrollbar !important; + } + + .dx-pivotgrid .dx-area-description-cell, + .dx-pivotgrid .dx-area-row-cell { + background-color: $pivot_color12; + } + + .dx-pivotgrid.dx-row-lines .dx-pivotgrid-area td { + border-color: $pivot_color8; + } + + .dx-pivotgrid .dx-pivotgrid-area td { + color: $pivot_color6; + } + + .dx-pivotgrid, + .dx-area-description-cell, + .dx-pivotgrid, + .dx-area-row-cell { + border-right: $pivot_area_description_border + } + + .dx-pivotgrid { + background-color: $pivot_pivotgrid_bg; + border-left: $pivot_border; + border-right: $pivot_border; + + .dx-pivotgrid, + .dx-area-description-cell.dx-pivotgrid-background, + .dx-pivotgrid, + .dx-column-header, + .dx-pivotgrid, + .dx-data-header { + background-color: $pivot_color4; + } + + .dx-bottom-border { + border-bottom: $pivot_border_bottom; + } + + .dx-empty-area-text { + color: $pivot_color1; + } + + .dx-icon { + color: $pivot_color3; + } + + .dx-state-hover { + background-color: $pivot_hover_bg; + } + + .dx-state-focused { + background-color: $pivot_focused_bg; + border-color: $pivot_focused_border_color; + } + + .dx-state-active { + background-color: $pivot_active_bg; + border-color: $pivot_active_border_color; + color: $pivot_active_color; + } + } + } + + + .dx-filterbuilder { + font-style: italic; + + .dx-filterbuilder-group .dx-filterbuilder-group-item .dx-filterbuilder-text .dx-filterbuilder-item-value-text { + font-style: italic; + } + } + + .dx-word-wrap, .dx-popup-content { + font-family: $primaryFont; + font-size: $font_size_label; + .dx-filter-header { + .dx-pivotgrid-fields-area-head td { + display: inline-block; + padding: 2px 2px; + } + } + .dx-row-total { + font-weight: bold; + } + } + .dx-pivot-container { + @include partial-column-start-start; + .dx-pivot-filter-panel { + @include partial-row-center; + justify-content: space-between; + height: 40px; + width: 100%; + padding: 5px; + border-bottom: var(--grid_border); + font-family: "Helvetica Neue","Segoe UI",helvetica,verdana,sans-serif; + .dx-pivot-filter-panel-left { + @include partial-row-center; + @include partial-ellipsis; + justify-content: space-between; + height: auto; + .dx-pivot-filter-panel-icon { + @include partial-row-center; + width: 24px; + height: 24px; + color: $pivot_filter_btn_fg; + font-family: DXIcons; + font-size: 14px; + cursor: pointer; + &:before { + @include partial-row-center; + width: auto; + height: auto; + content: "\f050"; + } + } + .dx-pivot-filter-panel-text { + @include partial-ellipsis; + color: $pivot_filter_btn_fg; + cursor: pointer; + + &:hover { + border-bottom: var(--nav_bar_border); + } + } + } + .dx-pivot-filter-panel-clear { + @include partial-row-center; + padding-left: 10px; + width: 90px; + height: 24px; + white-space: nowrap; + cursor: pointer; + &:hover { + border-bottom: var(--nav_bar_border); + } + } + .flt-field, .flt-exp, .flt-value, .flt-group-operator, .flt-cmd { + display: inline-block; + border-radius: 2px; + padding: 4px 6px; + } + .flt-cmd { + border-radius: unset; + color: $pivot_filter_btn_fg; + font-style: italic; + font-weight: bold; + } + .flt-group-operator { + border-radius: unset; + font-style: italic; + } + .flt-group { + position:relative; + padding: 0 10px; + + &:before, + &:after { + position: absolute; + content: ""; + display: block; + width: 5px; + border: 1px solid #838282; + top: -4px; + bottom: -4px; + } + + &:before { + left: 2px; + border-right: 0; + } + + &:after { + right: 1px; + border-left: 0; + } + } + .flt-field { + color: $pivot_filter_color; + background-color: $pivot_filter_field_bg; + } + .flt-exp { + color: $pivot_filter_color; + background-color: $pivot_filter_exp_bg; + } + .flt-value { + color: $pivot_filter_color; + background-color: $pivot_filter_value_bg; + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorCheckBox.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorCheckBox.module.scss new file mode 100644 index 0000000..387f11c --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorCheckBox.module.scss @@ -0,0 +1,212 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.checkbox { + @include flexDisplay(); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + @include flexAlignContent(center, center); + width: 20px; + height: 20px; + border-radius: 3px; + box-sizing: border-box; + transition: background .12s ease, border-color .12s ease; + + svg { + @include flexDisplay(); + width: 12px; + } + + &.checked { + background: $checkbox_bg; + + svg { + path { + fill: $checkbox_fill_color; + } + } + } + + &.unchecked { + border: $checkbox_border; + + svg { + path { + fill: $checkbox_border; + } + } + } + + &.disabled { + .text { + color: $checkbox_disabled_fg; + } + + svg { + path { + fill: $checkbox_disabled_icon; + } + } + } + + &.disabled:not(.checked) { + border: $checkbox_border_disabled; + } + + &.disabled:not(.unchecked) { + background: $checkbox_disabled_color; + border: $checkbox_border_disabled; + } + + &:hover:not(.disabled):not(.unchecked) { + background: $checkbox_bg_hover; + } + + &:hover:not(.disabled):not(.checked) { + border: $checkbox_border_hover; + } +} + +.editor-checkbox { + @include partial-row-center-start; + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexAlignContent(center, center); + top: 0; + left: 0; + height: 100%; + width: 100%; + overflow: hidden; + background-color: transparent; + -webkit-tap-highlight-color: transparent; + font-size: $font_size_label; + + .ch-content { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexAlignContent(center, center); + @include flexJustifyContent(flex-start, start); + position: absolute; + height: inherit; + width: 32px; + cursor: pointer; + background-color: transparent; + + &:focus-visible { + @include focus(); + } + + input { + display: none; + pointer-events: none; + } + + .icon { + @include partial-column-center; + position: absolute; + height: inherit; + width: 20px; + } + } + + &.vertical { + .ch-content { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexJustifyContent(center, center); + } + } + + .ch-right { + .text { + right: 0; + } + + .icon { + left: 2px; + } + } + + .ch-left { + .text { + left: 0; + } + + .icon { + right: 2px; + } + } + + &.multiline-label { + .ch-content { + bottom: 0; + } + } + + &.grid { + .ch-content { + @include partial-column-center; + border: none; + + .icon { + position: unset; + right: unset; + width: 20px; + left: 0; + + svg path { + fill: $grid_row_focused_fg; + } + } + } + } +} + +.field-check { + @include partial-row-center; + justify-content: space-between; + position: relative; + height: 40px; + cursor: default; + + .ch-content { + @include flexDisplay(); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + position: unset; + right: 0; + top: 0; + width: 40px; + height: inherit; + cursor: pointer; + + &:focus-visible { + @include focus(); + } + + input { + display: none; + } + + .text { + display: none; + } + + .icon { + @include partial-column-center; + position: unset; + width: 40px; + height: 100%; + + svg { + height: 24px; + width: 24px; + + path { + fill: $signIn_check_color; + } + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorCheckBoxPremium.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorCheckBoxPremium.module.scss new file mode 100644 index 0000000..69f63a1 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorCheckBoxPremium.module.scss @@ -0,0 +1,56 @@ +@import './EditorCheckBox.module.scss'; + +.editor-checkbox { + font-size: 10pt; + + .ch-content { + border: unset; + + .icon { + @include partial-column-center; + width: 24px; + + .ch-pipe-on, .ch-pipe-off { + height: 14px; + width: 24px; + border-radius: 8px; + } + + .ch-c { + height: 10px; + width: 10px; + border-radius: 8px; + } + + .ch-pipe-on { + background-color: $checkbox_pipe_on_bg; + + .ch-c { + margin-top: 2px; + margin-left: 12px; + background-color: $checkbox_pipe_on_checked_bg; + } + } + + .ch-pipe-off { + background-color: $checkbox_pipe_off_bg; + + .ch-c { + margin-top: 2px; + margin-left: 2px; + background-color: $checkbox_pipe_off_checked_bg; + } + } + } + + &.disabled { + background-color: unset; + + .icon { + .ch-pipe-on, .ch-pipe-off { + background-color: $checkbox_pipe_disabled; + } + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorChipsRadioButton.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorChipsRadioButton.module.scss new file mode 100644 index 0000000..7d87d43 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorChipsRadioButton.module.scss @@ -0,0 +1,54 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.editor-radiochips { + position: absolute; + top: 0; + left: 0; + height: inherit; + width: 100%; + overflow: hidden; + -webkit-tap-highlight-color: transparent; + + input { + display: none; + } + + .chips { + @include partial-ellipsis; + text-align: center; + padding: 2px; + border-radius: 8px; + font-size: 14px; + font-weight: 300; + line-height: 18px; + color: $radiobutton_chips_fg; + cursor: pointer; + + &:focus-visible { + @include focus( + $outline-offset: -2px, + $outline-width: 2px, + $box-shadow: none, + $border-radius: 8px, + ); + } + + &:not(.checked) { + border: 1px solid $radiobutton_chips_border; + } + + &.checked { + border: 1px solid $radiobutton_chips_checked_bg; + background-color: $radiobutton_chips_checked_bg; + } + + &.disabled { + cursor: auto; + border: 1px solid $radiobutton_chips_disabled_bg; + background-color: $radiobutton_chips_disabled_bg; + } + + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorCode.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorCode.module.scss new file mode 100644 index 0000000..e91b8df --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorCode.module.scss @@ -0,0 +1,44 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.editor-code { + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; +} + +.btn-add { + @include partial-column-center; + position: absolute; + top: 1px; + right: 15px; + width: 28px; + height: 28px; + z-index: 100; + cursor: pointer; + line-height: 8pt; + font-size: 14pt; + font-family: $primaryFont; + border-radius: 2px; + background-color: $field_code_add_btn_bg; + box-shadow: $field_code_add_btn_shadow; + + svg { + width: 16px; + height: 16px; + } + + svg path { + fill: $field_code_add_btn_icon_bg; + } + + &:active { + box-shadow: $field_code_add_btn_active_shadow; + svg path { + fill: $field_code_add_btn_active_icon_bg; + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorHtml.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorHtml.module.scss new file mode 100644 index 0000000..8ecdd52 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorHtml.module.scss @@ -0,0 +1,32 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.editor-html { + .content { + @include partial-sellect-text; + color: $html_fg; + height: inherit; + outline: none; + + .html-scroll-content { + padding: 0 20px 0 0; + width: 100%; + height: 100%; + overflow: hidden; + + &:focus-visible { + @include focus( + $outline-offset: -2px, + $box-shadow: $focus_box_shadow_inset + ); + } + } + + .html-content { + &:focus-visible { + @include focus(); + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorLabel.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorLabel.module.scss new file mode 100644 index 0000000..19762f1 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorLabel.module.scss @@ -0,0 +1,143 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.label { + @include partial-label; + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(column); + @include flexJustifyContent(center, center); + @include flexAlignItems(flex-start, start); + @include flexAlignContent(stretch, stretch); + + &.multiline { + padding-bottom: 0; + } + + &:not(.multiline) { + span { + @include partial-ellipsis; + } + } + + span { + @include flexDisplay(); + @include flexDirection(column); + @include flexJustifyContent(center, center); + flex-grow: 1; + width: 100%; + height: 100%; + min-width: 0; + } + + .tooltip-icon { + position: absolute; + right: 0; + top: calc(50% - 9px); + padding: 4px; + cursor: pointer; + + svg { + width: 10px; + height: 10px; + + path { + fill: $tooltip_icon; + } + } + } + + &.v-label { + position: relative; + z-index: 3; + padding: 0 5px; + border-radius: 12px; + max-width: calc(100% - 16px); + background-color: $input_text_editor_bg; + font-size: $font_size_vertical_label; + line-height: $font_size_vertical_label_height; + + &.has-tooltip-icon { + padding-right: 19px; + .tooltip-icon { + right: 0; + top: calc(50% - 11px); + } + } + } + + // Special Class + &.bold { + font-weight: 600; + } + + &.center { + @include flexJustifyContent(center, center); + } + + &.center + .icon { + top: unset; + bottom: 0; + height: 26px; + } + + &.right-label { + @include flexJustifyContent(flex-end, end); + position: relative !important; + width: unset !important; + + &.multiline { + text-align: right; + } + } + + &:not(.v-label) { + &.multiline { + text-overflow: unset; + white-space: normal; + line-height: 15px; + } + } + + &.warninglabel { + color: $field_warning_label_fg !important; + } + + &.radio.v-label, + &.checkbox.v-label { + @include partial-ellipsis; + display: block; + font-size: 12px; + font-weight: 300; + max-width: calc(100% - 32px); + padding: 0; + border-radius: 0; + } + + &.radio.v-label, + &.checkbox.v-label, + &.richedit.v-label, + &.memotext.v-label { + background-color: transparent; + + &.disabled { + background-color: transparent; + } + } + + &:focus-visible { + @include focus(); + } +} + +// ColorPicker +.cp-label { + position: relative !important; + width: 75px; + color: $cp_box_fg; +} + +.clickable:not(.disabled) { + cursor: pointer; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorMemoText.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorMemoText.module.scss new file mode 100644 index 0000000..10117fb --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorMemoText.module.scss @@ -0,0 +1,171 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.editor-memo { + @include flexDisplay(); + @include flexDirection(row); + @include flexAlignItems(flex-start, start); + @include flexAlignContent(center, center); + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + + .tooltipHolder { + color: $input_tooltip_fg; + line-height: 26px; + font-size: $font_size_label; + font-weight: 300; + } + + .content { + position: absolute; + height: inherit; + background-color: $input_bg; + border: $emt_border; + border-radius: 8px; + + &:focus-visible { + @include focus(); + } + + textarea { + width: 100%; + height: inherit; + padding: 4px; + margin-bottom: $input_margin_bottom; + line-height: $memo_line_height; + font-family: $defaultFont; + font-size: $font_size_input; + text-align: left; + box-sizing: border-box; + color: $input_fg; + background-color: transparent; + border: none; + resize: none; + border-radius: 8px; + + &.clearable { + @include partial-clearable-memo; + } + + &:focus-visible { + @include focus; + } + } + + &.disabled { + border: $input_border_disabled; + + textarea { + color: $input_disabled_fg; + background-color: $input_disabled_bg; + } + } + } + + &.vertical { + @include flexDirection(column); + @include flexJustifyContent(space-between, space-between); + + .content { + @include flexDisplay(); + @include flexDirection(column); + @include flexAlignItems(flex-end, end); + @include flexJustifyContent(flex-end, end); + position: relative; + width: 100%; + height: 100%; + background-color: transparent; + margin-top: 4px; + + textarea { + padding: 0 4px 0 4px; + margin-bottom: 0; + background-color: $emt_bg; + } + } + + .disabled { + + textarea { + background-color: $input_disabled_bg; + + &:focus-visible { + outline: none; + box-shadow: none; + } + } + } + } + + &.focused .content { + border: none; + } + + textarea:focus, + textarea:valid { + outline: none; + box-shadow: none; + } +} + +.editor-date .input-textRight input { + text-align: left; +} + +.editor-memo:not(.warning):not(.error) { + &.focused { + &:not(.vertical) { + .content { + @include partial-editor-shadow; + } + } + + .vertical-border { + border: $input_vertical_focused_border; + } + } +} + +.editor-memo.error { + .content { + box-shadow: $input_error_shadow; + } +} + +.editor-memo.warning { + .content { + box-shadow: $input_warning_shadow; + } +} + +.editor-memo-premium { + &:not(.warning):not(.error) { + &.focused .content { + border: $input_focused_border; + border-radius: 4px; + box-shadow: none !important; + + .icon svg path { + fill: $input_icon_fg; + } + } + + &:not(.focused) .content { + box-shadow: $input_shadow; + border: $emt_border; + border-radius: 4px; + } + + .content.disabled { + border: $input_border_disabled; + } + + .content textarea { + font-size: 10pt; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorOneTimePassword.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorOneTimePassword.module.scss new file mode 100644 index 0000000..8454466 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorOneTimePassword.module.scss @@ -0,0 +1,96 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.editor-otp { + @include partial-row-center; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + -webkit-tap-highlight-color: transparent; + + .asterisk-content { + @include partial-row-center; + width: 60px; + height: 60px; + transform-style: preserve-3d; + + input { + &:focus-visible { + @include focus(); + } + } + + .label { + visibility: hidden; + } + + .asterisk-front, + .asterisk-back { + position: absolute; + width: 40px; + height: 40px; + border-radius: 8px; + box-sizing: border-box; + backface-visibility: hidden; + } + + .asterisk-front { + position: absolute; + background-color: $input_bg; + color: $input_text_editor_fg; + border: $input_text_asteriks_border; + font-size: 18pt; + text-align: center; + + &:disabled { + color: $input_disabled_fg; + text-shadow: $input_shadow_disabled; + } + + &:focus { + color: $input_focused_fg; + background-color: $input_text_asteriks_focus_bg; + outline: none; + } + } + + .asterisk-back { + background-color: $input_text_asteriks_bg; + color: $input_text_asteriks_color; + transform: rotateY(180deg); + + &::before { + display: flex; + justify-content: center; + line-height: 50px; + font-size: 30pt; + font-family: monospace; + content: '*'; + } + } + } + + .asterisk-visible { + transform: rotateY(180deg); + transition: transform 0.5s; + transition-delay: 500ms; + + .asterisk-back { + pointer-events: all; + } + } + + .asterisk-hidden { + transform: none; + transition: none; + transition-delay: 250ms; + + .asterisk-back { + pointer-events: none; + } + } + +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorRadioButton.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorRadioButton.module.scss new file mode 100644 index 0000000..b1aaa51 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorRadioButton.module.scss @@ -0,0 +1,117 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.editor-radiobutton { + @include partial-row-center-start; + @include flexAlignItems(center, center); + @include flexAlignContent(center, center); + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + background-color: transparent; + font-size: $font_size_label; + -webkit-tap-highlight-color: transparent; + + .content { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexAlignContent(center, center); + @include flexJustifyContent(flex-start, start); + position: absolute; + right: 0; + height: inherit; + cursor: pointer; + background-color: transparent; + + &:focus-visible { + @include focus(); + } + + input { + display: none; + pointer-events: none; + } + + .radio-checked { + path { + fill: $radiobutton_check; + } + + &:hover { + path { + fill: $radiobutton_hover; + } + } + + &:focus { + outline: none; + } + } + + .radio-unchecked { + path { + fill: $radiobutton_unchecked; + } + + &:hover { + path { + fill: $radiobutton_hover_unchecked; + } + } + + &:focus { + outline: none; + } + } + + .radio-readonly-checked { + path { + fill: $radiobutton_disabled; + } + + &:focus { + outline: none; + } + } + + .radio-readonly-unchecked { + path { + fill: $radiobutton_disabled; + } + + &:focus { + outline: none; + } + } + + } + + &.right { + @include flexDirection(row-reverse); + .content { + @include flexJustifyContent(center, center); + position: relative; + } + } + + &.vertical { + .content { + @include flexDisplay(); + @include flexAlignItems(center, center); + @include flexJustifyContent(center, center); + } + } + + &.focused { + .icon { + svg { + .radio-circle { + fill: $radiobutton_focused_icon; + } + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorRadioSplitButton.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorRadioSplitButton.module.scss new file mode 100644 index 0000000..dd21c87 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorRadioSplitButton.module.scss @@ -0,0 +1,87 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.editor-radio-split-btn { + @include partial-column-center; + width: 100%; + overflow: hidden; + -webkit-tap-highlight-color: transparent; + cursor: pointer; + + &.horizontal { + height: 100%; + } + + &:not(.horizontal) { + height: 32px; + } + + input { + display: none; + pointer-events: none; + } + + .split { + @include partial-ellipsis; + padding: 4px 8px; + font-size: 14px; + font-weight: 300; + line-height: 18px; + width: 100%; + text-align: center; + + &:focus-visible { + @include focus($outline-offset: -2px, + $box-shadow: none, + $outline-width: 2px, + $border-radius: inherit, + ); + } + + &.horizontal { + height: 100%; + } + + &:not(.checked) { + border: 1px solid $radio_split_button_border; + color: $radio_split_button_fg; + background-color: $radio_split_button_bg; + } + + &.checked { + border: 1px solid $radio_split_button_checked_bg; + color: $radio_split_button_checked_fg; + background-color: $radio_split_button_checked_bg; + + &:focus-within { + outline: none; + } + + &:focus-visible { + @include focus($outline: 2px solid #000, + $outline-offset: -2px, + $box-shadow: none, + $outline-width: 2px, + $border-radius: inherit, + ); + } + + } + + &.disabled { + border: 1px solid $radio_split_button_disabled_bg; + background-color: $radio_split_button_disabled_bg; + color: $radio_split_button_disabled_fg; + cursor: auto; + + &:focus-visible { + @include focus($outline-offset: -2px, + $box-shadow: none, + $outline-width: 2px, + $border-radius: inherit, + ); + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorRadioTabButton.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorRadioTabButton.module.scss new file mode 100644 index 0000000..be1c298 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorRadioTabButton.module.scss @@ -0,0 +1,47 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.editor-radio-tab-btn { + @include partial-column-center; + width: 100%; + height: 100%; + overflow: hidden; + -webkit-tap-highlight-color: transparent; + cursor: pointer; + + .content { + width: 100%; + height: 100%; + } + + input { + display: none; + } + + .tab { + @include partial-ellipsis; + width: 100%; + height: 100%; + padding: 4px 8px; + font-size: 14px; + font-weight: 300; + line-height: 18px; + + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 20px; + letter-spacing: 0; + text-align: center; + + color: $radio_tab_fg; + background-color: $radio_tab_bg; + border-bottom: 5px solid $radio_tab_border_color; + + &.checked { + border-bottom-color: $radio_tab_border_color_checked; + } + + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorRangeSlider.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorRangeSlider.module.scss new file mode 100644 index 0000000..ac03e64 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorRangeSlider.module.scss @@ -0,0 +1,8 @@ +@import "../common/PredefinedMixins.scss"; +@import "../mobilebrowser/EditorRangeSlider.module.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.slider-wrapper { + font-family: $tertiaryFont; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorRating.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorRating.module.scss new file mode 100644 index 0000000..87d60fa --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorRating.module.scss @@ -0,0 +1,105 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.editor-rating { + @include partial-row-center-start; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + overflow: hidden; + -webkit-tap-highlight-color: transparent; + + .content { + position: absolute; + display: flex; + flex-direction: row-reverse; + height: inherit; + cursor: pointer; + background-color: $rating_bg; + + &:not(:checked) { + input { + position: absolute; + top: -9999px; + clip: rect(0, 0, 0, 0); + } + + label { + float: right; + width: 1em; + height: inherit; + padding: 0 0.1em; + overflow: hidden; + white-space: nowrap; + cursor: pointer; + font-size: 200%; + color: $rating_fg; + -webkit-transition: text-shadow 0.3s ease-in 0s; + -moz-transition: text-shadow 0.3s ease-in 0s; + -o-transition: text-shadow 0.3s ease-in 0s; + -ms-transition: text-shadow 0.3s ease-in 0s; + transition: all 0.2s ease-in 0s; + text-shadow: $rating_star_shadow; + -webkit-text-stroke: 1px $rating_fg; + + &:before { + content: "\2605"; + } + + &:hover, + &:hover ~ label { + color: $rating_hover_fg; + text-shadow: $rating_hover_shadow; + -webkit-text-stroke: 1px $rating_hover_fg; + } + } + } + + input:checked ~ label { + color: $rating_checked_fg; + text-shadow: $rating_hover_shadow; + -webkit-text-stroke: 1px $rating_checked_fg; + } + + input:checked + label:hover, + input:checked + label:hover ~ label, + input:checked ~ label:hover, + input:checked ~ label:hover ~ label, + label:hover ~ input:checked ~ label { + color: $rating_checked_hover_fg; + -webkit-text-stroke: 1px $rating_checked_hover_fg; + text-shadow: $rating_hover_shadow; + } + + label:active { + position: relative; + top: 1px; + left: 1px; + } + } +} + +.editor-rating-p { + .content { + border-radius: 4px; + + &.disabled { + border: $input_border_disabled; + } + } + + &.focused { + .content { + @include partial-editor-shadow-premium; + box-shadow: none; + border: $input_focused_border; + + .icon svg path { + fill: $input_icon_fg; + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorRichText.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorRichText.module.scss new file mode 100644 index 0000000..6142d4e --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorRichText.module.scss @@ -0,0 +1,729 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.editor-rte { + @include flexDisplay(); + @include flexDirection(row); + @include flexAlignItems(flex-start, start); + @include flexAlignContent(center, center); + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + + .content { + position: absolute; + height: inherit; + border: $rte_border; + border-radius: 8px; + overflow: hidden; + &:focus-visible { + @include focus(); + } + + } + + &.vertical { + @include flexDirection(column); + @include flexJustifyContent(flex-end, end); + + .content { + @include flexDisplay(); + @include flexDirection(column); + @include flexAlignItems(flex-end, end); + @include flexJustifyContent(flex-start, start); + position: relative; + width: 100%; + height: calc(100% - 20px); + } + } +} + +.editor-rte-p { + &.focused { + .content { + @include partial-editor-shadow-premium; + border: $rte_focused_border; + } + } + + .content { + .jodit { + .jodit_toolbar :global { + background-color: $rte_toolbar_bg; + } + } + } +} + +.editor-rte-comment { + position: relative; + min-height: 200px; + left: 0; + right: 0; + + .content { + left: 0; + right: 0; + } +} + +.editor-rte :global { + + .jodit { + + &.jodit-container { + border: 0; + } + + position: relative; + top: 0; + left: 0; + right: 0; + bottom: 0; + background-color: $rte_bg; + color: $rte_fg; + + .jodit-toolbar__box { + .jodit_icon { + width: 16px; + height: 16px; + line-height: 16px; + fill: $rte_icon; + } + + .jodit-toolbar-button__button:hover { + background-color: $rte_toolbar_item_hover_bg; + } + } + + .jodit-toolbar__box { + background-color: $rte_toolbar_bg; + display: inline-table; + width: 100% !important; + border-top: unset; + + li { + .jodit_dropdownlist h4, + .jodit_dropdownlist blockquote, + .jodit_dropdownlist pre { + line-height: 2; + } + + .jodit_dropdownlist h5, + .jodit_dropdownlist h6 { + line-height: 2.4; + } + + .jodit_dropdownlist h6 { + font-size: 0.7em; + font-weight: 400; + margin: 0; + } + + .jodit_tabs { + color: $rte_tabs_fg; + } + } + + .toolbar-fontsize { + .jodit_dropdownlist { + li { + a { + padding: 0 12px; + font-size: 9pt; + } + } + } + } + } + + .jodit-workplace { + background-color: $rte_editor_bg; + color: $rte_editor_fg; + text-rendering: optimizeLegibility; + } + } + + .jodit_theme_dark-standard-fullbrowser { + .jodit-toolbar-button__button:hover { + background-color: $rte_toolbar_color2; + } + + .jodit-toolbar-button__trigger:hover:not([disabled]) { + background-color: $rte_toolbar_color1; + } + + .jodit-toolbar-button_with-trigger_true:hover:not([disabled]) { + background-color: $rte_toolbar_color2; + border-color: $rte_toolbar_color3; + } + + .jodit-ui-separator { + border-right: $rte_toolbar_border_right; + } + + .jodit-wysiwyg { + background-color: $rte_content_bg; + color: $rte_content_fc; + } + + .jodit-status-bar { + background-color: $rte_status_bg; + border-color: $rte_border_color; + color: $rte_status_fc; + + .jodit-xpath__item a { + color: $rte_status_button_fc; + } + + .jodit-xpath__item a:hover { + background-color: $rte_status_button_hover;; + } + + .jodit-toolbar-button__icon svg { + fill: $rte_status_fc; + stroke: $rte_status_fc; + } + + .jodit-toolbar-button__button:hover:not([disabled]) { + background-color: $rte_status_button_hover; + } + } + } + + .jodit_theme_dark .jodit-wysiwyg { + background-color: $rte_content_bg !important; + color: $rte_content_fc !important; + } + +} + +* :global { + .not-mobile-device { + .jodit { + + hr { + border-width: 0 0 1px 0; + border-color: $rte_hr; + } + + .jodit-dialog__panel { + @include partial-box-shadow; + text-rendering: optimizeLegibility; + background: $rte_dialog_bg; + font-family: $rte_dialog_font; + border-radius: $rte_dialog_border_radius; + + .jodit-dialog__header { + height: 50px; + background: $rte_dialog_header_bg; + border-bottom: $rte_dialog_header_border; + cursor: move; + box-shadow: unset; + border-top-left-radius: $rte_dialog_border_radius; + border-top-right-radius: $rte_dialog_border_radius; + + .jodit-dialog__header-toolbar { + padding: 0; + + .jodit-toolbar-button { + margin: 0; + border: 0; + border-radius: 0; + height: 48px; + width: 48px; + + .jodit-toolbar-button__button { + border-radius: 0; + height: 48px; + width: 48px; + background: $rte_dialog_button_bg; + + .jodit_icon { + fill: $rte_dialog_button_fg; + } + + &:hover { + background: $rte_dialog_button_hover_bg; + + .jodit_icon { + fill: $rte_dialog_button_hover_fg; + } + } + } + } + + .jodit-toolbar-button_fullsize { + display: none; + } + } + + .jodit-dialog__header-title { + padding: 0 0 0 20px; + text-align: left; + font-weight: lighter; + font-size: $rte_dialog_header_fontsize; + color: $rte_dialog_header_fg; + } + } + + .jodit-dialog__content { + font-family: $defaultFont; + color: $rte_dialog_content_fg; + + .jodit-dialog_prompt { + max-width: none; + } + + .jodit-tabs { + color: $rte_dialog_content_fg; + + .jodit-tabs__buttons { + margin-bottom: 0; + + button { + border-top-left-radius: 4px; + border-top-right-radius: 4px; + background: transparent; + border: none; + + .jodit-ui-button__text { + @include partial-ellipsis; + color: $rte_dialog_content_fg; + font-family: $defaultFont; + font-size: $rte_dialog_content_fontsize; + font-weight: 300; + } + + &[aria-pressed='true'] { + background: $rte_dialog_content_tabs_wrapper_bg; + + .jodit-ui-button__text { + font-weight: 600; + } + } + + &:hover { + border: none; + + &[aria-pressed='false'] { + background: $rte_dialog_content_tabs_hover_bg; + } + } + } + } + + .jodit-tabs__wrapper { + padding: 5px 0; + background: $rte_dialog_content_tabs_wrapper_bg; + } + } + + label { + @include partial-ellipsis; + font-family: $defaultFont; + font-size: $font_size_label; + font-weight: 300; + max-height: 100%; + margin-bottom: -4px; + } + + .jodit-properties__lock { + cursor: pointer; + } + } + + .jodit-dialog__footer { + @include partial-row-center-end; + width: 100%; + height: 50px; + background-color: $rte_dialog_footer_bg; + border-top: $rte_dialog_footer_border; + border-bottom-left-radius: $rte_dialog_border_radius; + border-bottom-right-radius: $rte_dialog_border_radius; + + .jodit-ui-button { + @include partial-transition; + @include partial-column-center; + @include partial-ellipsis; + position: relative; + margin: 0 8px 0 0; + height: 28px; + overflow: hidden; + cursor: pointer; + min-width: 120px; + border: none; + border-radius: 3px; + background-color: $rte_dialog_footer_button_bg; + box-shadow: $rte_dialog_footer_button_shadow; + text-shadow: $rte_dialog_footer_button_text_shadow; + color: $rte_dialog_footer_button_fg; + font-size: $font_size_body; + font-weight: $rte_dialog_footer_button_font_weight; + text-align: center; + text-transform: $rte_dialog_footer_button_text_transform; + outline: none; + + .jodit-ui-button__icon { + display: none; + } + + .jodit-ui-button__text { + font-family: var(--secondaryFont); + font-size: $font_size_body; + flex-grow: unset; + } + + &:hover, &.hover { + box-shadow: $rte_dialog_footer_button_hover_shadow; + color: $rte_dialog_footer_button_hover_fg; + background-color: $rte_dialog_footer_button_hover_bg; + } + } + } + + .jodit-dialog__resizer { + display: none; + } + + .jodit_icon { + fill: $rte_dialog_button_fg; + } + + .jodit-properties .jodit-properties_view_box { + .jodit-properties_image_view{ + background-color: $rte_dialog_image_preview_bg; + } + + .jodit-properties_image_sizes.jodit-form__group { + justify-content: space-between; + + .jodit-input { + width: calc(50% - 13px) !important; + } + } + } + } + + .jodit-dialog__panel .jodit-dialog__content, + + &.jodit-popup-container { + padding: 0; + font-family: $primaryFont; + + a { + background-repeat: no-repeat; + background-position: 30% center; + } + + .jodit-image-popup { + width: 190px; + color: #444444; + + .jodit-tabs__buttons { + button, button:hover { + cursor: default; + background-color: transparent; + } + } + } + + .jodit-popup__content { + font-size: 9pt; + color: $rte_dialog_content_fg; + + select.jodit-select { + background: none; + appearance: auto; + padding: 0 4px; + } + + .jodit-ui-input__wrapper { + border: 0; + } + + input.jodit-input, + input.jodit-ui-input__input, + select.jodit-select { + font-family: $defaultFont; + height: $input_height; + border: $input_border; + border-radius: $rte_dialog_input_border_radius; + background-color: $input_bg; + line-height: $font_size_input; + font-size: $font_size_input; + font-family: $defaultFont; + text-align: left; + box-sizing: border-box; + box-shadow: none; + color: $input_text_editor_fg; + outline: none; + + option { + background-color: $input_bg; + } + + &::placeholder { + color: $input_text_editor_fg; + } + + &[disabled] { + background: $input_disabled_bg; + color: $input_disabled_fg; + text-shadow: $input_shadow_disabled; + + &::placeholder { + color: $input_disabled_fg; + } + } + + &:focus { + @include partial-editor-shadow; + border: $rte_dialog_input_focused_border; + color: $input_focused_fg; + background-color: $input_focused_bg; + outline: none; + + input:-webkit-autofill, + input:-webkit-autofill:hover, + input:-webkit-autofill:focus, + input:-internal-autofill-selected, + textarea:-webkit-autofill, + textarea:-webkit-autofill:hover, + textarea:-webkit-autofill:focus, + select:-webkit-autofill, + select:-webkit-autofill:hover, + select:-webkit-autofill:focus { + color: var(--input_text_editor_fg) !important; + -webkit-text-fill-color: var(--input_text_editor_fg) !important; + background-color: var(--input_bg) !important; + border: $rte_dialog_input_focused_border !important; + box-shadow: $rte_dialog_input_focused_shadow !important; + -webkit-box-shadow: $rte_dialog_input_focused_shadow !important; + } + } + } + + .jodit-ui-button_variant_primary, + .jodit-ui-button_variant_default { + box-shadow: $theme_shadow_btn; + font-family: $primaryFont; + font-size: 8pt; + + .jodit-ui-button__text { + font-family: $primaryFont; + font-size: 8pt; + } + + &:hover { + box-shadow: $theme_shadow_hover_btn; + } + } + + .jodit-ui-button_variant_primary { + background-color: $theme_command_important_bg; + color: $theme_command_important_fg; + + .jodit-ui-button__text { + color: $theme_command_important_fg; + } + + &:hover { + background-color: $theme_command_important_bg; + } + } + + .jodit-ui-button_variant_default { + background-color: $theme_command_bg; + color: $theme_command_fg; + + .jodit-ui-button__text { + color: $theme_command_fg; + } + + &:hover { + background-color: $theme_command_bg_hover; + } + } + + .jodit-ui-input__label { + font-size: $font_size_label; + } + + .jodit_interline { + display: inline-flex; + padding: 0; + width: 100%; + + .text { + @include partial-row-center-start; + padding: 0 6px 0 0; + width: calc(100% - 32px); + } + + .icon { + height: 32px; + width: 32px; + } + + .active, + .i6, + .i7 { + background-size: 16px 16px; + background-repeat: no-repeat; + background-position: center center; + } + + .active { + background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPScjMDAwMDAwJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMjQgMjQnIHdpZHRoPScyNCcgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJz48cGF0aCBkPSdNOSAxNi4yTDQuOCAxMmwtMS40IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeicvPjwvc3ZnPg==); + } + + .i6 { + background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPScjMDAwMDAwJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMTYwIDE2MCcgd2lkdGg9JzI0JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J004MC4wODcgNTBhNC45ODUgNC45ODcgMCAwIDAgNC45MDktNS4wNTdWMTcuMDg4bDYuNDQ1IDYuNDQ4YTQuOTg1IDQuOTg3IDAgMCAwIDMuNTc3IDEuNTExIDQuOTg1IDQuOTg3IDAgMCAwIDMuNDcyLTguNTYzTDgzLjk3MiAxLjk2MWE0Ljk4NSA0Ljk4NyAwIDAgMC03LjkzOS4wMThsLTE0LjUgMTQuNTA1YTQuOTg1IDQuOTg3IDAgMSAwIDcuMDQ4IDcuMDUybDYuNDQ1LTYuNDQ4djI3Ljg1NWE0Ljk4NSA0Ljk4NyAwIDAgMCA1LjA2MSA1LjA1NnpNNS4wNjcgNjBhNC45OTYgNSAwIDEgMCAwIDEwaDE0OS44NjZhNC45OTYgNSAwIDEgMCAwLTEwSDUuMDY3em0wIDI5Ljk5OGE0Ljk5NiA1IDAgMSAwIDAgMTBoOTkuOTFhNC45OTYgNSAwIDEgMCAwLTEwSDUuMDY4em0wIDMwYTQuOTk2IDUgMCAxIDAgMCAxMGgxNDkuODY2YTQuOTk2IDUgMCAxIDAgMC0xMEg1LjA2N3ptMCAzMGE0Ljk5NiA1IDAgMSAwIDAgMTBsMTQ5Ljg2Ni4wMDJhNC45OTYgNSAwIDEgMCAwLTEwbC0xNDkuODY2LS4wMDJ6Jy8+PC9zdmc+); + } + + .i7 { + background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPScjMDAwMDAwJyBoZWlnaHQ9JzI0JyB2aWV3Qm94PScwIDAgMTYwIDE2MCcgd2lkdGg9JzI0JyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnPjxwYXRoIGQ9J001LjA2NyAwYTQuOTk2IDUgMCAxIDAgMCAxMEgxNTQuOTRhNC45OTYgNSAwIDEgMCAwLTEwSDUuMDY3em0wIDI5Ljk5OWE0Ljk5NiA1IDAgMSAwIDAgMTBoOTkuOTE2YTQuOTk2IDUgMCAxIDAgMC0xMEg1LjA2N3ptMCAzMGE0Ljk5NiA1IDAgMSAwIDAgMTBIMTU0Ljk0YTQuOTk2IDUgMCAxIDAgMC0xMEg1LjA2N3ptMCAzMGE0Ljk5NiA1IDAgMSAwIDAgMTBMMTU0Ljk0IDEwMGE0Ljk5NiA1IDAgMSAwIDAtMTBMNS4wNjcgODkuOTk5ek03OS45MTYgMTEwYTQuOTg1IDQuOTg3IDAgMCAwLTQuOTA5IDUuMDU2djI3Ljg1NmwtNi40NDUtNi40NDhhNC45ODUgNC45ODcgMCAwIDAtMy41NzctMS41MTEgNC45ODUgNC45ODcgMCAwIDAtMy40NzMgOC41NjJsMTQuNTIgMTQuNTI0YTQuOTg1IDQuOTg3IDAgMCAwIDcuOTM4LS4wMThsMTQuNTAxLTE0LjUwNmE0Ljk4NSA0Ljk4NyAwIDEgMC03LjA1LTcuMDVsLTYuNDQzIDYuNDQ3di0yNy44NTZhNC45ODUgNC45ODcgMCAwIDAtNS4wNjItNS4wNTZ6Jy8+PC9zdmc+); + } + } + + .jodit_paste { + display: inline-flex; + padding: 0; + width: 100%; + + .text { + @include partial-row-center-start; + padding: 0 0 0 6px; + } + + .icon { + height: 18px; + width: 18px; + } + } + + .toolbar-i6 { + border-top: $rte_dropdown_toolbar_border; + } + } + } + } + + .jodit_theme_dark-standard-fullbrowser { + .jodit-ui-form { + .jodit-ui-input__label { + color: $rte_toolbar_color4; + } + + .jodit-ui-button_variant_primary { + background-color: $rte_toolbar_color5 !important; + + .jodit-ui-button__text { + color: $rte_content_fc !important; + } + + &:hover { + background-color: $rte_status_button_hover !important; + } + } + } + + .jodit-toolbar-editor-collection::after { + content: none; + } + + .jodit-toolbar-button__icon { + .jodit_icon { + fill: $rte_toolbar_color4; + } + } + + .jodit-toolbar-button { + .icon > svg { + fill: $rte_toolbar_color4; + } + } + + .jodit-toolbar-button__text { + color: $rte_content_fc; + } + + .jodit-toolbar-button__button:hover:not([disabled]) { + background-color: $rte_toolbar_color2; + } + + .jodit-toolbar-button__trigger:hover:not([disabled]) { + background-color: $rte_toolbar_color1; + } + + .jodit-toolbar-button_with-trigger_true:hover:not([disabled]) { + border-color: $rte_toolbar_color1; + } + + .jodit-popup__content { + background-color: $rte_toolbar_color3; + } + + .jodit-popup__content_custom { + background-image: none; + &::after { + content: none; + } + } + + .jodit-tabs__button_columns_2 { + color: $rte_content_fc; + } + + .jodit-ui-button[aria-pressed='true']:hover:not([disabled]) { + background-color: $rte_status_button_hover; + } + + .jodit-ui-button[aria-pressed='true']:not([disabled]){ + background-color: $rte_toolbar_color1; + } + + .jodit-ui-button:hover:not([disabled]) { + background-color: $rte_status_button_hover; + } + + .jodit-color-picker__native svg{ + fill: $rte_toolbar_color4; + } + + .jodit-drag-and-drop__file-box { + color: $rte_toolbar_color4; + border-color: $rte_toolbar_color1; + } + + .jodit-drag-and-drop__file-box:hover { + background-color: $rte_toolbar_color2; + } + + .jodit-ui-button__icon svg { + fill: $rte_status_button_fc; + } + + .jodit-form__inserter { + .jodit-form__center { + color: $rte_toolbar_color7; + } + } + + .jodit-form__table-creator-box { + .jodit-form__container > div > span { + border: $rte_table_creator_border; + } + + .jodit_hovered { + border-color: $rte_toolbar_color6 !important; + background: $rte_toolbar_color6 !important; + } + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorRichTextReadonly.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorRichTextReadonly.module.scss new file mode 100644 index 0000000..cc769ef --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorRichTextReadonly.module.scss @@ -0,0 +1,151 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.editor-html { + @include flexDisplay(); + @include flexDirection(row); + @include flexAlignItems(flex-start, start); + @include flexAlignContent(center, center); + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + + .btn-fullsize { + @include partial-column-center; + position: absolute; + top: 8px; + right: 22px; + width: 28px; + height: 28px; + z-index: 100; + cursor: pointer; + line-height: 8pt; + font-size: 14pt; + font-family: $primaryFont; + border-radius: 2px; + background-color: $ehtml_fullsize_btn_bg; + box-shadow: $ehtml_fullsize_btn_shadow; + + &:focus-visible { + @include focus( + $outline: $focus_outline_tertiary, + $outline-offset: 2px, + $outline-width: 2px, + ); + } + + &:active { + background-color: $ehtml_fullsize_btn_active_bg; + } + + svg { + width: 16px; + height: 16px; + } + + svg path { + fill: $ehtml_fullsize_btn_fg; + } + + &:active { + box-shadow: $ehtml_fullsize_btn_active_shadow; + + svg path { + fill: $ehtml_fullsize_btn_active_fg; + } + } + } + + .content, + .editor-fullsize { + table { + width: 100%; + border-collapse: collapse; + + td { + border: $ehtml_content_line_color; + } + } + + hr { + border: 0; + border-top: $ehtml_content_line_color; + } + } + + .content { + @include partial-sellect-text; + position: absolute; + height: inherit; + color: $ehtml_fg; + padding: 0 10px; + border: $ehtml_border; + border-radius: 8px; + background-color: $ehtml_bg; + outline: none; + + &:focus-visible { + @include focus(); + } + + .html-scroll-content { + padding: 10px 15px; + } + } + + .editor-fullsize { + position: fixed; + z-index: 100000; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; + + color: $ehtml_fg; + background-color: $ehtml_bg; + } + + .html-scroll-content { + @include partial-sellect-text; + padding: 10px 20px; + width: 100%; + height: 100%; + overflow: hidden; + } + + &.vertical { + @include flexDirection(column); + @include flexJustifyContent(flex-end, end); + + .content { + @include flexDisplay(); + @include flexDirection(column); + @include flexAlignItems(flex-end, end); + @include flexJustifyContent(flex-end, end); + position: relative; + width: 100%; + height: calc(100% - 20px); + } + + .btn-fullsize { + top: 32px; + } + } +} + +.editor-html-p { + .content { + border-radius: 4px; + } + + //CHECK: NG => nie mam pojęcia z czym są związane te style + .modal-overlay .modal .modal-buttons { + border-top: 0; + border-bottom: $ehtml_modal_border; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorSignature.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorSignature.module.scss new file mode 100644 index 0000000..2f41241 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorSignature.module.scss @@ -0,0 +1,113 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.editor-signature { + @include partial-row-center-start; + @include flexAlignItems(flex-start, start); + -webkit-tap-highlight-color: transparent; + overflow: hidden; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 100%; + + .content { + position: absolute; + top: 0; + margin-left: 5px; + height: inherit; + cursor: crosshair; + border: $signature_content_border; + border-radius: 8px; + background-color: $signature_content_bg; + + .signature { + position: absolute; + top: 1px; + left: 1px; + width: calc(100% - 2px); + height: calc(100% - 2px); + cursor: $signature_cursor; + + &:focus-visible { + @include focus; + } + } + + .icon { + @include partial-transition; + @include partial-column-center; + top: 5px; + right: 5px; + width: 24px; + height: 24px; + position: absolute; + background-color: $signature_icon_bg; + border-radius: 2px; + box-shadow: $signature_icon_shadow; + cursor: pointer; + z-index: 100; + + &:focus-visible { + @include focus(); + } + + svg { + width: 16px; + height: 16px; + + path { + fill: $signature_icon_color; + } + } + + &:hover { + box-shadow: $signature_icon_hover_shadow; + } + + &:active { + box-shadow: $signature_icon_active_shadow; + background-color: $signature_icon_active_bg; + + svg { + path { + fill: $signature_icon_active_color; + } + } + } + } + + &.disabled { + cursor: not-allowed; + + .icon { + box-shadow: $signature_icon_active_shadow; + background-color: $signature_icon_active_bg; + + svg { + path { + fill: $signature_icon_active_color; + } + } + } + } + } + + &.vertical { + @include flexDirection(column); + @include flexJustifyContent(flex-end, end); + .content { + @include flexDisplay(); + @include flexDirection(column); + @include flexAlignItems(flex-end, end); + @include flexJustifyContent(flex-end, end); + position: relative; + width: 100%; + height: calc(100% - 20px); + margin: 0; + } + } + +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorStopwatch.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorStopwatch.module.scss new file mode 100644 index 0000000..1e341b2 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorStopwatch.module.scss @@ -0,0 +1,16 @@ +@import "../common/PredefinedMixins.scss"; +@import "./Variables.scss"; + +.stopwatch { + width: inherit; + height: inherit; + border: none; + text-align: right; + padding-right: 7px; + color: $input_text_editor_fg; + background-color: transparent; + + &:focus-visible { + @include focus; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/EditorText.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/EditorText.module.scss new file mode 100644 index 0000000..bbeb2a1 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/EditorText.module.scss @@ -0,0 +1,561 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.editor-text, +.date-text { + @include partial-row-center-start; + @include flexAlignItems(center, center); + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + min-height: inherit; + + &:focus-within .content { + @include focus(); + } + + .content { + @include partial-row-center-start; + position: absolute; + height: inherit; + border: $theme_editor_common_border; + background-color: $input_bg; + border-radius: 8px; + + input { + background-color: $input_text_editor_bg; + border: 0; + box-sizing: border-box; + color: $input_text_editor_fg; + font-family: $defaultFont; + font-size: $font_size_input; + font-weight: 500; + line-height: $font_size_input; + outline: none; + padding: 0 2px 0 4px; + height: 100%; + width: 100%; + text-align: left; + border-radius: 8px; + + ::-ms-clear { + display: none; + } + + &:disabled { + color: $input_disabled_fg; + background-color: $input_disabled_bg; + } + + &:focus { + color: $input_focused_fg; + background-color: transparent; + outline: none; + } + + &.clearable { + @include partial-clearable-text; + } + } + + .icon { + @include partial-column-center; + height: $input_height; + width: 24px; + cursor: pointer; + + &:focus-visible { + @include focus(); + } + + svg { + height: 16px; + width: 16px; + + path { + fill: $input_icon_fg; + } + } + + &.disabled { + svg { + path { + fill: $input_icon_fg_disabled; + } + } + } + } + + &.disabled { + background-color: $input_disabled_bg; + border: $input_border_disabled; + } + } + + &.vertical { + top: unset; + width: 100%; + height: 100%; + background-color: transparent; + + .content { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(row); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + @include flexAlignContent(stretch, stretch); + + right: 0; + height: calc(100% - 8px); + width: calc(100% - 4px); + padding: 0; + + input { + background-color: unset; + font-family: $tertiaryFont; + font-size: $font_size_vertical_input; + height: inherit; + line-height: $font_size_vertical_line_height; + padding: 0 4px 0 14px; + + &:disabled { + color: $input_disabled_fg; + background-color: $input_disabled_bg; + } + } + + &.disabled { + background-color: $input_disabled_bg; + border: unset; + } + } + } + + .vertical-border { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 1; + border: $input_vertical_border; + border-radius: 12px; + + &.active { + border: $input_vertical_focused_border; + } + + &.disabled { + background-color: $input_disabled_bg; + } + } + + &.locator { + position: relative; + + .content { + position: relative; + border-left: none; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + width: 100%; + border-color: $grid_loc_command_border_color; + + input { + padding-left: 16px !important; + font-family: $tertiaryFont; + font-size: 14px; + line-height: 20px; + + &::-webkit-input-placeholder { + color: $grid_loc_input_placeholder_fg; + } + + &::-moz-placeholder { + color: $grid_loc_input_placeholder_fg; + } + + &:-moz-placeholder { + color: $grid_loc_input_placeholder_fg; + } + + &:-ms-input-placeholder { + color: $grid_loc_input_placeholder_fg; + } + } + } + + &.premium { + &:not(.vertical), + &.vertical { + .content { + border-left: none; + border-color: $grid_loc_command_border_color; + border-radius: 0 8px 8px 0; + } + } + } + } + + &.lookup { + .icon { + height: 100%; + + svg { + width: 16px; + + path { + fill: $lookup_editor_icon; + } + } + } + } + + &.multiline-label { + .content { + bottom: 0; + height: 26px; + } + } + + &.empty-bg { + .content { + background: $cp_empty_bg; + + .icon { + svg path { + fill: $cp_empty_icon !important; + } + } + } + } + + &.focused { + &:not(.grid) { + &:not(.premium) { + background-color: $input_focused_bg; + } + } + + &:not(.vertical) { + .content { + @include partial-editor-shadow; + border: none; + + input:-webkit-autofill, + input:-webkit-autofill:hover, + input:-webkit-autofill:focus, + input:-webkit-autofill:active { + -webkit-box-shadow: $input_autofill_focused_shadow !important; + } + } + } + + .vertical-border { + border: $input_vertical_focused_border; + } + + .content { + .icon { + color: $input_focused_fg; + background-color: transparent; + + svg path { + fill: $input_focused_fg; + } + } + } + } + + &.color-picker { + .content { + input { + background-color: inherit; + &:disabled { + background-color: inherit; + } + } + } + } + + &.color-picker { + .content { + input { + background-color: inherit; + &:disabled { + background-color: inherit; + } + } + } + } + + &.color-picker-d { + .content { + .icon { + svg { + path { + fill: white; + } + } + } + } + } + + + &.grid:not(.color-picker) { + .content { + border: none; + + input { + padding: 0 5px; + font-size: 10pt; + } + } + + &.focused { + .content { + box-shadow: none; + } + } + } + + &.dashboard { + .content { + top: unset; + left: unset; + } + } + + &.warning { + .content { + box-shadow: $input_warning_shadow; + } + } + + &.error { + .content { + box-shadow: $input_error_shadow; + } + } + + &.input-textRight { + .content { + input { + text-align: right; + } + } + } + + &.editor-date { + &.input-textRight { + .content { + input { + text-align: left; + } + } + } + } + + .tooltipHolder { + color: $input_tooltip_fg; + line-height: 26px; + font-size: $font_size_label; + font-weight: 300; + } + + input[type="text"], + input[type="password"] { + display: block; + } + + input:focus, + input:valid { + outline: none; + box-shadow: none; + } + + &.premium { + &:not(.vertical) { + .content { + box-shadow: $input_shadow; + border: $input_border; + border-radius: 4px; + + &.disabled { + border: $input_border_disabled; + } + + input { + &:disabled { + text-shadow: $input_disabled_text_shadow; + } + } + + .icon { + width: 22px; + padding-left: 5px; + } + } + } + + .con-adv input { + padding: 0 2px 0 10px; + } + + &.focused { + .content { + @include partial-editor-shadow-premium; + box-shadow: none; + border: $input_focused_border; + background-color: $input_focused_bg; + + .icon svg path { + fill: $input_icon_fg; + } + } + } + + &.grid.focused { + background-color: $grid_eip_bg; + + .content { + background-color: $grid_eip_content_bg; + border: none; + } + } + } +} + +.cp-editor { + @include partial-row-center-start; + height: 26px; + width: 100%; + + .content { + position: relative; + height: inherit; + line-height: 26px; + padding: 0; + border: none; + + input { + width: 65px; + height: 20px; + padding: 0 5px; + border: none; + outline: none; + line-height: 20px; + font-size: 9pt; + text-align: right; + } + } +} + +input::-webkit-outer-spin-button, +input::-webkit-inner-spin-button { + -webkit-appearance: none; + margin: 0; +} + +input[type=number] { + -moz-appearance: textfield; +} + +.date-text { + position: relative; + height: inherit; + width: calc(100% - 40px); + + .content { + position: relative; + display: inline-flex; + top: 0; + left: 0; + height: inherit; + width: 100%; + padding: 0; + align-items: center; + + input { + width: inherit; + height: calc(100% - 2px); + border: none; + outline: none; + line-height: inherit; + font-size: 12pt; + background-color: transparent; + color: $signIn_text_fg; + + &.clearable { + @include partial-clearable-text; + } + + &.clearable-dark { + @include partial-clearable-text; + $color: "rgb(163, 163, 163, 1)"; + $style: "style='fill: #{$color};'"; + $path: ""; + $data-url: "data:image/svg+xml;utf8,#{$path}"; + background-image: url($data-url); + } + } + + input:-webkit-autofill, + input:-webkit-autofill:hover, + input:-webkit-autofill:focus, + input:-webkit-autofill:active { + -webkit-box-shadow: $signIn_text_shadow; + } + + .icon { + @include partial-column-center; + position: relative; + width: 40px; + height: 100%; + + svg { + height: 20px; + width: 20px; + + path { + fill: $signIn_field_icon_fg; + } + } + } + } + + &.vertical { + .content { + padding-left: 20px; + margin-top: 3px; + input { + font-size: 18px; + &.clearable { + padding: 0 18px 0 0 !important; + } + } + } + } + + &.focused { + .content { + + input:-webkit-autofill, + input:-webkit-autofill:hover, + input:-webkit-autofill:focus, + input:-webkit-autofill:active { + -webkit-box-shadow: $signIn_field_focused_shadow; + } + } + } +} + +.editor-readonly { + .content { + background-color: $input_disabled_bg; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/FastNavigation.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/FastNavigation.module.scss new file mode 100644 index 0000000..b3d462c --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/FastNavigation.module.scss @@ -0,0 +1,19 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.fn-con-overlay { + @include partial-column-center; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0; + z-index: 200001; + background-color: $dp_overlay_bg; +} + +.fn-con { + overflow: hidden; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/FeatureBarElement.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/FeatureBarElement.module.scss new file mode 100644 index 0000000..3926b36 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/FeatureBarElement.module.scss @@ -0,0 +1,207 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.fb-anim-open :global { + -webkit-animation-name: anim-open; + animation-name: anim-open; + -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); + animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); +} + +.fb-anim-close :global { + -webkit-animation-name: anim-close; + animation-name: anim-close; +} + +.feature-content { + position: relative; + + &:focus-visible { + @include focus( + $outline-offset: -3px, + $outline-width: 2px, + $box-shadow: none, + ); + } + + .feature { + @include partial-row-center-start; + + .text { + height: inherit; + padding-right: 5px; + } + } + + .coll, + .exp { + .icon { + @include partial-column-center; + height: 10px; + line-height: normal; + width: 10px; + + svg { + height: 100%; + + path { + fill: $featurebar_item_icon; + } + } + } + } + + .groupcoll { + padding-left: 10px; + background-color: $featurebar_group_bg; + } + + &.header { + &:only-child { + width: 100%; + } + + .feature { + height: 24px; + color: $featurebar_features_fg; + font-size: $font_size_button; + line-height: 24px; + padding-left: 5px; + cursor: default; + + &.groupexp:first-child { + .text { + cursor: pointer; + width: 100%; + } + } + + &.exp:first-child { + &:not(.selected) { + .text { + cursor: pointer; + width: 100%; + } + } + } + + &.groupexp { + &:hover { + .text { + text-decoration: underline; + } + } + } + } + + &:last-child { + .feature { + .icon { + display: none; + } + } + } + + &:hover { + .feature { + &.selected { + .text { + color: $featurebar_text_hover_fg; + } + } + + &:not(.selected) { + .text { + text-decoration: underline; + color: $featurebar_text_hover_fg; + } + + &.exp { + .icon { + path { + fill: $featurebar_text_hover_fg; + } + } + } + } + } + } + } + + &.item { + width: 100%; + border-bottom: $featurebar_features_border; + + .feature { + width: 100%; + height: 32px; + color: $featurebar_features_fg; + font-size: $font_size_button; + line-height: 32px; + cursor: pointer; + + .check-open, + .check-close { + @include partial-column-center; + position: relative; + left: 0; + top: 0; + width: 32px; + height: 32px; + + // RS=>RS TID: 47112 powoduje to problemy na Edge + /*animation-duration: 0.4s; + -webkit-animation-duration: 0.4s; + animation-fill-mode: forwards; + -webkit-animation-fill-mode: forwards;*/ + svg { + width: 16px; + height: 100%; + } + + &.anim-open { + @extend .fb-anim-open; + } + + &.anim-close { + @extend .fb-anim-close; + } + } + + .check-open { + svg { + path { + fill: $featurebar_item_icon; + } + } + } + + .check-close { + svg { + path { + fill: $featurebar_item_icon; + } + } + } + + &:hover { + background-color: $featurebar_item_hover_bg; + + .text { + color: $featurebar_text_hover_fg; + } + + &.coll, + &.exp, + &.check-close { + svg { + path { + fill: $featurebar_item_hover_icon; + } + } + } + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/FeaturesBar.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/FeaturesBar.module.scss new file mode 100644 index 0000000..adfa4a4 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/FeaturesBar.module.scss @@ -0,0 +1,56 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.features-bar { + position: absolute; + left: 0; + top: 0; + bottom: 0; + height: 100%; + width: 200px; + + .features-container { + @include partial-column-start-start-wrap; + position: absolute; + top: 0; + bottom: 0; + width: 100%; + overflow: hidden; + background: $featurebar_bg; + + .features-header:first-of-type { + background: inherit; + } + + .features-header, + .features-items { + position: relative; + } + + .features-header { + @include partial-row-center-start; + min-height: 33px; + overflow: hidden; + background-color: $featurebar_features_header_bg; + border-bottom: $featurebar_features_border; + margin: 0; + padding: 0; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + + &:hover { + background-color: $featurebar_item_hover_bg; + } + } + + .features-items { + padding: 0; + bottom: 0; + width: 100%; + overflow: hidden; + background-color: $featurebar_item_bg; + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/FieldBase.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/FieldBase.module.scss new file mode 100644 index 0000000..756ea72 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/FieldBase.module.scss @@ -0,0 +1,54 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.field { + position: absolute; + min-height: 26px; + + &.hidden { + display: none; + } + + // Special Class + &.largefont { + input { + font-size: 12pt !important; + } + } + + &.fixedwidthfont { + input, + textarea { + font-family: $monospaceFont !important; + } + } + + &.boldfont { + input { + font-weight: 600 !important; + } + } + + &.warningfont { + input { + color: $field_warning_label_fg !important; + } + } + + &.field-v { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(column); + @include flexJustifyContent(flex-end, flex-end); + @include flexAlignItems(flex-start, flex-start); + @include flexAlignContent(stretch, stretch); + } + + &.rangeslider { + @include flexDisplay; + @include flexAlignItems(flex-end, end); + width: 100%; + padding: 6px 0 10px 0; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/FieldImage.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/FieldImage.module.scss new file mode 100644 index 0000000..33e7824 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/FieldImage.module.scss @@ -0,0 +1,88 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./FieldBase.module.scss"; +@import "./Variables.scss"; + +.field-image, +.field-image-full-screen { + padding: 4px; + width: 100%; + + .imgContainer { + position: relative; + border-radius: 12px; + + img { + border-radius: 12px; + } + + .fullScreenButton { + cursor: pointer; + @include fullScreenButton(); + + .fullScreenIcon { + width: 16px; + height: 16px; + fill: $field_image_full_screen_fg; + } + } + } + + &.circle { + .imgContainer { + @include flexDisplay(); + @include flexJustifyContent(center, center); + background-color: $field_image_circle_bg; + border: $field_image_circle_border; + overflow: hidden; + border-radius: 50%; + padding: 0; + width: 100%; + height: 100%; + } + } +} + +.field-image { + @include partial-column-center; + position: absolute; + + &:focus-visible { + @include focus(); + } + + .imgContainer { + @include flexDisplay(); + @include flexJustifyContent(center, center); + } + + .empty-img { + height: inherit; + width: inherit; + border-radius: 12px; + + svg { + height: inherit; + width: inherit; + fill: $grid_emptycontent; + } + } +} + +.field-image-full-screen { + @include partial-column-center; + position: fixed; + z-index: 99999; + background-color: $full-screen-field-bg; + .imgContainer { + @include partial-column-center; + margin: 20px; + img { + height: 97%; + } + .fullScreenButton { + right: 50px; + bottom: 50px; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/FieldLocator.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/FieldLocator.module.scss new file mode 100644 index 0000000..43f0bfa --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/FieldLocator.module.scss @@ -0,0 +1,10 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "./FieldBase.module.scss"; + +.field-locator { + @include flexSelf(1, 1, auto); + position: relative; + width: 50%; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/FieldPhone.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/FieldPhone.module.scss new file mode 100644 index 0000000..1c772ec --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/FieldPhone.module.scss @@ -0,0 +1,9 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "./FieldBase.module.scss"; + +.field-phone { + display: inline-flex; + height: inherit; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/FieldStopWatch.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/FieldStopWatch.module.scss new file mode 100644 index 0000000..253edae --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/FieldStopWatch.module.scss @@ -0,0 +1,7 @@ +@import "./Variables.scss"; +@import "./FieldBase.module.scss"; + +.field-stopwatch { + border: $stop_watch_border; + background-color: $stop_watch_bg; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/FileDropZone.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/FileDropZone.module.scss new file mode 100644 index 0000000..81f0f0e --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/FileDropZone.module.scss @@ -0,0 +1,22 @@ +@import "./Loader.module.scss"; +@import "../common/PredefinedMixins.scss"; +@import "./Variables.scss"; + +.drag-container { + @include partial-column-center; + color: $drop_zone_text_fg; + position: fixed; + background-color: $drop_zone_bg; + visibility: hidden; + z-index: 200002; + opacity: 0.9; + font-size: 24pt; + outline: 2px dashed $drop_zone_outline_fg; + outline-offset: -10px; + &.show { + visibility: initial; + } + .information { + margin: 0; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/FilePopup.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/FilePopup.module.scss new file mode 100644 index 0000000..a47a40f --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/FilePopup.module.scss @@ -0,0 +1,61 @@ +@import "./Variables.scss"; + +.modal-overlay { + position: fixed; + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 200000; + background-color: $modal_overlay_bg; +} + +.file-popup { + position: absolute; + outline: none; + padding: 10px; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + font-size: 14px; + width: 240px; + line-height: 14px !important; + -webkit-box-shadow: $pickfile_shadow; + -moz-box-shadow: $pickfile_shadow; + box-shadow: $pickfile_shadow; + border: $pickfile_border; + background-color: $pickfile_bg; + + .file-popup-label { + outline: 0; + border: 1px solid $pickfile_label_bg; + color: $pickfile_label_fg; + line-height: 18px; + margin-bottom: 5px; + margin-top: 4px; + padding: 5px 0; + width: 100%; + text-align: center; + font-size: 0.75rem; + font-weight: 600; + background-color: $pickfile_label_bg; + } + + .file-popup-btn { + position: relative; + width: 220px; + border: $pickfile_btn_border; + padding: 25px 40px; + margin-top: 10px; + text-align: center; + overflow: hidden; + color: $pickfile_fg; + font-weight: 600; + cursor: pointer; + + &:hover { + background-color: $pickfile_btn_hover_bg; + color: $pickfile_btn_hover_fg; + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/FilterGroup.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/FilterGroup.module.scss new file mode 100644 index 0000000..7065c59 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/FilterGroup.module.scss @@ -0,0 +1,19 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "./Group.module.scss"; + +.filter-group { + @include flexDisplay; + @include flexJustifyContent(space-between, justify); + position: absolute; + border-radius: 12px; + background-color: $group_bg; + box-shadow: $group_shadow; + overflow: hidden; + text-rendering: optimizeLegibility; + + .column { + position: relative; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/FolderTabBar.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/FolderTabBar.module.scss new file mode 100644 index 0000000..695a088 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/FolderTabBar.module.scss @@ -0,0 +1,19 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.folder-tab-bar { + position: absolute; + display: inline-flex; + top: $window_top_margin; + width: 100%; + z-index: 399; + padding: 0 16px 8px 8px; + font-family: $tertiaryFont; + + .tabs-container { + @include partial-row-center-start; + border-radius: 8px; + background-color: $folder_tab_item_bg; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/FolderTabItem.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/FolderTabItem.module.scss new file mode 100644 index 0000000..2782d03 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/FolderTabItem.module.scss @@ -0,0 +1,20 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.ftab { + @include partial-row-center; + min-width: 116px; + height: 100%; + padding: 5px 12px; + font-size: 14px; + line-height: 20px; + color: $folder_tab_item_fg; + cursor: pointer; + + &.ftab-ac { + border-radius: 8px; + background: $folder_tab_item_ac_bg; + color: $folder_tab_item_ac_fg; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Gantt.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Gantt.module.scss new file mode 100644 index 0000000..470b513 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Gantt.module.scss @@ -0,0 +1,174 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.gantt-main:focus-visible { + @include focus(); +} + +.gantt-main :global { + position: absolute; + line-height: normal; + + .holiday { + background: $gantt_holiday_bg !important; + + .e-span { + color: $gantt_holiday_fg !important; + } + } + + .e-gantt .e-gantt-chart .e-weekend-header-cell, + .e-gantt .e-gantt-chart .e-weekend { + background: var(--gantt_not_working_days_bg) !important; + } + + .holiday-connector { + background: $gantt_holiday_connector_bg !important; + + .e-span { + color: $gantt_holiday_connector_fg !important; + } + } + + .workingArea { + margin-left: -1px !important; + border-left: 0 !important; + background: $gantt_working_area_bg; + z-index: 1 !important; + } + + .e-gantt-dependency-view-container { + .e-connector-line-container { + .e-connector-line { + stroke: $gantt_connector_bg; + } + + .e-connector-line-arrow { + fill: $gantt_connector_bg; + } + + &:hover .e-connector-line { + stroke-width: 3; + } + } + + .focused { + .e-connector-line { + stroke-width: 3; + stroke: $gantt_connector_hover_bg; + } + + .e-connector-line-arrow { + fill: $gantt_connector_hover_bg; + } + } + } + + .e-splitter .e-split-bar.e-split-bar-horizontal { + background-color: $gantt_border !important; + + &:hover, &:active { + background-color: $gantt_connector_hover_bg !important; + } + } + + .e-gantt-tree-grid { + &.e-control { + height: 100%; + } + .e-grid { + height: 100%; + + .e-content { + height: 100% !important; + } + } + } + + .e-gantt-chart .e-chart-root-container, + .e-gantt-chart .e-timeline-header-container, + .e-grid, + .e-grid .e-content, + .e-grid .e-detailcel, + .e-grid .e-gridcontent, + .e-grid .e-table, + .e-grid .e-gridheader, + .e-grid .e-headercell { + background-color: transparent !important; + } + + .e-gantt-chart .e-timeline-top-header-cell, + .e-gantt-chart .e-timeline-single-header-cell, + .e-gantt-chart .e-line-container-cell, + .e-gantt-chart .e-timeline-header-container, + .e-gantt-splitter, + .e-grid .e-rowcell, + .e-grid .e-gridheader, + .e-grid .e-headercell { + border-color: $gantt_border !important; + } + + .e-gantt-chart .e-line-container-cell:nth-of-type(-n+5), + .e-gantt-chart .e-line-container-cell:nth-last-child(-n+5) { + border-color: transparent !important; + } + + .e-gantt-chart .e-chart-row-cell.e-lastrow { + border-bottom: 1px solid $gantt_border; + } + + .e-grid .e-gridheader, + .e-gantt-chart .e-timeline-top-header-cell, + .e-gantt-chart .e-timeline-single-header-cell, + .e-grid .e-gridcontent .e-content .e-row .e-treecolumn-container .e-icons { + color: $gantt_header_fg !important; + } + + .e-treegrid .e-treegridexpand:hover::before, + .e-treegrid .e-treegridcollapse:hover::before { + color: $gantt_icon_hover_fg !important; + } + + .e-grid .e-rowcell:not(.e-editedbatchcell), + .e-grid .e-detailrowcollapse:not(.e-editedbatchcell), + .e-grid .e-detailrowexpand:not(.e-editedbatchcell), + .e-grid .e-gridcontent .e-rowdragdrop:not(.e-editedbatchcell), + .e-grid .e-emptyrow:not(.e-editedbatchcell), + .e-gantt-chart .e-label { + color: $gantt_fg !important; + } + + .e-gantt-chart .e-active, + .e-gantt-tree-grid-pane .e-grid td.e-active { + background: $gantt_focused_row_bg !important; + } + + .e-gantt-chart .e-progress-resize-gripper.no-edit { + display: none; + } + + .e-gantt .e-grid .e-focused:not(.e-menu-item) { + box-shadow: $focus_box_shadow_inset !important; + } + + .e-gantt .e-gantt-chart .e-active-container { + box-shadow: $focus_box_shadow_inset !important; + } + + @mixin notWorkinDays($from, $to, $step) { + $i: $from; + + @while $i <= $to { + .notWorkingDays#{$i} { + border-left: 0 !important; + background: $gantt_not_working_days_bg; + z-index: 0 !important; + width: $i + px !important; + } + $i: $i + $step; + } + } + + @include notWorkinDays(8, 104, 4); +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Grid.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Grid.module.scss new file mode 100644 index 0000000..ce22126 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Grid.module.scss @@ -0,0 +1,48 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.grid { + position: absolute; + overflow: hidden; + outline: 0; + margin: 0; + padding: 0; + border: $grid_border; + border-radius: 12px; + + &.grid-no-grid-lines { + border: unset; + } + + .grid-main { + position: absolute; + top: 0; + right: 0; + bottom: 0; + overflow: hidden; + outline: 0; + margin: 0; + padding: 0; + } + + &:focus-visible { + @include focus( + $outline: $focus_outline, + $outline_offset: -1px, + $box-shadow: none + ); + } +} + +.grid-premium { + .grid-main { + background-color: $grid_main_bg; + border-radius: 4px; + } + + &:focus { + border: $grid_filterbar_input_focused_border; + box-shadow: $grid_focused_shadow; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridBarCardsCommand.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridBarCardsCommand.module.scss new file mode 100644 index 0000000..3699026 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridBarCardsCommand.module.scss @@ -0,0 +1,46 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.gb-cmd { + cursor: pointer; + width: 32px; + height: 32px; + margin-right: 10px; + background: $grid_cards_cmd_bg; + border-radius: 4px; + + &:focus-visible { + @include focus(); + } + + .content { + @include partial-column-start-start; + height: inherit; + width: inherit; + + .icon { + @include partial-column-center; + width: inherit; + height: inherit; + + svg { + width: 18px; + height: 18px; + + path { + fill: $grid_cards_cmd_icon; + } + } + + &:hover { + border-radius: 4px; + background-color: $grid_cards_cmd_hover_bg; + + svg path { + fill: $grid_cards_cmd_hover_icon; + } + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridBarCommand.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridBarCommand.module.scss new file mode 100644 index 0000000..4bd246a --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridBarCommand.module.scss @@ -0,0 +1,117 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.gb-cmd, +.special, +.split { + cursor: pointer; + background-color: $grid_command_bg; + border-bottom: $grid_bar_command_border_bottom; + width: 100%; + height: 40px; + + .content { + @include partial-column-start-start; + height: inherit; + width: inherit; + padding: 0; + + .icon { + @include partial-column-center; + width: inherit; + height: inherit; + + &:focus-visible { + @include focus( + $outline-offset: -2px, + $box-shadow: $focus_box_shadow_inset, + ); + } + + svg { + width: 20px; + height: inherit; + + path { + fill: $grid_command_icon; + } + } + + &:hover { + background-color: $grid_command_hover_bg; + + svg path { + fill: $grid_command_icon_hover; + } + } + } + } +} + +.gb-cmd { + border: none; + padding: 0; + &:focus-visible { + @include focus( + $outline-offset: -2px, + $box-shadow: $focus_box_shadow_inset, + ); + } +} + +.special { + height: 34px; +} + +.split { + height: 60px; + + .ic-split { + @include partial-column-center; + width: inherit; + height: 40px; + + svg { + width: 20px; + height: inherit; + + path { + fill: $grid_command_icon; + } + } + + &:hover { + background-color: $grid_command_hover_bg; + + svg path { + fill: $grid_command_icon_hover; + } + } + } + + .s-icon { + @include partial-column-center; + border-top: $grid_bar_special_icon_border; + background-color: inherit; + width: inherit; + height: 20px; + + svg { + width: 12px; + height: inherit; + + path { + fill: $grid_bar_special_icon; + } + } + + &:hover { + background-color: $grid_bar_special_icon_hover_bg; + + svg path { + fill: $grid_bar_special_icon_hover; + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridBarGroup.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridBarGroup.module.scss new file mode 100644 index 0000000..ed2efad --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridBarGroup.module.scss @@ -0,0 +1,24 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.gb { + position: absolute; + background: $grid_bar_gradient; + box-shadow: $group_shadow; + overflow: hidden; + text-rendering: optimizeLegibility; + border: $grid_bar_border; + border-top: $grid_bar_border_top; + border-radius: $grid_bar_border_radius; + + .content { + @include partial-column-start-start; + height: inherit; + width: inherit; + } +} + +.gb-p { + box-shadow: unset; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridBarRowCommand.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridBarRowCommand.module.scss new file mode 100644 index 0000000..f111d1d --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridBarRowCommand.module.scss @@ -0,0 +1,116 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.gb-cmd, +.special, +.split { + cursor: pointer; + width: 125px; + height: 30px; + margin-left: 5px; + border-radius: 2px; + background-color: $grid_bar_bg; + + &:focus-visible { + @include focus(); + } + + .icon { + @include partial-column-center; + width: 32px; + height: inherit; + + &:focus-visible { + @include focus(); + } + + svg { + width: 16px; + height: 16px; + + path { + fill: $grid_command_icon; + } + } + } + + .content { + @include partial-row-center-start; + height: inherit; + width: inherit; + + .con-left { + @include partial-row-center-start; + height: inherit; + width: calc(100% - 24px); + + &:hover { + background-color: $grid_bar_special_icon_hover_bg; + } + } + + .con-left-full { + width: 100%; + } + + .gb-cmd-cap { + @include partial-row-center; + width: 100%; + height: 100%; + text-align: left; + font-family: $primaryFont; + font-size: 14px; + letter-spacing: 0px; + color: $grid_bar_color; + } + + .gb-cmd-cap-short { + width: calc(100% - 24px); + } + } + + &.gb-cmd-ic { + width: 70px; + + .icon { + width: inherit; + height: inherit; + } + } +} + +.special { + height: 34px; +} + +.split { + .s-icon { + @include partial-column-center; + border-top: $grid_bar_special_icon_border; + background-color: inherit; + width: 24px; + height: inherit; + + &:focus-visible { + @include focus(); + } + + svg { + width: 12px; + height: inherit; + + path { + fill: $grid_bar_special_icon; + } + } + + &:hover { + background-color: $grid_bar_special_icon_hover_bg; + + svg path { + fill: $grid_bar_special_icon_hover; + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridCanvas.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridCanvas.module.scss new file mode 100644 index 0000000..f083c58 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridCanvas.module.scss @@ -0,0 +1,39 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +@keyframes color { + 100%, 0% { stroke: var(--loader_color1); } + 40% { stroke: var(--loader_color2); } + 66% { stroke: var(--loader_color3); } + 80%, 90% { stroke: var(--loader_color4); } +} + +@-webkit-keyframes color { + 100%, 0% { stroke: var(--loader_color1); } + 40% { stroke: var(--loader_color2); } + 66% { stroke: var(--loader_color3); } + 80%, 90% { stroke: var(--loader_color4); } +} + +.grid-canvas { + @include partial-box-sizing; + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + overflow-x: auto; + overflow-y: scroll; + transition: color 100ms ease; + + .grid-canvas-overflow { + overflow: hidden; + } +} + +.grid-canvas-cards { + @include partial-row-start-wrap; + background-color: $grid_cards_bg; + padding-top: 5px; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridColumnBase.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridColumnBase.module.scss new file mode 100644 index 0000000..e180bf5 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridColumnBase.module.scss @@ -0,0 +1,365 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.gc-text, .gc-check, .gc-select, .gc-image, .gc-color, .gc-icon, .gc-command, .gc-color-status { + @include partial-unselectable; + @include partial-ellipsis; + position: absolute; + height: 100%; + overflow: hidden; + background-color: inherit; + font-size: 14px; + font-style: normal; + font-weight: 300; + line-height: 20px; + letter-spacing: 0; + + &.gc-so { + cursor: pointer; + + &.right { + .text { + left: unset; + right: 16px; + padding-right: 2px; + } + } + + .text { + @include partial-ellipsis; + position: relative; + left: 0; + top: 0; + bottom: 0; + width: 100%; + font-weight: 500; + } + + &:not(.gc-sel) { + color: $grid_column_smartopen_fg; + } + } + &.cp-empty-bcg { + background: $cp_empty_bg; + + .icon { + svg path { + fill: $cp_empty_icon !important; + } + } + } + + .empty-img { + @include partial-column-center; + width: auto; + height: 100%; + svg { + fill: $grid_emptycontent; + height: 80%; + width: 80%; + } + } +} + +.gc-cell-highlight { + background: $grid_cell_highlight_bg !important; +} + +.gc-text, .gc-check, .gc-select, .gc-color, .gc-color-status { + min-height: $grid_headercolumn_height; +} + +.gc-check, .gc-select, .gc-color-status { + @include partial-row-center-start; +} + +.gc-image, .gc-icon, .gc-command { + @include partial-row-center; +} + +.gc-color-status { + font-size: 9pt; +} + +.gc-text { + @include partial-row-center-start; + line-height: $grid_headercolumn_height; + text-decoration: inherit; + font-size: 9pt; + padding: 0 5px; + + &.right { + @include partial-row-center-end; + text-align: right; + } + + .tree-state { + @include partial-row-center-end; + position: relative; + height: 100%; + float: left; + cursor: pointer; + padding-right: 10px; + + .tree-lev-bar { + @include flexKeepSizeDisplay(); + height: inherit; + width: 32px; + opacity: 1; + + span { + width: 1px; + height: 100%; + top: 0; + margin-left: 10px; + //border-left: 1px solid $nav_tree_graph; + } + + &.tree-lev-bar-short { + span { + height: 50%; + } + } + } + + .icon { + @include partial-column-center; + height: inherit; + width: 32px; + svg { + width: 16px; + height: 100%; + + path { + fill: $grid_tree_icon; + } + } + } + } + + .tree-state-noicon { + .icon { + &::after { + position: absolute; + content: ""; + right: 10px; + width: 44px; + height: calc(100% - 32px); + //border-bottom: 1px solid $nav_tree_graph; + } + } + } + + .tree-state-zero { + .tree-lev-bar { + span { + display: none; + } + } + .icon { + &::after { + display: none; + } + } + } + + + flex: 1; + + &, & > * { + @include partial-ellipsis; + } +} + +.gc-rounded { + border: 1px solid $grid_odd_bg; + border-radius: 8px; +} + +.gc-color { + line-height: $grid_headercolumn_height; + font-size: 10pt; + padding: 0 5px; +} + +.gc-select { + background-color: $grid_headercolumn_bg; +} + +.gc-check { + cursor: default; +} + +.gc-command { + &>* { + display: none; + } + + &.gr-foc:hover { + cursor: pointer; + background-color: $grid_column_command_hover_bg; + } +} + +.gc-command-tooltip { + @include partial-column-start-start; + position: fixed; + left: 0; + top: 0; + padding: 4px 6px 4px 6px; + min-width: 50px; + min-height: 30px; + text-align: center; + font-size: 9pt; + z-index: 250000; + opacity: 0.95; + border: $tooltip_border; + color: $tooltip_fg; + background-color: $tooltip_bg; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; +} + +// FROZEN +.gc-text, .gc-check, .gc-image, .gc-icon { + &.frozen { + z-index: 100; + + &.gc-odd { + &:not(.gr-foc) { + &:not(.gc-sel) { + background-color: $grid_row_frozen_odd_bg !important; + } + } + } + &.gc-even { + &:not(.gr-foc) { + &:not(.gc-sel) { + background-color: $grid_row_frozen_even_bg !important; + } + } + } + } +} + +// FROZEN +.gc-text, .gc-check, .gc-image, .gc-icon { + &.gc-cell-sel { + border: $grid_cell_border; + box-shadow: $grid_cell_boxshadow; + background: $grid_cell_highlight_bg; + } +} + +// FOCUSED +.gr-foc { + &.gc-command { + &>* { + display: flex; + } + } + + &:not(.gc-eip) { + svg path { + fill: $grid_row_focused_fg !important; + } + } +} + +.gf-sum { + position: absolute; + top: 0; + overflow: hidden; + background-color: $grid_gfsum_bg; + border-top: $grid_gfsum_border; + + .text { + @include partial-ellipsis; + position: absolute; + left: 0; + height: inherit; + width: 100%; + line-height: $grid_headercolumn_height; + color: $grid_gfsum_color; + font-size: 9pt; + padding: 0 4px; + font-weight: $grid_gfsum_text_fw; + + &.right { + text-align: right; + } + + &:before { + position: absolute; + content: " "; + left: 1px; + top: 1px; + right: 1px; + bottom: 1px; + background-color: $grid_gfsum_before_bg; + } + } + + .icon { + @include partial-column-center; + float: left; + height: inherit; + width: $grid_headercolumn_height; + + svg { + width: 16px; + + path { + fill: $grid_row_sum_icon; + } + } + } +} + +.gf-all { + position: absolute; + left: 0; + height: inherit; + width: 100%; + background-color: $grid_headercolumn_bg; + border-right: $grid_border; +} + +.gf-sum-empty { + position: absolute; + top: 0; + overflow: hidden; + background-color: inherit; +} + +.frozen { + z-index: 100; + border-right-color: $grid_column_frozen_border_color; + border-left-color: $grid_column_frozen_border_color; +} + +.gc-foc:not(.gc-sel) { + border: $grid_column_focused_border; + border-top: 0; + border-bottom: 0; + color: $grid_column_focus_fc !important; + + &:not(.gc-eip) { + background-color: $grid_column_focused_bg; + svg path { + fill: $grid_column_focus_fc !important; + } + } +} + +.grid-sum-all { + .icon { + svg { + path { + fill: $grid_sum_color_icon; + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridColumnSelectBase.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridColumnSelectBase.module.scss new file mode 100644 index 0000000..69a75cd --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridColumnSelectBase.module.scss @@ -0,0 +1,294 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.grid-anim-open :global { + -webkit-animation-name: anim-open; + animation-name: anim-open; + -webkit-animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); + animation-timing-function: cubic-bezier(0.6, 0, 0.4, 1); +} + +.grid-anim-close :global { + -webkit-animation-name: anim-close; + animation-name: anim-close; +} + +.checkbox { + @include flexDisplay(); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + width: 20px; + height: 20px; + border-radius: 3px; + box-sizing: border-box; + transition: background .12s ease, border-color .12s ease; + + svg { + @include flexDisplay(); + width: 12px; + } + + &.checked { + background: $checkbox_bg; + + svg { + path { + fill: $checkbox_fill_color; + } + } + } + + &.unchecked { + border: $checkbox_grid_border; + background: $grid_headercolumn_bg; + } + + &.select-all { + &.unchecked { + border-color: $grid_headercolumn_fg; + } + } + + &.disabled { + .text { + color: $checkbox_disabled_fg; + } + + svg { + path { + fill: $checkbox_disabled_icon; + } + } + } + + &.disabled:not(.checked) { + border: $checkbox_border_disabled; + } + + &.disabled:not(.unchecked) { + background: $checkbox_disabled_color; + border: $checkbox_border_disabled; + } + + &:hover:not(.disabled):not(.unchecked) { + background: $checkbox_bg_hover; + } + + &:hover:not(.disabled):not(.checked) { + border: $checkbox_border_hover; + } +} + +.gc-select { + @include partial-unselectable; + @include partial-row-center-start; + height: inherit; + overflow: hidden; + min-height: 32px; + cursor: pointer; + + &:not(.gc-select-cards) { + background-color: $grid_headercolumn_bg; + } + + &:not(.premium) { + &:not(.gc-select-cards) { + border-right: $grid_border; + } + } +} + +.gc-no-grid-lines { + border-right: unset !important; +} + +.gc-foc:not(.gc-sel) { + background-color: $grid_column_focused_bg; + border: $grid_column_focused_border; +} + +.gc-select, +.gc-check { + @include flexDisplay(); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + position: absolute; + + .check, + .check-open, + .check-close { + @include partial-column-center; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + -webkit-animation-duration: 0.4s; + animation-duration: 0.4s; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + } + + .check-open, + .check-close { + svg { + width: 16px; + height: 100%; + } + + &.anim-open { + @extend .grid-anim-open; + } + + &.anim-close { + @extend .grid-anim-close; + } + } + + .check { + svg { + width: 16px; + height: 100%; + + path { + fill: $grid_row_check; + } + } + } + + .check-open { + svg { + path { + fill: $grid_row_check_checked; + } + } + } + + .check-close { + svg { + path { + fill: $grid_row_check_unchecked; + } + } + } +} + +.gc-check:not(.gc-foc) { + background-color: inherit; +} + +.frozen { + z-index: 100; + border-right-color: $grid_column_frozen_border_color; + border-left-color: $grid_column_frozen_border_color; +} + +.gr-foc .check, +.gr-foc .check-open, +.gr-foc .check-close { + svg { + path { + fill: $grid_row_focused_fg; + } + } +} + +.gc-select { + .cell-sel { + @include partial-column-center; + width: 100%; + svg { + width: 22px; + height: 22px; + path { + fill: $grid_cell_fg; + } + } + } + + .cell-sel-all { + svg { + path { + fill: $grid_cell_ac_fg; + } + } + } + + .cell-sel-ac { + svg { + path { + &:nth-child(1) { + fill: $grid_cell_ac_fg; + } + &:nth-child(2) { + fill: $grid_cell_ac_fg; + } + } + } + } +} + +.gc-select-cards { + position: relative; + width: 24px; + height: 24px; + min-height: unset; + border-radius: 4px; + + .check-open-cards, .check-close-cards { + @include partial-column-center; + position: absolute; + left: 0; + right: 0; + top: 0; + bottom: 0; + -webkit-animation-duration: 0.4s; + animation-duration: 0.4s; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; + + rect { + width: 100%; + height: 100%; + } + } + + .check-open-cards { + svg { + width: 32px; + height: 32px; + } + rect { + fill: $grid_cards_column_select_open_rect; + stroke-width: 4px; + } + path { + fill: $grid_cards_column_select_open_path; + } + } + .check-close-cards { + svg { + width: 14px; + height: 14px; + } + rect { + fill: $grid_cards_column_select_close_rect; + stroke: $grid_cards_column_select_open_path; + stroke-width: 4px; + } + } +} + +.gc-select-panel-cards { + @extend .gc-select-cards; + width: 32px; + height: 32px; + + .check-close-cards { + svg { + width: 18px; + height: 18px; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridFooter.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridFooter.module.scss new file mode 100644 index 0000000..cf15a42 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridFooter.module.scss @@ -0,0 +1,12 @@ +@import "./Variables.scss"; + +.grid-footer { + position: absolute; + bottom: 0; + left: 0; + right: 0; + min-height: 32px; + margin: 0; + padding: 0; + background-color: $grid_headercolumn_bg; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridHeader.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridHeader.module.scss new file mode 100644 index 0000000..aa66ad7 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridHeader.module.scss @@ -0,0 +1,17 @@ +@import "./Variables.scss"; + +.grid-header { + position: absolute; + top: 0; + left: 0; + right: 0; + min-height: 32px; + margin: 0; + padding: 0; + background-color: $grid_headercolumn_bg; + border-bottom: $grid_border; +} + +.grid-header-premium { + border-bottom: $grid_header_line_color; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderColumn.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderColumn.module.scss new file mode 100644 index 0000000..3a2bd2c --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderColumn.module.scss @@ -0,0 +1,62 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.gh-column { + position: absolute; + top: 0; + overflow: hidden; + background-color: $grid_headercolumn_bg; + border-right: $grid_border; + cursor: pointer; + + &.gh-no-grid-lines { + border-right: unset; + } + + .ghc-title { + @include partial-row-center-start; + position: absolute; + left: 0; + height: inherit; + color: $grid_headercolumn_fg; + padding: 0 0 0 4px; + + span { + @include partial-ellipsis; + font-size: 14px; + font-style: normal; + font-weight: 500; + line-height: 20px; + letter-spacing: 0; + } + } + + .ghc-sort { + @include partial-row-center; + position: absolute; + right: 0; + height: inherit; + width: 32px; + overflow: hidden; + + &:focus-visible { + @include focus($outline-offset: -2px, + $box-shadow: $focus_box_shadow_inset, + ); + } + + svg { + width: 16px; + height: 16px; + + path { + fill: $grid_header_sort; + } + } + } + + &.frozen { + z-index: 100; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderColumnPremium.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderColumnPremium.module.scss new file mode 100644 index 0000000..6c25bc3 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderColumnPremium.module.scss @@ -0,0 +1,46 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.gh-column { + position: absolute; + top: 0; + overflow: hidden; + background-color: $grid_headercolumn_bg; + cursor: pointer; + + .ghc-title { + @include partial-row-center-start; + position: absolute; + left: 0; + height: inherit; + color: $grid_headercolumn_fg; + padding: 0 0 0 4px; + + span { + @include partial-ellipsis; + } + } + + .ghc-sort { + @include partial-row-center; + position: absolute; + right: 0; + height: inherit; + width: 32px; + overflow: hidden; + + svg { + width: 16px; + height: 16px; + + path { + fill: $grid_header_sort; + } + } + } + + &.frozen { + z-index: 100; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderColumnResizer.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderColumnResizer.module.scss new file mode 100644 index 0000000..d2b4555 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderColumnResizer.module.scss @@ -0,0 +1,48 @@ +@import "./Variables.scss"; + +.gh-resizer { + position: absolute; + top: 0; + bottom: 0; + right: 0; + width: 8px; + margin: 2px; + cursor: col-resize; + z-index: 1; + + &.resizerOver { + background-color: $grid_row_focused_bg; + } +} + +.pulse { + &:after { + content: ""; + position: absolute; + height: 100%; + width: 100%; + background-color: $grid_header_pulse_bg; + animation: pulsate 1.2s ease-out; + animation-iteration-count: infinite; + opacity: 0; + box-shadow: $grid_header_pulse_shadow; + animation-delay: 0.2s; + } + + @keyframes pulsate { + 0% { + transform: scale(0.1, 1); + opacity: 0; + } + + 50% { + transform: scale(1, 1); + opacity: 1; + } + + 100% { + transform: scale(0.1, 1); + opacity: 0; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderColumns.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderColumns.module.scss new file mode 100644 index 0000000..ef79715 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderColumns.module.scss @@ -0,0 +1,23 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +$grid_headercolumn_height: 32px; + +.gh-columns { + position: absolute; + top: 0; + left: 0; + width: 100%; + min-height: $grid_headercolumn_height; + margin: 0; + padding: 0; + overflow-x: hidden; + + .gh-cells { + height: 100%; + background-color: $grid_headercolumn_bg; + overflow-x: hidden; + overflow-y: hidden; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderFilter.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderFilter.module.scss new file mode 100644 index 0000000..c0f579c --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderFilter.module.scss @@ -0,0 +1,32 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.gh-filter { + position: absolute; + top: 0; + overflow: hidden; + background-color: inherit; + border-top: $grid_border; + border-right: $grid_border; + + input { + color: $grid_row_content_fg; + height: 100%; + width: 100%; + border: none; + padding: 0 5px; + outline: none; + background-color: $grid_filter_bg; + + &:focus { + background-color: $grid_filter_focused_bg; + } + } +} + +.frozen { + z-index: 100; + border-right-color: $grid_column_frozen_border_color; + border-left-color: $grid_column_frozen_border_color; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderFilterPremium.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderFilterPremium.module.scss new file mode 100644 index 0000000..e2042da --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderFilterPremium.module.scss @@ -0,0 +1,40 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.gh-filter { + @include partial-column-center; + position: absolute; + top: 0; + overflow: hidden; + background-color: $grid_filterbar_bg; + border-top: $grid_cell_border; + + input { + @include partial-row-center-start; + align-items: flex-end; + min-height: inherit; + height: calc(100% - 5px); + width: calc(100% - 5px); + padding: 0 5px; + outline: none; + border-radius: 4px; + border: $grid_filterbar_input_border; + color: $grid_filterbar_input_fg; + background-color: $grid_filterbar_input_bg; + font-size: 9pt; + font-family: "SourceSans", Arial; + + &:focus { + border: $grid_filterbar_input_focused_border; + color: $grid_filterbar_input_focused_fg; + background-color: $grid_filter_focused_bg; + } + } +} + +.frozen { + z-index: 100; + border-right-color: $grid_column_frozen_border_color; + border-left-color: $grid_column_frozen_border_color; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderFilters.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderFilters.module.scss new file mode 100644 index 0000000..c24ebad --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderFilters.module.scss @@ -0,0 +1,53 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.gh-filters { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 32px; + font-size: 9pt; + margin: 0; + padding: 0; + overflow-x: hidden; + + &:focus-visible { + @include focus( + $box-shadow: none, + ); + } + + .gh-cells { + top: 0; + height: 100%; + font-size: 9pt; + background-color: $grid_header_filter_bg; + border-top: $grid_border; + overflow-x: hidden; + overflow-y: hidden; + + .gh-filter { + position: absolute; + top: 0; + overflow: hidden; + background-color: inherit; + border-top: $grid_border; + border-right: $grid_border; + + input { + color: $grid_row_content_fg; + height: 100%; + width: 100%; + border: none; + padding: 0 5px; + outline: none; + + &:focus { + background-color: $grid_filter_focused_bg; + } + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderFiltersPremium.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderFiltersPremium.module.scss new file mode 100644 index 0000000..48bb28b --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridHeaderFiltersPremium.module.scss @@ -0,0 +1,62 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.gh-filters { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 32px; + font-size: 9pt; + margin: 0; + padding: 0; + overflow-x: hidden; + + &:focus-visible { + @include focus( + $box-shadow: none, + ); + } + + .gh-cells { + top: 0; + height: 100%; + font-size: 9pt; + background-color: $grid_filterbar_bg; + border-top: $grid_cell_border; + overflow-x: hidden; + overflow-y: hidden; + + .gh-filter { + @include partial-column-center; + position: absolute; + top: 0; + overflow: hidden; + background-color: $grid_filterbar_bg; + border-top: $grid_cell_border; + + input { + @include partial-row-center-start; + align-items: flex-end; + min-height: inherit; + height: calc(100% - 5px); + width: calc(100% - 5px); + padding: 0 5px; + outline: none; + border-radius: 4px; + border: $grid_filterbar_input_border; + color: $grid_filterbar_input_fg; + background-color: $grid_filterbar_input_bg; + font-size: 9pt; + font-family: "SourceSans", Arial; + + &:focus { + border: $grid_filterbar_input_focused_border; + color: $grid_filterbar_input_focused_fg; + background-color: $grid_filter_focused_bg; + } + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridLocator.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridLocator.module.scss new file mode 100644 index 0000000..f9f054e --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridLocator.module.scss @@ -0,0 +1,18 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.grid-locator { + @include partial-row-center-start; + @include flexJustifyContent(space-between, space-between); + position: absolute; + outline: 0; + margin: 0; + gap: 8px; + max-width: 70%; + + .field-locator-container { + @include flexDisplay; + width: 100%; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridMultiHeaderColumns.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridMultiHeaderColumns.module.scss new file mode 100644 index 0000000..97a2774 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridMultiHeaderColumns.module.scss @@ -0,0 +1,31 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.gh-common { + position: absolute; + top: 0; + + .title { + @include partial-column-center; + color: $grid_row_content_fg; + border-bottom: $grid_border; + border-right: $grid_border; + height: $grid_headercolumn_height; + width: inherit; + } + + .columns { + position: absolute; + left: 0; + height: $grid_headercolumn_height; + width: inherit; + } +} + +.gh-common-p { + .title { + border-bottom: $grid_cell_border; + border-right: $grid_cell_border; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridRow.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridRow.module.scss new file mode 100644 index 0000000..a846e0c --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridRow.module.scss @@ -0,0 +1,406 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +$grid_headercolumn_height: 32px; + +.partial-summary { + position: relative; + left: 0; + width: 100%; + height: $grid_headercolumn_height; + font-size: 9pt; + margin: 0; + padding: 0; + overflow-x: hidden; + cursor: pointer; +} + +.partial-cells { + top: 0; + height: 100%; + font-size: 9pt; + background-color: $grid_headercolumn_bg; + overflow-x: hidden; + overflow-y: hidden; +} + +.partial-fill-before { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + content: " "; +} + +.grid-row { + cursor: default; + overflow: hidden; + + &.regular, &.focused, &.selected { + min-height: $grid_headercolumn_height; + /* Likwiduje obszar podczas klikania na wierszu grida */ + -webkit-tap-highlight-color: transparent; + } + + &.focused { + &:not(.selected) { + &:not(.no-grid-lines) { + background-color: $grid_row_focused_bg !important; + color: $grid_row_focused_fg; + fill: $grid_row_focused_fg; + } + &.no-grid-lines { + color: $grid_row_content_fg; + fill: $grid_row_content_fg; + } + } + } + + &.focused.selected { + color: $grid_row_focused_selected_color; + + [class*="gc-text"] [class*="icon"] svg path, + [class*="gc-image"] [class*="icon"] svg path, + [class*="gc-color"] [class*="icon"] svg path, + [class*="gc-icon"] [class*="icon"] svg path, + [class*="gc-command"] [class*="icon"] svg path, + [class*="gc-color-status"] [class*="icon"] svg path { + fill: $grid_row_focused_selected_icon_color !important; + } + } + + &.dragenterDown { + border-bottom: 1px solid $grid_row_drag_enter; + } + + &.dragenterUp { + border-top: 1px solid $grid_row_drag_enter; + } + + &.selected { + background-color: $grid_row_selected_bg !important; + color: $grid_row_focused_fg; + + &:not(.focused) { + color: $grid_row_focused_selected_color; + } + } + + &:not(.grid-row-card) { + &.regular { + color: $grid_row_content_fg; + fill: $grid_row_content_fg; + } + + &.odd:before, &.even:before { + @extend .partial-fill-before; + } + + &.odd:before { + background-color: $grid_odd_bg; + } + + &.even:before { + background-color: $grid_even_bg; + } + + &.selected.focused { + border-collapse: collapse; + border-top: 2px solid $grid_row_selected_focused_border; + border-bottom: 2px solid $grid_row_selected_focused_border; + } + } + + &.locator, &.nonoptimal, &.loadmore, &.grouping, &.sumgrouping, &.new { + height: $grid_headercolumn_height; + line-height: $grid_headercolumn_height; + background-color: $grid_special_row_bg; + color: $grid_row_content_fg; + cursor: pointer; + + .icon { + @include partial-column-center; + float: left; + height: inherit; + width: $grid_headercolumn_height; + + svg { + width: 20px; + + path { + fill: $grid_icon; + } + } + } + + .text { + @include partial-ellipsis; + height: inherit; + padding: 0 4px; + line-height: $grid_headercolumn_height; + font-size: $font_size_label; + width: 100%; + } + + .icon + .text { + width: calc(100% - #{$grid_headercolumn_height}); + } + } + + &.grouping { + border-top: $grid_row_grouping_border_top; + border-bottom: $grid_row_grouping_border_bottom; + background-color: $grid_row_grouping_bg; + + .icon { + width: 18px; + margin: 0 7px; + + svg { + width: unset; + } + } + + .text { + color: $grid_row_grouping_fg; + font-size: $grid_row_grouping_fs; + font-weight: $grid_row_grouping_fw; + } + } + + &.grouping-cards { + height: 48px; + width: calc(100% - 16px); + margin: 0 0 8px 8px; + background-color: $grid_cards_odd_bg; + + &:first-child { + margin-top: 8px; + } + + .text { + display: flex; + align-items: center; + justify-content: flex-start; + } + } + + &.sumgrouping { + @extend .partial-summary; + cursor: default; + + .sum-cells { + @extend .partial-cells; + } + + .text { + font-style: normal; + } + } +} + +.gr-empty-content { + @include partial-column-center; + height: calc(100% - 20px); + + .empty-image { + height: 100%; + width: 100%; + + svg { + width: 100%; + height: 100%; + + path { + fill: $grid_emptycontent; + } + + text { + tspan { + fill: $grid_emptycontent; + } + } + } + } +} + +.gf-summary { + @extend .partial-summary; + border-top: $grid_row_sumgrouping_border; + overflow: hidden; + + .gf-cells { + @extend .partial-cells; + } +} + +.grid-row-card { + font-size: 12px; + color: $grid_cards_color; + border: 4px solid transparent; + box-sizing: initial; + border-radius: 12px; + box-shadow: $grid_cards_box_shadow; + + &.selected { + background-color: rgb(236, 249, 255); + + &.focused { + box-shadow: 0px 0px 0px 2px $grid_row_selected_focused_border; + } + } + + &:not(.grid-row-card-single) { + margin: 0 0 8px 8px; + background-color: $grid_cards_odd_bg; + } + &.grid-row-card-single { + &.odd { + background-color: $grid_cards_odd_bg; + } + &.even { + background-color: $grid_cards_even_bg; + } + + .grid-row-hover-panel { + .grid-card-panel-cmd:last-child { + margin-right: 25px; + } + } + } + + .grid-row-hover-panel { + @include partial-row-center-space-between; + position: absolute; + height: 32px; + z-index: 100; + transition: 0s ease-in .2s visibility; + + &:not(.grid-row-hover-panel-active) { + visibility: hidden; + } + } + + .grid-row-hover-panel-active { + visibility: visible; + } + + .grid-card-panel-cmds { + @include partial-row-center-start; + height: 32px; + background-color: transparent; + cursor: pointer; + + .grid-card-panel-cmd { + @include partial-row-center; + width: 24px; + height: 24px; + margin-right: 5px; + border-radius: 4px; + z-index: 101; + background-color: $grid_card_panel_cmd_bg; + + .icon { + width: 14px; + height: 14px; + fill: $grid_card_panel_cmd_icon; + } + + &:hover { + background-color: $grid_card_panel_cmd_hover_bg; + .icon { + fill: $grid_card_panel_cmd_hover_icon; + } + } + } + } + + .grid-row-card-select-cmd { + @include partial-row-center; + width: 32px; + height: 32px; + z-index: 101; + cursor: pointer; + } +} + +.grid-card-content { + overflow: hidden; + + .icon { + height: 100%; + width: 100%; + svg { + height: inherit; + width: inherit; + } + } +} + +.grid-card-content, .grid-card-column { + position: absolute; +} + +.grid-card-column { + overflow: hidden; + + &.textright { + text-align: right; + } + &.largefont { + font-size: 14pt; + } + &.boldfont { + font-weight: 600; + } + &.grid-card-field { + @include partial-row-center-start; + .grid-card-field-ph { + font-weight: $grid_card_cap_fw; + } + &:not(.grid-card-field-ph) { + font-weight: $grid_card_val_fw; + } + } + &.label-center { + align-items: center; + justify-content: center; + } + &.grid-card-image { + @include partial-row-center; + .empty-img { + height: inherit; + width: inherit; + svg { + height: inherit; + width: inherit; + fill: $grid_emptycontent; + } + } + img { + border-radius: 12px; + } + } + &.grid-card-image-circle { + img { + width: 100%; + height: 100%; + padding: 0; + border-radius: 50%; + overflow: hidden; + object-fit: cover; + } + } +} + +.grid-card-field-ellipsis { + @include partial-ellipsis; +} + +.grid-card-btn { + @include partial-row-center-start; + @include partial-command; + position: absolute; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridScroll.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridScroll.module.scss new file mode 100644 index 0000000..9b88d27 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridScroll.module.scss @@ -0,0 +1,143 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "./BaseScroll.module.scss"; + +.gscroll-content { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; + + > div:first-child { + position: absolute; + overflow-y: auto; + } + + .gscroll-v, + .gscroll-h { + @include partial-transition; + position: absolute; + bottom: 2px; + z-index: 200; + background-color: transparent; + + &:active, + &:hover { + .gscroll-v-track, + .gscroll-h-track { + background-color: $scroll_track_bg; + } + } + + .gscroll-v-thumb, + .gscroll-h-thumb { + position: absolute; + background-color: $scroll_thumb_bg; + border-radius: 2px; + + &:hover, + &:active { + background: $scroll_thumb_hover_bg; + border-radius: 4px; + opacity: 0.8; + } + } + } + + .gscroll-v { + top: 2px; + right: 2px; + width: $size; + + .gscroll-v-track { + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: $size; + + .gscroll-v-thumb { + cursor: s-resize; + top: 0; + right: 0; + height: 100px; + width: $thumb_size; + } + } + + &.touch { + width: $track_hover_size; + + .gscroll-v-track { + width: $track_hover_size; + + .gscroll-v-thumb { + width: $track_hover_size; + } + } + } + + &:not(.touch) { + &:active, + &:hover { + .gscroll-v-track { + width: $track_hover_size; + + .gscroll-v-thumb { + width: $track_hover_size; + } + } + } + } + } + + .gscroll-h { + left: 2px; + right: 12px; + height: $size; + + .gscroll-h-track { + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: $size; + + .gscroll-h-thumb { + cursor: w-resize; + left: 0; + bottom: 0; + width: 100px; + height: $thumb_size; + } + } + + &.touch { + height: $track_hover_size; + + .gscroll-h-track { + height: $track_hover_size; + + .gscroll-h-thumb { + height: $track_hover_size; + } + } + } + + &:not(.touch) { + &:active, + &:hover { + .gscroll-h-track { + height: $track_hover_size; + + .gscroll-h-thumb { + height: $thumb_hover_size; + } + } + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/GridViewPort.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/GridViewPort.module.scss new file mode 100644 index 0000000..d8a2ad1 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/GridViewPort.module.scss @@ -0,0 +1,13 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.grid-viewport { + @include partial-box-sizing; + position: absolute; + bottom: 0; + left: 0; + right: 0; + overflow: hidden; + background-color: $grid_viewport; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Group.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Group.module.scss new file mode 100644 index 0000000..b59d244 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Group.module.scss @@ -0,0 +1,258 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.include { + width: 100%; +} + +.group { + position: absolute; + border-radius: 12px; + background-color: $group_bg; + box-shadow: $group_shadow; + overflow: hidden; + text-rendering: optimizeLegibility; + + .group-title-container { + @include partial-row-center-start; + @include partial-bottom-gradient-border; + background-image: $group_bg_image; + background-size: 50% 1px; + position: absolute; + left: 0; + right: 0; + top: 0; + height: 25px; + margin: 16px; + cursor: default; + + &:focus-visible { + outline: none; + box-shadow: none; + } + + &:focus-visible .group-title { + @include focus( + $outline-offset: 2px, + $box-shadow: none, + ); + } + + .group-icon { + @include partial-column-center; + position: absolute; + top: 0; + left: 0; + height: 100%; + width: 24px; + + svg { + height: 100%; + width: 12px; + + path { + fill: $group_icon; + } + } + } + + .group-title { + @include partial-ellipsis; + display: block; + position: relative; + color: $group_title_fg; + padding-right: 5px; + margin: 0; + font-family: $tertiaryFont; + font-size: 18px; + line-height: 24px; + font-weight: normal; + } + } + + .group-content { + width: inherit; + + .group-html :global { + width: 100%; + color: $group_item_fg; + overflow-x: auto; + white-space: nowrap; + + .group-field { + @include partial-row-center-start; + width: 100%; + height: 20px; + min-height: 20px; + padding: 0; + + .caption { + padding-right: 4px; + } + + .value { + color: $group_content_fg; + font-weight: 500; + padding-right: 4px; + } + } + + .group-table { + display: table; + width: 100%; + padding: 0; + overflow: hidden; + white-space: nowrap; + + .group-row { + display: table-row; + height: 20px; + overflow: hidden; + white-space: nowrap; + + .group-col { + display: table-cell; + overflow: hidden; + white-space: nowrap; + font-weight: 500; + padding-right: 4px; + } + } + } + + .group-more { + color: $group_content_fg; + font-weight: 600; + } + } + + &.collapsed { + padding: 0 5px; + } + } + + .group-item { + padding: 0 5px; + color: $group_item_fg; + font-size: $font_size_label; + line-height: calc(4 + #{$font_size_label}); + } + + &.dashboard-item { + position: absolute; + box-shadow: unset; + border: $dashboard_group_border; + box-sizing: content-box; + + .group-content { + @include positionAbsolute(0); + overflow: hidden; + } + + .group-title { + @include partial-ellipsis; + } + + &.design { + position: relative; + top: 0; + left: 0; + z-index: 10; + } + } + + &.expandable { + transition: height 0.3s linear 0s; + + .group-title-container { + cursor: pointer; + } + } + + + //TODO Poniższe style sa jeszcze do sprawdzenia + &.modal { + :last-child { + margin-bottom: 5px; + } + } +} + +.group-p { + box-shadow: unset; + + .group-title-container { + margin: 5px 7px; + + .group-icon { + svg { + width: 16px; + + path { + fill: $group_icon; + } + } + } + + .group-title { + font-size: 10pt; + font-family: $primaryFont; + } + } + + .group-content { + .command { + @include partial-command; + border-radius: 3px; + box-shadow: none; + } + } + + &.dashboard-item { + .group-content { + @include positionAbsolute(0); + overflow: hidden; + } + + &.group { + border: 0; + + .group-title-container { + position: relative; + border-bottom: $dashboard_tile_border; + background-image: unset; + margin: 0 15px; + height: 35px; + + ::before { + position: absolute; + left: -15px; + content: ""; + background-color: $dashboard_cell_grid_bg; + width: 2px; + height: 20px; + } + + .group-title { + position: static; + color: $dashboard_title_color; + font-size: 14px; + font-family: $primaryFont; + margin-top: 9px; + margin-bottom: 5px; + text-transform: none; + } + } + } + } +} + +.group-bi { + @include partial-column-center-start; + + .group-content { + @include partial-row-center-start; + height: calc(100% - 25px); + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/HeaderBar.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/HeaderBar.module.scss new file mode 100644 index 0000000..74cb8c4 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/HeaderBar.module.scss @@ -0,0 +1,86 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.hb-main { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(row); + @include flexJustifyContent(space-between, space-between); + @include flexAlignItems(center, center); + @include flexAlignContent(stretch, stretch); + position: absolute; + top: 0px; + left: 0; + right: 0; + height: $hb_height; + z-index: 1001; + color: $headerbar_fg; + background: $headerbar_bg; + border-bottom: none; + + .hb-home { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(row); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + @include flexAlignContent(stretch, stretch); + order: 0; + flex: 1 1 auto; + align-self: auto; + cursor: pointer; + height: inherit; + + .logo { + @include partial-column-center-start; + height: inherit; + width: 180px; + + svg { + path { + fill: $headerbar_logo_icon; + } + } + + svg *:last-child { + fill: $headerbar_logo_icon2 !important; + } + } + + .custom-logo { + @include partial-column-center-start; + height: inherit; + width: inherit; + padding: 0 5px; + background-position: 50% 50%; + background-size: contain; + background-repeat: no-repeat; + } + } +} + +.hb-main-premium { + .hb-home { + .logo { + align-items: center; + padding: 6px; + + svg { + path { + &:nth-of-type(1) { + fill: #31e2b8 !important; + } + + &:nth-of-type(2) { + fill: #6acbf3 !important; + } + + &:nth-of-type(3) { + fill: $headerbar_logo_icon !important; + } + } + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Html.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Html.module.scss new file mode 100644 index 0000000..b8ac359 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Html.module.scss @@ -0,0 +1,252 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.html :global { + @include partial-column-start; + position: absolute; + align-items: flex-start; + width: inherit; + overflow-y: auto; + margin: 0 4px; + color: $html_fg; + outline: none; + + div:first-child { + width: 100%; + } + + .totp-qrcode { + @include partial-column-center; + position: relative; + + img { + position: relative; + width: 250px; + height: 250px; + } + } + + .mfa-info { + position: relative; + color: $mfa_label_fg; + margin: 0; + padding: 0; + font-size: 10pt; + overflow: hidden; + font-family: $mfa_font_family; + + div:first-child { + font-size: 11pt; + font-weight: bold; + } + + ol { + margin-block-start: 6px; + margin-block-end: 10px; + } + } + + .mfa-label, + .mfa-label-bold { + position: relative; + color: $mfa_label_fg; + margin: 0; + padding: 0; + font-size: 10pt; + + div:first-child { + font-size: 11pt; + } + } + + .mfa-label-bold { + div:first-child { + font-weight: bold; + } + } + + .totp-code-digit { + @include partial-column-center; + position: relative; + color: $mfa_label_fg; + margin: 0; + padding: 0; + font-size: 10pt; + } + + .totp-unique { + @include partial-column-center; + position: relative; + color: $mfa_label_fg; + margin: 0; + padding: 0; + height: 40px; + letter-spacing: 2px; + font-weight: bold; + font-size: 16pt; + } + + .fido-register { + @include partial-column-center; + position: relative; + width: 100%; + height: 100%; + + svg { + width: auto; + height: 160px; + + path { + fill: $mfa_svg_fill; + } + } + } + + .soneta-rss-source-link { + padding: 0px 0px 10px 0px; + + a { + color: $html_rss_fg; + font-size: $font_size_body; + font-weight: bold; + padding: 0px; + text-decoration: none !important; + } + + a:hover { + text-decoration: underline !important; + } + } + + .soneta-rss-element { + width: 100%; + padding: 0px 0px 15px 0px; + background-color: transparent; + + div { + width: 100%; + } + + .soneta-rss-element-title { + border-bottom: 1px solid $html_rss_border; + padding: 0px; + + a { + color: $html_rss_fg; + font-size: $font_size_label; + padding: 0px; + text-decoration: none !important; + white-space: nowrap; + text-overflow: ellipsis; + display: block; + overflow: hidden; + } + + a:hover { + text-decoration: underline !important; + } + } + + .soneta-rss-element-date-info { + padding: 0px; + color: $html_rss_date_info_fg; + font-size: $font_size_label; + font-family: $defaultFont; + } + } + + .soneta-rss-element-description { + @include partial-row-start-top; + color: $html_rss_desc_fg; + font-size: $font_size_label; + + img { + margin: 0 10px 10px 0; + width: 30%; + } + } + + .soneta-rss-error { + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + margin: auto; + height: 30px; + width: 80%; + color: $html_rss_error_fg; + background-color: transparent; + font-weight: bold; + font-size: $font_size_title; + text-align: center; + } + + .soneta-demo-info :global { + p { + margin: 0; + + .soneta-hyperlink { + color: $html_hyperlink_fg !important; + text-decoration: underline; + cursor: pointer; + + &:focus-visible { + @include focus($outline-offset: -1px); + } + + &:active, + &:hover, + &:visited { + color: $html_hyperlink_fg !important; + } + } + } + } +} + +.html-modal :global { + position: absolute; + width: unset; + margin: unset; + overflow: hidden; + font-family: $tertiaryFont; + font-size: 16px; + line-height: 22px; + color: $modal_label_fg; + + div { + width: 100%; + + .soneta-verifier { + @include partial-row-center-start; + min-height: 28px; + margin: 5px 0; + + .soneta-verifier-text { + flex: 1; + width: calc(100% - 28px); + padding-left: 5px; + } + + .soneta-verifier-error, + .soneta-verifier-warning { + width: 28px; + height: 28px; + } + + .soneta-verifier-error { + background-position: center; + background-repeat: no-repeat; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxODAgMTgwJyB3aWR0aD0nMjBweCcgaGVpZ2h0PScyMHB4Jz48cGF0aCB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYigxNzksIDAsIDApJyBkPSdNIDc5Ljk5OTk5OCwyLjE1MTYyIEMgMzYuOTQzOTk5LDIuMTUxNjIgMiwzNy4wNjE2NTcgMiw4MC4wNzU4MDkgMiwxMjMuMDg5OTYgMzYuOTQzOTk5LDE1OCA3OS45OTk5OTgsMTU4IDEyMy4wNTYsMTU4IDE1OCwxMjMuMDg5OTYgMTU4LDgwLjA3NTgwOSAxNTgsMzcuMDYxNjU3IDEyMy4wNTYsMi4xNTE2MiA3OS45OTk5OTgsMi4xNTE2MiB6IG0gNy44LDExNi44ODYyOCBoIC0xNS42IHYgLTE1LjU4NDgzIGggMTUuNiB2IDE1LjU4NDgzIHogbSAwLC0zMS4xNjk2NzIgaCAtMTUuNiBWIDQxLjExMzcxNSBoIDE1LjYgdiA0Ni43NTQ1MTMgeicgLz48L3N2Zz4="); + } + + .soneta-verifier-warning { + background-position: center; + background-repeat: no-repeat; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCAxODAgMTgwJyB3aWR0aD0nMjBweCcgaGVpZ2h0PScyMHB4Jz48cGF0aCB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGZpbGw9J3JnYigyMzgsIDE4NSwgMCknIGQ9J00gMiwxNDYgSCAxNTggTCA3OS45OTk5OTgsMTAuNTg3NjQgMiwxNDYgeiBNIDg3LjA5MDkwMywxMjQuNjE5MSBIIDcyLjkwOTA5MiB2IC0xNC4yNTM5MyBoIDE0LjE4MTgxMSB2IDE0LjI1MzkzIHogbSAwLC0yOC41MDc4NjggSCA3Mi45MDkwOTIgViA2Ny42MDMzNyBoIDE0LjE4MTgxMSB2IDI4LjUwNzg2MiB6JyAvPjwvc3ZnPg=="); + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Hyperlink.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Hyperlink.module.scss new file mode 100644 index 0000000..7be6a51 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Hyperlink.module.scss @@ -0,0 +1,44 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.hyperlink { + @include partial-column-center-start; + font-size: $font_size_label; + color: $html_hyperlink_color; + + &:focus-visible { + @include focus( + $outline-offset: 2px, + $box-shadow: none + ); + } + + a { + color: $label_fg; + } + + + &.large { + font-family: $secondaryFont; + line-height: $font_size_special; + font-size: 16pt !important; + } + + &.bold { + font-weight: 600 !important; + } + + &.center { + align-items: center; + } + + &.sign-in { //trzeba przekazać klasę + font-family: $tertiaryFont; + font-size: 14px; + } + + &:hover { + text-decoration: underline; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Image.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Image.module.scss new file mode 100644 index 0000000..952d042 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Image.module.scss @@ -0,0 +1,42 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +@keyframes shimmer { + 0% { background-position: -200% 0; } + 100% { background-position: 200% 0; } +} + +.image { + @include partial-row-center; + align-content: center; + width: inherit; + height: inherit; + + .lazy-shimmer { + position: absolute; + inset: 0; + background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%); + background-size: 200% 100%; + animation: shimmer 1.5s infinite; + } + + .lazy-spinner { + @include partial-row-center; + height: inherit; + width: inherit; + svg { + width: 36px; + height: 100%; + rect { + fill: $indicator_value_icon; + } + } + } + + img { + object-fit: cover; + display: block; + transition: opacity 0.5s ease-in-out; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Indicator.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Indicator.module.scss new file mode 100644 index 0000000..9a0cd99 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Indicator.module.scss @@ -0,0 +1,161 @@ +@import '../../Themes/common/PredefinedMixins.scss'; +@import "./partial.scss"; +@import "./Variables.scss"; + +$indicator_caption_height: 18px; + +$indicator_header_height: 32px; +$indicator_content_height: 40px; +$indicator_content_small_height: 24px; + +.swing-in-top-fwd :global { + -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.5s both; + animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.5s both; +} + +.indicator { + position: absolute; + overflow: hidden; + border: none; + border-radius: 12px; + color: $indicator_fg; + background-color: $indicator_bg; + box-shadow: $indicator_shadow; + + .ind-container { + @include partial-column-start; + justify-content: space-around; + width: inherit; + height: 100%; + + border: 1px solid; + border-radius: 12px; + + .ind-header { + width: 100%; + height: $indicator_header_height; + line-height: $indicator_caption_height; + font-size: 10px; + cursor: inherit; + + .ind-icon { + @include partial-row-center; + width: 32px; + height: 100%; + float: left; + + svg { + width: 18px; + height: 100%; + + path { + fill: $indicator_icon; + } + } + } + + .ind-time { + @include partial-row-center; + @include partial-ellipsis; + justify-content: end; + width: calc(100% - 64px); + height: 100%; + line-height: inherit; + padding: 4px 0 4px 4px; + float: left; + } + + .ind-time-icon { + @include partial-row-center; + width: 32px; + padding-left: 6px; + height: 100%; + float: left; + fill: $indicator_icon; + + svg { + width: 14px; + height: inherit; + } + } + } + + .ind-content { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(row); + @include flexJustifyContent(flex-start, start); + @include flexAlignItems(center, center); + @include flexAlignContent(stretch, stretch); + width: 100%; + height: $indicator_content_height; + line-height: 40px; + + .ind-value { + @include partial-ellipsis; + @extend .swing-in-top-fwd; + height: inherit; + font-size: 18px; + line-height: inherit; + text-align: center; + margin: 0 8px; + cursor: default; + float: left; + } + + .ind-unit { + @include partial-ellipsis; + overflow: hidden; + min-width: 40px; + height: 100%; + padding: 0px 4px 4px 0; + font-size: 18px; + line-height: inherit; + float: right; + } + } + + .ind-content-small { + @include flexJustifyContent(center, center); + height: $indicator_content_small_height; + line-height: 28px; + } + + .ind-footer { + @include partial-row-center-start; + bottom: 0; + width: 100%; + min-height: 30px; + flex-grow: 1; + + .ind-caption { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(row); + @include flexJustifyContent(flex-start, start); + @include flexAlignItems(flex-start, start); + @include flexAlignContent(center, center); + width: 100%; + height: round(down, 100%, 20px); + font-size: 14px; + line-height: 20px; + padding: 0 8px; + cursor: default; + + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + } + + .ind-caption-small { + font-size: 12px; + text-align: center; + } + } + } +} + +.indicator .blink { + @include partial-blink-normal; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/IndicatorPremium.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/IndicatorPremium.module.scss new file mode 100644 index 0000000..767c905 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/IndicatorPremium.module.scss @@ -0,0 +1,222 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +$indicator_caption_height: 14px; +$indicator_font_size: 12px; + +.flip-in-hor-bottom :global { + -webkit-animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; + animation: flip-in-hor-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both; +} + +.swing-in-top-fwd :global { + -webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.5s both; + animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) 0.5s both; +} + +.indicator { + position: absolute; + overflow: hidden; + border: none; + border-radius: 2px; + color: $indicator_fg; + box-shadow: $indicator_shadow; + background-color: unset; + + .ind-container { + @include partial-column-start; + justify-content: space-around; + width: inherit; + height: inherit; + + .ind-header { + @include partial-row-center-end; + width: 100%; + height: 30px; + line-height: calc(#{$font_size_label} + 4px); + font-size: $font_size_label; + cursor: inherit; + + .ind-time-icon { + height: 100%; + width: 18px; + padding-left: 0; + float: unset; + margin: 0 2px; + float: left; + fill: $indicator_icon; + + svg { + width: 16px; + height: inherit; + } + } + + .ind-time { + @include partial-ellipsis; + @include partial-row-center-start; + width: unset; + line-height: unset; + padding: 0 2px; + float: unset; + } + + .ind-unit { + @include partial-ellipsis; + overflow: hidden; + width: 40px; + height: 100%; + text-align: right; + padding: 4px 4px 4px 0; + line-height: inherit; + float: right; + } + + } + + .ind-content { + @include partial-row-center-start; + width: 100%; + height: 40px; + line-height: 40px; + display: block; + + .ind-icon { + float: left; + margin-left: 8px; + height: 100%; + + svg { + width: 24px; + height: 100%; + + path { + fill: $indicator_icon; + } + } + } + + .ind-value { + @extend .swing-in-top-fwd; + display: inline-flex; + width: unset; + height: unset; + line-height: unset; + font-size: 24pt; + margin: 0 8px; + text-align: center; + cursor: default; + } + + .ind-value-icon { + @include partial-row-center; + height: inherit; + width: inherit; + + svg { + width: 36px; + height: 100%; + + rect { + fill: $indicator_value_icon; + } + } + } + + .ind-unit { + @extend .swing-in-top-fwd; + display: inline-flex; + height: inherit; + } + } + + .ind-footer { + @include transition(background-color, .5s, linear, 0s); + @include partial-row-center-start; + @include flexAlignItems(center, center); + width: 100%; + height: 40px; + padding: 0 4px; + background-color: $indicator_footer_bg; + font-size: 10pt; + cursor: pointer; + + .ind-caption { + @include multilineEllipsis(2); + } + + .ind-caption-not-fit { + width: 100%; + padding: 0 4px; + line-height: calc(#{$font_size_label} + 4px); + } + + .ind-caption-fit { + width: 100%; + padding: 0; + } + } + } + + &.dashboard { + .ind-container { + justify-content: flex-start; + + .ind-content { + height: 32px; + } + + .ind-footer { + position: absolute; + bottom: 0; + font-size: 9pt; + line-height: 11pt; + padding: 0 6px; + height: auto; + + &.desc-fit { + padding: 6px 10px; + cursor: default; + } + + &.flip-in-hor-bottom { + font-weight: normal; + cursor: default; + } + } + } + + &.small { + .ind-container { + .ind-content { + .ind-value { + font-size: 16pt; + margin-right: 6px; + } + } + } + } + + &.medium { + .ind-container { + .ind-content { + line-height: 25px; + + .ind-value { + font-size: 21pt; + } + } + } + } + + &.large { + .ind-container { + .ind-content { + height: 45px; + line-height: 45px; + } + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/KanbanCard.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/KanbanCard.module.scss new file mode 100644 index 0000000..42249ac --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/KanbanCard.module.scss @@ -0,0 +1,79 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.kanban-card { + color: $kanban_item_fg; + position: relative; + background-color: $kanban_item_bg; + box-sizing: border-box; + width: 230px; + padding: 10px 20px; + margin: 10px; + border: $kanban_item_border; + box-shadow: $kanban_item_box_shadow; + height: 130px; + + &:not(.readonly) { + cursor: pointer; + } + + .card-subject { + padding-bottom: 10px; + font-size: 14px; + max-height: 45px; + + display: block; + text-overflow: ellipsis; + word-wrap: break-word; + overflow: hidden; + } + + .card-content { + @include partial-ellipsis; + display: block; + + .card-contractor, .card-operator, .card-priority { + @include partial-ellipsis; + opacity: 0.8; + font-size: 12px; + color: $kanban_item_text_fg; + & > strong { + color: $kanban_item_fg; + } + + img { + height: 64px; + } + } + + .card-operator, .card-priority { + padding-right: 24px; + } + + .card-avatar { + position: absolute; + bottom: 8px; + right: 10px; + width: 30px; + height: 30px; + border-radius: 50%; + overflow: hidden; + + img { + width: 100%; + height: 100%; + } + } + } + + .card-operator-color { + position: absolute; + top: 10px; + bottom: 10px; + left: 5px; + width: 5px; + border-radius: 2px; + background: $kanban_default_operator_bg; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/KanbanColumn.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/KanbanColumn.module.scss new file mode 100644 index 0000000..3287493 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/KanbanColumn.module.scss @@ -0,0 +1,56 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.kanban-column :global { + .dx-scrollable-content, + .dx-scrollview-content { + height: 100%; + } +} + +.kanban-column { + border-radius: 8px; + margin: 5px 10px 5px 0; + background-color: $kanban_list_bg; + vertical-align: top; + white-space: normal; + display: inline-flex; + flex-direction: column; + align-content: stretch; + align-items: stretch; + + .column-header { + display: flex; + justify-content: space-between; + align-items: center; + padding: 10px; + + .title { + color: $kanban_list_fg; + font-size: 16px; + font-weight: bold; + } + + .add-btn { + width: 30px; + height: 30px; + border: none; + background-color: transparent; + cursor: pointer; + + &:focus-visible { + @include focus(); + } + + & > div > svg > path { + fill: $kanban_list_fg; + } + } + } + + + .cards-container { + min-height: 100%; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/KanbanDiagram.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/KanbanDiagram.module.scss new file mode 100644 index 0000000..ce9a9ae --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/KanbanDiagram.module.scss @@ -0,0 +1,16 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.kanban-diagram { + position: absolute; + white-space: nowrap; + top: 0; + right: 0; + bottom: 10px; + left: 0; + + &:focus-visible { + @include focus(); + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Label.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Label.module.scss new file mode 100644 index 0000000..7d4a2e3 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Label.module.scss @@ -0,0 +1,172 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.label { + @include partial-column-center-start; + position: absolute; + font-size: $font_size_label; + line-height: calc($font_size_label + (.44 * $font_size_label)); + color: $label_fg; + overflow: hidden; + + &:focus-visible { + @include focus(); + } + + a { + color: $label_fg; + } + + &.vertical { + font-family: $tertiaryFont; + font-size: 14px; + } + + &.green { + color: $label_green_fg !important; + } + + &.red { + color: $label_red_fg !important; + } + + &.large { + font-family: $secondaryFont; + line-height: $font_size_special !important; + font-size: 16pt !important; + color: $label_color; + + &.stack { + color: $stack_label_fg; + } + } + + &.bold { + font-weight: 600 !important; + } + + &.center { + align-items: center; + } + + &.multilinelabel { + div { + overflow: hidden; + } + + &.center { + div { + width: unset; + text-align: center; + } + } + + &.rightlabel { + div { + width: unset; + text-align: right; + } + } + } + + &.rightlabel { + align-items: flex-end; + } + + &.warninglabel { + color: $label_warning_fg !important; + } + + &.infolabel { + color: $label_info_fg2 !important; + font-weight: $label_info_fw; + } + + &.tiplabel { + color: $label_tip_fg !important; + background-color: $label_tip_bg; + border: $label_tip_border; + } + + &.modalLabel { + @include partial-column-start; + align-items: flex-start; + position: absolute; + font-size: 16px; + line-height: 22px; + color: $modal_label_fg; + } + + &.group { + color: $group_content_fg; + text-align: left; + line-height: 16px; + width: 100%; + padding-left: 0px; + + &:focus-visible { + @include focus(); + } + } + + &.dashboard { + color: $dashboard_fg; + text-align: left; + line-height: 26px; + width: 100%; + padding-left: 0px; + margin: 2px 4px; + + &:not(.multilinelabel):not(.label-premium) { + div { + @include partial-ellipsis; + width: inherit; + } + } + + &.multilinelabel { + div { + overflow: hidden; + } + + &.center { + div { + width: unset; + text-align: center; + } + } + + &.rightlabel { + div { + width: unset; + text-align: right; + } + } + } + + :not(.green, .red) { + color: $dashboard_item_fg; + line-height: calc(#{$font_size_label} + 8px); + } + } +} + +.label-premium { + overflow: unset; + + &.dashboard { + @include flexJustifyContent(flex-start, start); + color: $dashboard_fg; + line-height: 26px; + margin: 2px 0; + + div { + height: unset; + } + + &.group { + @include flexJustifyContent(center, center); + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Loader.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Loader.module.scss new file mode 100644 index 0000000..40f042f --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Loader.module.scss @@ -0,0 +1,22 @@ +@import "./partial.scss"; +@import "./Variables.scss"; + +.overlay-screen-loader { + position: fixed; + top: 0; + left:0; + width: 100%; + height: 100%; + z-index: 1000000; + background-color: $loader_bg; + + animation-name: loaderEnter; + animation-iteration-count: 1; + animation-timing-function: ease-in; + animation-duration: 0.4s; + + -webkit-animation-name: loaderEnter; + -webkit-animation-iteration-count: 1; + -webkit-animation-timing-function: ease-in; + -webkit-animation-duration: 0.4s; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Login.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Login.module.scss new file mode 100644 index 0000000..3ae8922 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Login.module.scss @@ -0,0 +1,6 @@ +@import './BasePage.module.scss'; + +.pageLogin { + @extend .baseContentStyles; + @extend .regularPageContent; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/LookupBase.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/LookupBase.module.scss new file mode 100644 index 0000000..7cf3a2e --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/LookupBase.module.scss @@ -0,0 +1,38 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.lo-con { + width: 100%; + height: 100%; +} + +.lo-v-con { + width: 100%; + height: 100%; + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(column); + @include flexJustifyContent(flex-end, flex-end); + @include flexAlignItems(flex-start, flex-start); + @include flexAlignContent(stretch, stretch); +} + +.lookup .menu-content { + @include partial-box-shadow; + top: $window_top_margin; + min-height: 120px; + max-height: calc(100% - 56px); + overflow-y: auto; +} + +.auto-con { + border: none; + box-shadow: unset; +} + +.editor-lookup { + position: relative; + width: 100%; + height: 100%; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/LookupContent.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/LookupContent.module.scss new file mode 100644 index 0000000..7b44a5a --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/LookupContent.module.scss @@ -0,0 +1,21 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.lookup-content { + @include partial-column-center; + display: block; + width: 100%; + height: 100%; + padding: 1px 2px 0 2px; + overflow-x: hidden; + background-color: $lookup_auto_bg; + font-family: $defaultFont; + overflow-y: scroll; + overflow-x: hidden; + + .command { + width: 100%; + height: 48px; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/LookupRow.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/LookupRow.module.scss new file mode 100644 index 0000000..dfcc2e7 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/LookupRow.module.scss @@ -0,0 +1,43 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.lookup-item { + position: relative; + width: 100%; + height: 32px; + line-height: 32px; + padding-left: 8px; + font-size: $font_size_label; + color: $lookup_item_fg; + background: $lookup_item_bg; + border-radius: 12px; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + + &:hover, + &.hover { + color: $lookup_item_hover_fg; + background: $lookup_item_hover_bg; + } + + &:hover { + &.animate { + div { + @include partial-text-transition-start; + } + } + } + + .blink { + @include partial-blink-normal; + } + + div { + @include partial-ellipsis; + padding-right: 16px; + height: 32px; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/MultifactorPanel.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/MultifactorPanel.module.scss new file mode 100644 index 0000000..0ec2a34 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/MultifactorPanel.module.scss @@ -0,0 +1,84 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.mfa-content { + @include partial-column-center; + padding: 20px; + width: 100%; + height: 100%; + overflow-y: auto; + + //.field:first-child { + // padding-top: 0; + //} + + .mfa-qrcode { + border: $signIn_field_border; + margin-bottom: 10px; + img { + width: 300px; + height: 300px; + } + } + + .field { + @include partial-row-center-start; + position: relative; + width: 300px; + height: 40px; + margin-bottom: 10px; + border-radius: 2px; + border: $signIn_field_border; + background-color: $signIn_field_bg; + + .sign-text { + width: 100% !important; + } + + &.focused { + background-color: $signIn_field_focused_bg; + color: $signIn_field_focused_fg; + } + } + + .s-action + { + @include partial-row-center-end; + justify-content: space-around; + flex-wrap: wrap; + width: 100%; + margin-bottom: 10px; + flex-shrink: 0; + min-height: 40px; + + &.s-minimalistic { + min-height: 36px; + height: 36px; + } + + .s-login-actions { + width: 100%; + display: flex; + flex-direction: row; + justify-content: space-between; + } + } +} + +.mfa-content-premium { + .field { + width: 80%; + height: 50px; + border-radius: 10px; + margin-bottom: 15px; + } + + .s-content { + width: 80%; + } + + .s-action { + width: 80%; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/NavArrow.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/NavArrow.module.scss new file mode 100644 index 0000000..8fafee3 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/NavArrow.module.scss @@ -0,0 +1,77 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.nav-arrows { + @include partial-column-start; + position: absolute; + bottom: 0; + height: $nav_menu_icon_width; + padding: 5px 0; + background-color: $nav_bar_arrows_bg; + + cursor: pointer; + + .arrow { + @include partial-column-center; + width: inherit; + height: 15px; + + &.ac { + .icon svg path { + fill: $nav_arrows_active; + } + } + + &.hover { + background-color: var(--nav_item_hover_bg); + } + } + + .icon { + @include partial-column-center; + height: inherit; + width: $nav_menu_icon_width; + + svg { + width: $nav_menu_svg_size; + height: inherit; + + path, + text { + fill: $nav_arrows_icon; + } + } + } + + &.group { + left: 8px; + bottom: 0; + width: $nav_menu_icon_width; + background-color: $nav_group_bg; + + &:not(.ex) { + width: $nav_menu_icon_width; + } + + &.ex { + width: $nav_menu_width; + } + } + + &:not(.group) { + width: calc($nav_menu_popup_width - 8px); + border-left: $nav_arrows_border; + border-top: none; + border-left: none; + border-bottom-right-radius: 12px; + + &:not(.ex) { + left: 40px; + } + + &.ex { + left: calc($nav_menu_width + 8px); + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/NavElement.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/NavElement.module.scss new file mode 100644 index 0000000..bc1a47c --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/NavElement.module.scss @@ -0,0 +1,127 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.nav-item { + @include partial-row-center-start; + height: $nav_menu_icon_width; + width: 100%; + cursor: pointer; + overflow: hidden; + flex-shrink: 0; + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; + + &.hover { + background-color: $nav_item_hover_bg; + + .nav-item-cap { + color: $nav_item_hover_fg; + } + + &.disabled { + background-color: $nav_item_disabled_hover_bg; + + .nav-item-cap { + color: $nav_item_disabled_hover_fg; + } + } + } + + + .nav-item-cap { + @include partial-ellipsis; + padding: 0 10px; + color: $nav_con_fg; + } + + &.disabled { + cursor: auto; + + .nav-item-cap { + color: $nav_item_disabled_fg; + } + } +} + +.nav-gr { + display: inline-flex; + cursor: pointer; + height: $nav_menu_icon_width; + width: $nav_menu_icon_width; + color: $nav_fg; + background-color: $nav_group_bg; + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; + font-weight: 500; + + &.hover { + background-color: $nav_item_hover_bg; + } + + &.marked, &.ac { + color: $nav_marked_fg; + background-color: $nav_marked_bg; + + .icon { + svg path, + svg text { + fill: $nav_marked_icon; + } + } + } + + &:not(.ex) { + @include partial-row-center; + } + + &.ex { + @include partial-row-center-start; + width: $nav_menu_width; + + &.popup { + margin-left: 8px; + width: calc($nav_menu_width - 8px); + } + } + + &.ex span { + @include partial-column-center-start; + height: $nav_menu_icon_width; + width: 140px; + } + + .icon { + @include partial-column-center; + height: $nav_menu_icon_width; + width: $nav_menu_icon_width; + + svg { + width: $nav_menu_svg_size; + height: inherit; + + path, + text { + fill: $nav_icon; + } + } + } + + &:not(.popup) { + &.nav-gr-extra { + border-top: 1px dashed $nav_con_bg; + margin-top: $nav_menu_icon_width; + } + } + + &.popup { + .text { + @include partial-ellipsis; + } + + &.no-icon { + padding-left: 20px; + } + } +} + diff --git a/soneta-ui-style/wzorce/css/fullbrowser/NavHeader.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/NavHeader.module.scss new file mode 100644 index 0000000..75ef6fc --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/NavHeader.module.scss @@ -0,0 +1,107 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.nav-header { + @include flexDisplay(); + @include flexJustifyContent(space-between, justify); + height: 44px; + width: 100%; + padding: 0 8px; + background-color: $nav_tree_header_bg; + border-top-left-radius: 12px; + border-top-right-radius: 12px; + + .button { + @include flexDisplay(); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + height: inherit; + font-weight: 300; + font-size: 12px; + color: $nav_tree_header_fg; + + .icon { + @include flexDisplay(); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + width: 44px; + height: inherit; + cursor: pointer; + border-radius: 12px; + + svg { + width: 16px; + height: 16px; + + path { + fill: $nav_tree_header_fg; + } + } + + &:hover { + background-color: $nav_tree_header_hover; + } + + &:focus-visible { + @include focus( + $outline-offset: -2px, + $box-shadow: none, + $border-radius: 8px + ); + } + } + } + + &.collapsed { + @include flexJustifyContent(stretch, stretch); + + .button { + display: none; + + &.expand { + display: block; + width: 100%; + + .icon { + width: 100%; + + svg { + @include transition(transform, .1s, ease-out, 0s); + transform: rotate(180deg); + } + } + } + } + } + + &:not(.collapsed) { + .button { + + &.expand .icon { + @include transition(transform, .2s, ease-out, 0s); + } + } + } +} + +.nav-header.form { + background-color: $nav_tree_form_header_bg; + + .button { + color: $nav_tree_form_header_fg; + + .icon { + svg { + path { + fill: $nav_tree_form_header_fg; + } + } + + &:hover { + background-color: $nav_tree_form_header_hover; + } + } + + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/NavMenuFolder.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/NavMenuFolder.module.scss new file mode 100644 index 0000000..9516c9b --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/NavMenuFolder.module.scss @@ -0,0 +1,34 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "./PinnOffset.module.scss"; + +.nav-menu-folder { + @include partial-row-start-top; + position: fixed; + top: calc($window_top_margin + 8px); + bottom: 0; + left: 8px; + font-family: $primaryFont; + box-shadow: $nav_tree_panel_shadow; + z-index: 10000; + + flex-direction: column; + background: $nav_tree_panel_bg; + width: $nav_folder_width; + + border-radius: 12px 12px 0 0; + + &.collapsed { + width: $nav_folder_collapsed_width; + } + + &:not(.collapsed) { + @include transition(width, .3s, ease-out, 0s); + } + + &.pinned, + &.collapsed { + z-index: 1000; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/NavMenuForm.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/NavMenuForm.module.scss new file mode 100644 index 0000000..895f243 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/NavMenuForm.module.scss @@ -0,0 +1,32 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "./PinnOffset.module.scss"; + +.nav-menu-form { + @include partial-column-start; + position: absolute; + bottom: 0; + left: 0; + z-index: 9999; + font-family: $nav_tree_panel_font; + box-shadow: $nav_tree_panel_shadow; + border-radius: 12px; + + flex-direction: column; + background: $nav_tree_form_panel_bg; + width: $nav_form_width; + + &.collapsed { + width: $nav_form_collapsed_width; + } + + &:not(.collapsed) { + @include transition(width, .3s, ease-out, 0s); + } + + &.pinned, + &.collapsed { + z-index: 1000; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/NavMenuPopup.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/NavMenuPopup.module.scss new file mode 100644 index 0000000..6abfe3f --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/NavMenuPopup.module.scss @@ -0,0 +1,39 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.nav-bar-c { + width: 1px; + height: 1px; +} + +.nav-bar-overlay { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 9999; + background-color: transparent; +} + +.popup-nav-menu { + width: 600px; + height: 100%; + font-family: $defaultFont; + outline: none; + padding: 4px; + background-color: $nav_con_bg; + box-shadow: $nav_popup_box_shadow; + border-radius: 12px; + + .panels { + display: flex; + overflow: hidden; + width: 100%; + height: calc(100% - 66px); + padding: 0 4px 4px 4px; + + background-color: $nav_con_bg; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/NavPanelContent.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/NavPanelContent.module.scss new file mode 100644 index 0000000..f75c95d --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/NavPanelContent.module.scss @@ -0,0 +1,40 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.nav-menu-l { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: flex-start; + align-content: inherit; + align-items: flex-start; + height: 100%; +} + +.nav-menu-con { + @include partial-column-start; + height: 100%; + background-color: $nav_con_bg; + border-top-right-radius: 12px; + border-bottom-right-radius: 12px; + + &:not(.popup) { + width: $nav_menu_width; + + &:last-of-type { + box-shadow: $nav_con_shadow; + } + } + + &.form, + &.popup { + width: $nav_menu_form_width; + } + + &.popup, + &.popup.form { + @include partial-ellipsis; + width: $nav_menu_popup_width; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/NavPanelGroups.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/NavPanelGroups.module.scss new file mode 100644 index 0000000..216f3f1 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/NavPanelGroups.module.scss @@ -0,0 +1,19 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.nav-menu-main { + @include partial-column-start; + height: 100%; + border-top-left-radius: 12px; + border-bottom-left-radius: 12px; + + .nav-bar-title { + color: $nav_fg; + } + + &.popup { + background: $nav_bar_gradient; + } + +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/NavPanelTree.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/NavPanelTree.module.scss new file mode 100644 index 0000000..7607f8f --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/NavPanelTree.module.scss @@ -0,0 +1,86 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.nav-panel-tree { + @include flexDisplay(); + @include flexDirection(column); + position: relative; + width: 100%; + height: 100%; + padding: 0; + margin: 0; + overflow: hidden; + + .fav-nav-menu, .nav-menu { + @include partial-column-start; + position: relative; + width: 100%; + padding: 0; + margin: 0; + font-family: $secondaryFont; + + -ms-overflow-style: none; /* Internet Explorer 10+ */ + scrollbar-color: $nav_tree_scrollbar_thumb $nav_tree_scrollbar_track; + scrollbar-width: none; /* Firefox */ + + &.premium { + font-family: $primaryFont; + } + + &::-webkit-scrollbar { + display: none; /* Safari and Chrome */ + width: 6px; + } + + &::-webkit-scrollbar-track { + background: $nav_tree_scrollbar_track; + border-radius: 4px; + border: none; + outline: none; + } + + &::-webkit-scrollbar-thumb { + background: $nav_tree_scrollbar_thumb; + border-radius: 4px; + } + + &.form { + scrollbar-color: $nav_tree_form_scrollbar_thumb $nav_tree_form_scrollbar_track; + + &::-webkit-scrollbar-track { + background: $nav_tree_form_scrollbar_track; + } + + &::-webkit-scrollbar-thumb { + background: $nav_tree_form_scrollbar_thumb; + } + } + + &:hover .scroll-indicator { + height: 0; + } + + &.expanded { + overflow-x: hidden; + overflow-y: auto; + + &::-webkit-scrollbar { + display: block; + } + } + + .fav-nav-items, .nav-items { + list-style: none; + padding: 0; + margin: 0; + width: 100%; + } + } + + .nav-menu { + height: 100%; + overflow: auto; + padding-bottom: $space_16; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/NavSearch.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/NavSearch.module.scss new file mode 100644 index 0000000..0bf278a --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/NavSearch.module.scss @@ -0,0 +1,259 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.nav-bar-search { + height: $nav_menu_search_panel_height; + background-color: $nav_bar_bg; + cursor: pointer; + + .content { + @include flexDisplay(); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + @include flexAlignContent(center, center); + position: relative; + height: 100%; + width: 100%; + + input::-webkit-input-placeholder { + color: $nav_fg; + } + + input:-moz-placeholder { + color: $nav_fg; + } + + input::-moz-placeholder { + color: $nav_fg; + } + + input:-ms-input-placeholder { + color: $nav_fg; + } + + input { + width: calc(100% - $nav_menu_icon_width - 24px); + height: 42px; + padding-left: 12px; + border: none; + color: $nav_fg; + background-color: $nav_bar_dark; + border: $nav_menu_input_border; + border-top-left-radius: $nav_menu_input_border_radius; + border-bottom-left-radius: $nav_menu_input_border_radius; + + &::placeholder { + color: $nav_fg; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 20px; + } + + &:focus { + outline: none; + box-shadow: none; + } + + &:focus-visible { + @include focus(); + } + } + + .icon { + @include partial-column-center; + width: $nav_menu_icon_width; + height: 42px; + + svg { + width: $nav_menu_svg_size; + height: inherit; + + path, + text { + fill: $nav_icon; + } + } + } + + .clear-button { + @include flexDisplay; + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + position: absolute; + right: -20px; + top: 0; + width: 20px; + height: 100%; + color: transparent; + font-size: 10px; + line-height: 10px; + cursor: pointer; + transition: right .5s .1s, color .5s; + + &.visible { + right: 0; + color: black; + transition: right .5s, color .5s .1s; + } + } + } + + &:not(.popup) { + position: fixed; + top: 0; + min-width: calc(#{$nav_menu_width}* 2); + } + + &.form:not(.tree) { + width: $nav_menu_form_search_width; + min-width: $nav_menu_form_search_width; + } + + &.popup:not(.tree) { + width: 100%; + .icon { + border: $nav_menu_input_border; + border-left: none; + border-top-right-radius: $nav_menu_input_border_radius; + border-bottom-right-radius: $nav_menu_input_border_radius; + } + } + + &.tree { + @include flexDisplay; + @include flexJustifyContent(center, center); + position: relative; + background-color: $nav_tree_search_bg; + width: 100%; + height: 44px; + min-width: 100%; + + .content { + width: 100%; + + input::-webkit-input-placeholder { + color: $nav_tree_search_fg; + } + + input:-moz-placeholder { + color: $nav_tree_search_fg; + } + + input::-moz-placeholder { + color: $nav_tree_search_fg; + } + + input:-ms-input-placeholder { + color: $nav_tree_search_fg; + } + + input { + width: 100%; + height: 44px; + padding: 0 16px; + margin: 0 8px; + border-radius: 8px; + color: $nav_tree_search_fg; + background-color: $nav_tree_search_input_bg; + font-size: 14px; + + &::placeholder { + color: $nav_placeholder_fg; + font-size: 14px; + } + } + + .icon { + position: absolute; + right: 10px; + + svg { + width: 16px; + + path { + fill: $nav_tree_search_fg; + } + } + + &.x { + svg { + width: 14px; + } + } + } + } + + &.form { + height: 52px; + padding: 8px 0; + background-color: $nav_tree_form_search_bg; + + .content { + input::-webkit-input-placeholder { + color: $nav_tree_form_search_fg; + } + + input:-moz-placeholder { + color: $nav_tree_form_search_fg; + } + + input::-moz-placeholder { + color: $nav_tree_form_search_fg; + } + + input:-ms-input-placeholder { + color: $nav_tree_form_search_fg; + } + + input { + color: $nav_tree_form_search_fg; + background-color: $nav_tree_form_search_input_bg; + + &::placeholder { + color: $nav_tree_form_search_fg; + } + } + + .icon { + svg { + path { + fill: $nav_tree_form_search_fg; + } + } + } + } + } + } + + &.menu-collapsed { + &.tree { + .content { + padding: 0; + justify-content: center; + + input { + display: none; + } + + .icon { + position: static; + width: 44px; + height: 44px; + border-radius: 8px; + background-color: $nav_tree_search_input_bg; + border: $nav_menu_input_border; + } + } + + &.form { + .content { + .icon { + background-color: $nav_tree_form_search_input_bg; + } + } + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/NavTooltip.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/NavTooltip.module.scss new file mode 100644 index 0000000..ce00f58 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/NavTooltip.module.scss @@ -0,0 +1,13 @@ +@import "./Variables.scss"; + +.tooltip { + position: fixed; + z-index: 10100; + color: $tooltip_fg; + background-color: $tooltip_bg; + padding: 8px 12px; + border: $tooltip_border; + border-radius: 12px; + transform: translate(0, -100%); + box-shadow: $tooltip_box_shadow; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/NavTreeElement.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/NavTreeElement.module.scss new file mode 100644 index 0000000..7dd273f --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/NavTreeElement.module.scss @@ -0,0 +1,423 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.nav-item.form, +.nav-group.form { + font-family: $nav_tree_font; +} + +.nav-item-container { + list-style: none; + width: 100%; + padding: 0; +} + +.nav-item-container .nav-item, +.nav-group .nav-group-header { + list-style: none; + width: 100%; + padding: 0; + cursor: pointer; + + color: $nav_tree_panel_fg; + background-color: transparent; + + &:focus-visible { + outline: none; + box-shadow: none; + } + + &:focus-visible .content { + @include focus(); + } + + .content { + @include flexDisplay(); + @include flexJustifyContent(space-between, justify); + height: 44px; + margin: 0 $space_8; + border-radius: 8px; + + @media (max-width: 1150px) { + margin: 0 $space_2; + } + + &:focus-visible { + @include focus(); + } + + .caption-container { + @include flexDisplay(); + @include flexAlignItems(center, center); + flex-grow: 2; + padding-right: $space_8; + overflow: hidden; + + .caption { + color: $nav_tree_panel_fg; + font-size: 14px; + font-weight: 500; + line-height: 20px; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + + &.text-overflow { + text-overflow: ellipsis; + } + + &.no-icon { + margin-left: $space_8; + } + + @media not all and (min-resolution: 0.001dpcm) { + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + display: -webkit-box; + white-space: normal; + } + } + } + + .icon, + .group-icon { + @include flexDisplay(); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + width: 32px; + height: 44px; + flex-shrink: 0; + + svg { + width: 16px; + height: 16px; + + path, + text { + fill: $nav_tree_panel_icon; + } + } + } + + .group-icon { + svg { + path, text { + fill: $nav_tree_group_fg; + } + } + } + } + + &.menu-collapsed { + .content { + padding: 0; + + .icon, + .group-icon { + width: 100%; + } + } + } + + &:hover:not(.selected) { + .content { + background-color: $nav_tree_item_hover; + } + } + + &.selected { + .content { + background-color: $nav_tree_item_selected; + } + } +} + +.nav-item-container .nav-item { + margin: 4px 0; +} + +.nav-group { + list-style: none; + width: 100%; + margin: $space_4 0; + + &.favorites.main { + margin: 0; + padding: $space_4 0; + border-bottom: $nav_tree_favorite_border; + + .nav-group-children { + max-height: 228px; + scrollbar-width: none; + overflow: auto; + } + } + + .nav-group-header { + .content { + .caption-container { + padding-right: 0; + } + } + + .expand-icon { + width: 28px; + + svg { + width: 12px; + height: 12px; + + path { + fill: $nav_tree_panel_icon; + } + } + } + + &.group-expanded { + &>.content .caption-container .caption { + font-weight: 500; + } + } + } + + .nav-group-children { + position: relative; + margin: 0; + padding-top: 4px; + padding-left: 30px; + padding-bottom: $space_8; + + .nav-group, + .nav-item { + margin: 0; + } + + .nav-item, .nav-item-container, .nav-group-header { + position: relative; + } + + .nav-item-container, + .nav-group-header { + &::before { + position: absolute; + content: ""; + width: 6px; + height: 24px; + margin-top: 0; + top: -2px; + margin-left: -6px; + border-left: 1px solid $nav_tree_graph; + border-bottom: 1px solid $nav_tree_graph; + } + + &::after { + position: absolute; + content: ""; + width: 6px; + height: 21px; + bottom: 0; + margin-left: -6px; + border-left: 1px solid $nav_tree_graph; + } + } + + .nav-item-container .nav-item, + .nav-group-header { + .content { + height: 42px; + margin-top: 2px; + } + } + + .nav-item-container:last-child, + .nav-group:last-child>.nav-group-header { + &::after { + display: none; + } + } + + .nav-group:not(:last-child)>.nav-group-children::before { + position: absolute; + content: ""; + width: 6px; + top: 0; + bottom: 1px; + left: 0; + margin-left: -6px; + border-left: 1px solid $nav_tree_graph; + } + } + + &.menu-collapsed { + &:not(.favorites) { + .nav-group-children { + display: none; + } + } + + .nav-group-children { + padding-left: 0; + } + + &.favorites { + .nav-group-children { + + .nav-item, + .nav-group-header { + + &::before, + &.after { + display: none; + } + } + } + } + + .nav-group-header.selected .content { + background-color: $nav_tree_item_selected; + } + } + + &.group-expanded:not(.menu-collapsed) { + .nav-group-header { + .content { + .caption-container { + .caption { + color: $nav_tree_group_fg; + } + } + + .icon svg { + + path, + text { + fill: $nav_tree_group_icon; + } + } + + .group-icon svg { + path, text { + fill: $nav_tree_group_fg; + } + } + } + } + } +} + +// FORM +.nav-item.form, +.nav-group.form { + font-family: $nav_tree_form_font; +} + +.nav-item-container .nav-item.form, +.nav-group.form .nav-group-header { + color: $nav_tree_form_panel_fg; + + .content { + .caption-container { + .caption { + color: $nav_tree_form_panel_fg; + } + } + + .icon { + svg { + + path, + text { + fill: $nav_tree_form_group_icon; + } + } + } + + .group-icon svg { + path, text { + fill: $nav_tree_form_group_fg; + } + } + } + + &:hover:not(.selected) { + .content { + background-color: $nav_tree_form_item_hover; + } + } + + &.selected { + .content { + background-color: $nav_tree_form_item_selected; + } + } +} + +.nav-group.form { + .nav-group-header { + .expand-icon { + svg { + path { + fill: $nav_tree_form_group_icon; + } + } + } + + &.group-expanded { + &>.content .caption-container .caption { + font-weight: 500; + } + } + } + + .nav-group-children { + + .nav-item, + .nav-group-header { + &::before { + border-left-color: $nav_tree_form_graph; + border-bottom-color: $nav_tree_form_graph; + } + + &::after { + border-left-color: $nav_tree_form_graph; + } + } + + .nav-group:not(:last-child)>.nav-group-children::before { + border-left-color: $nav_tree_form_graph; + } + } + + &.menu-collapsed { + .nav-group-header.selected .content { + background-color: $nav_tree_form_item_selected; + } + } + + &.group-expanded:not(.menu-collapsed) { + .nav-group-header { + .content { + .caption-container { + .caption { + color: $nav_tree_form_group_fg; + } + } + + .icon svg { + + path, + text { + fill: $nav_tree_form_group_icon; + } + } + + .group-icon svg { + path, text { + fill: $nav_tree_form_group_fg; + } + } + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/NavigationMenu.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/NavigationMenu.module.scss new file mode 100644 index 0000000..d0d4241 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/NavigationMenu.module.scss @@ -0,0 +1,40 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "./PinnOffset.module.scss"; + +.nav-bar-c { + width: 1px; + height: 1px; +} + +.nav-bar-overlay { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 9999; + background-color: transparent; +} + +.nav-bar, +.popup-nav-menu { + @include partial-row-start-top; +} + +.nav-bar { + position: fixed; + top: $hb_height; + bottom: 0; + left: 0; + z-index: 10000; + background: $nav_bar_gradient; + font-family: $primaryFont; +} + +.popup-nav-menu { + position: absolute; + height: 100%; + font-family: $defaultFont; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/PathBar.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/PathBar.module.scss new file mode 100644 index 0000000..770109c --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/PathBar.module.scss @@ -0,0 +1,114 @@ +@import '../../Themes/common/PredefinedMixins.scss'; +@import "./partial.scss"; +@import "./Variables.scss"; + +.pb { + @include partial-row-center; + position: absolute; + left: 5px; + right: 0; + + .pb-icon, .pb-fav { + @include partial-column-center; + position: absolute; + left: 0; + height: inherit; + font-size: 170%; + color: $path_icon; + cursor: pointer; + + &:before { + content: "\2605"; + } + + svg { + @include partial-column-center; + height: inherit; + width: 16px; + + path { + fill: $path_active_icon; + } + } + } + + .pb-fav { + color: $path_active_icon; + + svg { + path { + color: $path_active_icon; + } + } + } + + .pb-paths { + @include partial-row-center-start; + position: absolute; + left: 5px; + top: 0; + height: inherit; + margin: 0; + padding: 0; + + .pb-cmd { + @include partial-transition; + margin-left: 4px; + padding: 0; + cursor: pointer; + height: inherit; + + .content { + @include partial-row-center-start; + align-items: center; + text-align: center; + width: 100%; + height: inherit; + overflow: hidden; + + .text { + @include partial-row-center-start; + height: inherit; + font-size: 9pt; + line-height: 9pt; + font-family: $primaryFont; + color: $path_fg; + } + + .path-separator { + width: 6px; + height: 6px; + padding: 0 8px; + + &:after { + position: relative; + width: 6px; + height: 6px; + transform: rotate(45deg); + transform-origin: 4px 0; + border-top: $path_separator_border; + border-right: $path_separator_border; + content: ''; + display: block; + } + } + } + + &:last-child { + .path-separator { + padding: 0; + display: none; + } + } + + &:hover { + .content { + .text { + color: $path_hover_fg; + } + } + } + } + } +} + diff --git a/soneta-ui-style/wzorce/css/fullbrowser/PathBarCommand.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/PathBarCommand.module.scss new file mode 100644 index 0000000..bf7fa97 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/PathBarCommand.module.scss @@ -0,0 +1,106 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +//UWAGA: przy zmianach wymiarowania zaktualizować zmienne w WindowBarCalculator + +.pb-cmd { + @include partial-transition; + margin-left: 4px; + padding: 0; + cursor: pointer; + display: flex; + align-items: center; + + &:focus-visible { + outline: none; + box-shadow: none; + } + + &:focus-visible .content .text { + @include focus( + $outline-offset: -2px, + $box-shadow: $focus_box_shadow_inset, + ); + } + + &.collapsed { + cursor: default; + } + + &:last-child { + .path-separator { + padding: 0; + display: none; + } + } + + &:hover { + .content { + .text { + color: $path_hover_fg; + } + } + } + + &:first-child:not(.collapsed) { + .text { + color: $path_home; + } + } +} + +.content { + @include partial-row-center-start; + align-items: center; + text-align: center; + width: 100%; + height: inherit; + overflow: hidden; + + .root-icon { + width: 16px; + height: 16px; + + svg { + width: 100%; + height: 100%; + + path { + fill: $path_fg; + } + } + } + + .text { + @include partial-row-center-start; + height: inherit; + font-size: $path_font_size; + font-weight: 400; + line-height: 20px; + font-family: $path_font_family; + color: $path_fg; + border: 2px solid transparent; + padding-left: 3px; + padding-right: 3px; + white-space: nowrap; + } + + .path-separator { + width: 6px; + height: 6px; + padding: 0 8px; + + &:after { + position: relative; + width: 6px; + height: 6px; + transform: rotate(45deg); + transform-origin: 4px 0; + border-top: $path_separator_border; + border-right: $path_separator_border; + content: ""; + display: block; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/PdfViewer.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/PdfViewer.module.scss new file mode 100644 index 0000000..d97c669 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/PdfViewer.module.scss @@ -0,0 +1,65 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + + +.pdf-viewer-fullscreen { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 10001; + overflow: hidden; + inset: 0; +} + +.pdf-viewer { + @include partial-column-start; + position: absolute; + width: 100%; + z-index: 0; + overflow: hidden; + overflow-y: scroll; + + &.back-pattern { + background: -webkit-linear-gradient( + $pdf_viewer_bg_start, + $pdf_viewer_bg_stop + ); + background: linear-gradient($pdf_viewer_bg_start, $pdf_viewer_bg_stop); + } + + canvas { + box-shadow: $pdf_viewer_shadow; + } + + .hidePdfToolbar { + width: 100%; + height: 35px; + background-color: $pdf_hide_toolbar_bg; + z-index: 99; + } +} + +.fullScreenButton { + position: absolute; + bottom: 15px; + right: 15px; + z-index: 10000; + display: flex; + justify-content: center; + align-items: center; + + width: 40px; + height: 40px; + border-radius: 50%; + background-color: $pdf_full_screen_bg; + box-shadow: $pdf_full_screen_shadow; + + .fullScreenIcon { + width: 18px; + height: 18px; + fill: $pdf_full_screen_fg; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/PercentIndicator.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/PercentIndicator.module.scss new file mode 100644 index 0000000..e179850 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/PercentIndicator.module.scss @@ -0,0 +1,32 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.percent-indicator { + position: absolute; + overflow: hidden; + border-radius: 2px; + color: $indicator_fg; + + &:focus-visible { + @include focus(); + } + + .value { + width: inherit; + height: inherit; + padding: 20px; + + svg { + text { + fill: $indicator_text_fg; + font-style: normal; + font-variant: normal; + font-weight: bold; + font-stretch: normal; + font-size: 20px; + font-family: Arial; + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/PinnOffset.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/PinnOffset.module.scss new file mode 100644 index 0000000..c93de5d --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/PinnOffset.module.scss @@ -0,0 +1,64 @@ +@import "./Variables.scss"; + +$bookmarks_height: 35px; +$window_diff_margin: 4px; +$window_diff_left_margin: 16px; +$window_scroll_margin: 5px; + +.pinned-offset { + position: absolute; + top: calc($window_top_margin + $bookmarks_height + $window_diff_margin); + bottom: 0; + left: calc($nav_folder_width + $window_diff_left_margin); + right: 0; + width: calc(100% - $nav_folder_width - $window_diff_left_margin - $window_scroll_margin); +} + +.unpinned-offset { + position: absolute; + top: calc($window_top_margin + $bookmarks_height + $window_diff_margin); + bottom: 0; + left: calc($nav_folder_collapsed_width + $window_diff_left_margin); + right: 0; + width: calc(100% - $nav_folder_collapsed_width - $window_diff_left_margin - $window_scroll_margin); +} + +.unpinned-offset-wiz { + position: absolute; + top: calc($window_top_margin + $bookmarks_height + $window_diff_margin); + bottom: 0; + left: 8px; + right: 0; + width: calc(100% - $window_diff_left_margin - $window_scroll_margin); +} + +.unpinned-bookmark-offset-wiz { + position: absolute; + top: $window_top_margin; + left: 8px; + width: calc(100% - $window_diff_left_margin); +} + +.pinned-bookmark-offset { + position: absolute; + top: $window_top_margin; + left: calc($nav_folder_width + $window_diff_left_margin); + width: calc(100% - $nav_folder_width - $window_diff_left_margin); +} + +.unpinned-bookmark-offset { + position: absolute; + top: $window_top_margin; + left: calc($nav_folder_collapsed_width + $window_diff_left_margin); + width: calc(100% - $nav_folder_collapsed_width - $window_diff_left_margin); +} + +.offset-intermediate-state { + left: $window_diff_left_margin; + width: calc(100% - ($window_diff_left_margin * 2)); +} + +.bookmark-offset-intermediate-state { + left: $window_diff_left_margin; + width: calc(100% - $nav_folder_width - $window_diff_left_margin); +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Popup.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Popup.module.scss new file mode 100644 index 0000000..ac27d1e --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Popup.module.scss @@ -0,0 +1,26 @@ +@import "./Variables.scss"; + +.popup-window-overlay { + position: fixed; + top: 0; + bottom: 0; + left: 0; + right: 0; + z-index: 290000; + background-color: $nav_popup_overlay_bg; +} + +.popup { + position: fixed; + top: 0; + bottom: 0; + left: 0; + width: 100%; + z-index: 1000; + background-color: $popup_overlay; +} + +.popup-window { + position: fixed; + z-index: 300000; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ProfileInfo.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ProfileInfo.module.scss new file mode 100644 index 0000000..6ac7f65 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ProfileInfo.module.scss @@ -0,0 +1,143 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.container { + position: relative; + height: 100%; + width: 250px; + margin: 0 8px; + + .profile-group { + @include partial-row-center-space-between; + height: 100%; + width: 100%; + gap: 8px; + padding: 4px 8px; + border: none; + border-radius: 8px; + font-family: $headerbar_command_usermenu_font; + color: $headerbar_command_usermenu_fg; + background-color: $headerbar_command_usermenu_bg; + text-align: left; + cursor: pointer; + + &:focus-visible { + @include focus( + $outline: $focus_outline_secondary, + $outline-offset: -2px, + $box-shadow: none + ); + } + + .avatar { + @include flexDisplay; + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + width: 32px; + height: 32px; + border-radius: 50%; + flex-shrink: 0; + overflow: clip; + + background-size: cover; + background-repeat: no-repeat; + background-position-x: center; + background-position-y: top; + + svg { + width: 20px; + height: 20px; + + path { + fill: $headerbar_command_usermenu_fg; + } + } + } + + .profile-info { + @include partial-column-center; + @include flexAlignItems(normal, normal); + width: 100%; + max-width: 162px; + line-height: 13px; + height: 100%; + cursor: pointer; + flex-shrink: 1; + flex-grow: 1; + + .name, .description { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + font-size: 14px; + } + + .name { + line-height: 20px; + } + + .position { + font-size: 11px; + } + + .description { + font-weight: 300; + line-height: 18px; + } + } + + .s-icon { + @include partial-row-center; + width: 24px; + height: 24px; + cursor: pointer; + flex-shrink: 0; + + svg { + width: 16px; + height: 16px; + + path { + fill: $headerbar_command_usermenu_fg; + } + } + } + + .icon { + width: 21px; + height: 21px; + + svg path { + fill: $headerbar_icon; + } + } + + &:hover { + color: $headerbar_icon_hover; + background-color: $headerbar_command_usermenu_hover_bg; + + svg { + path { + fill: $headerbar_icon_hover; + } + } + } + } + + @media (max-width: 880px) { + width: 44px; + margin: 0; + + .profile-group { + @include flexJustifyContent(center, center); + padding: 0; + + .profile-info, + .s-icon { + display: none; + } + } + } +} + diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ProfileInfoPremium.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ProfileInfoPremium.module.scss new file mode 100644 index 0000000..984736a --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ProfileInfoPremium.module.scss @@ -0,0 +1,116 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.profile-group { + @include partial-row-center-start; + @include flexAlignItems(stretch, stretch); + border-top: $profile_group_border; + border-bottom: $profile_group_border; + justify-content: space-between; + width: 100%; + height: 82px; + flex-shrink: 0; + + &:focus-visible { + @include focus(); + } + + .profile-info { + @include partial-column-center-start; + color: $profile_group_fg; + font-family: $defaultFont; + width: inherit; + padding: 4px 10px; + opacity: 1; + @include transition(opacity, .5s, ease-out, 0s); + + .name, + .position { + @include partial-column-start; + @include flexAlignItems(flex-start, start); + width: inherit; + height: 20px; + padding: 0 2px; + } + + .name { + font-size: 10pt; + font-weight: bold; + } + + .position { + font-size: 9pt; + } + } + + .profile-image { + @include partial-column-center; + padding: 0 8px; + + .image-content { + position: relative; + width: 44px; + height: 44px; + transition: width .2s, height .2s; + + .avatar-ico, + .avatar-img { + @include partial-column-center; + width: inherit; + height: inherit; + background-color: $profile_group_image_bg; + border-radius: 50%; + // box-shadow: $profile_shadow; + } + + .avatar-ico { + svg { + width: 40px; + height: 100%; + + path { + fill: $profile_group_icon; + } + } + } + + .avatar-img { + background-size: contain; + background-repeat: no-repeat; + background-position: center; + } + } + } + + &.collapsed { + @include partial-column-center; + border-top: unset; + + .profile-info { + opacity: 0; + height: 0; + padding: 0; + @include transition(opacity, 0s, ease-out, 0s); + } + + .profile-image { + + .image-content { + cursor: pointer; + + .avatar-ico, + .avatar-img { + box-shadow: none; + } + + .avatar-ico { + svg { + width: 20px; + height: 100%; + } + } + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ProfileMenu.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ProfileMenu.module.scss new file mode 100644 index 0000000..dc1415b --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ProfileMenu.module.scss @@ -0,0 +1,72 @@ +@import "../common/PredefinedMixins.scss"; +@import "../mobilebrowser/ProfileMenu.module.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.overlay { + top: 0; + left: 0; + bottom: 0; + right: 0; +} + +.profile-menu { + width: 339px; + max-height: calc(100vh - $hb_height); + font-family: $profile_menu_font; + top: calc($hb_height - 8px); + right: 0; + + .menu-items { + border-radius: 16px; + + .header-group { + border-top-left-radius: 16px; + border-top-right-radius: 16px; + + .options-wrapper { + .option-label, + .option-value { + @include partial-ellipsis; + } + + .option-label { + font-size: 16px; + line-height: 24px; + letter-spacing: 0.1px; + + &:not(:first-of-type) { + margin-top: 8px; + } + } + + .option-value { + text-align: left; + font-size: 16px; + line-height: 22px; + } + } + } + + .scrollable-group { + overflow-y: auto; + overflow-x: hidden; + scrollbar-width: thin; + padding: 4px; + + &::-webkit-scrollbar { + display: block; + } + } + + &.premium { + top: 30px; + left: 30px; + outline: none; + + .menu-items { + top: -10px; + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ProfileMenuItem.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ProfileMenuItem.module.scss new file mode 100644 index 0000000..fbadf27 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ProfileMenuItem.module.scss @@ -0,0 +1,56 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.menu-item { + @include partial-column-center; + @include flexSelf(0, 0, auto); + width: 100%; + height: 36px; + color: $profile_menu_item_fg; + font-size: 16px; + padding: 4px 8px; + border-radius: 8px; + + &.version { + color: $profile_menu_version_fg; + font-size: 14px; + font-weight: 400; + line-height: 22px; + letter-spacing: 0.25px; + } + + &:not(.non-clickable) { + cursor: pointer; + } + + &.focus:not(:hover) { + @include focus(); + } + + &:hover:not(.non-clickable) { + color: $lookup_item_hover_fg; + background: $lookup_item_hover_bg; + } + + &:not(.premium) { + display: block; + line-height: 30px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + + &.premium { + font-size: 10pt; + width: 95%; + height: 30px; + border-radius: 4px; + padding: 0 5px; + + &:hover:not(.non-clickable) { + color: $profile_menu_item_hover_premium_color; + background: $profile_menu_item_hover_premium_bg; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ProfileMenuPremium.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ProfileMenuPremium.module.scss new file mode 100644 index 0000000..225ecc4 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ProfileMenuPremium.module.scss @@ -0,0 +1,62 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.profile-menu { + @include flexDisplay; + @include flexDirection(column); + @include flexAlignItems(flex-start, start); + position: absolute; + top: 30px; + left: 30px; + width: 22px; + outline: none; + z-index: 10100; + + .details { + @include partial-column-center; + height: 22px; + width: 22px; + background-color: $profile_menu_bg; + padding: 2px; + border-radius: 50%; + box-shadow: $profile_shadow; + z-index: 1; + cursor: pointer; + + svg { + background-color: $profile_menu_image_bg; + border-radius: 50%; + width: 16px; + height: 16px; + transform: rotate(180deg); + + path { + fill: $profile_menu_icon; + } + } + } + + &.expanded { + width: 260px; + + .details svg { + transform: rotate(0deg); + } + } + + .menu-items { + @include partial-column-center; + position: relative; + background-color: $profile_menu_bg; + top: -10px; + width: inherit; + min-height: 90px; + border: $profile_menu_border; + border-radius: 4px; + padding: 10px 0; + -webkit-box-shadow: $profile_menu_item_shadow; + -moz-box-shadow: $profile_menu_item_shadow; + box-shadow: $profile_menu_item_shadow; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ProgressInfinite.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ProgressInfinite.module.scss new file mode 100644 index 0000000..05b4088 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ProgressInfinite.module.scss @@ -0,0 +1,36 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.progress-infinite { + @include partial-column-center; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + overflow: hidden; + + .progress-infinite-icon { + width: 80px; + height: 80px; + + svg { + width: inherit; + height: inherit; + rect { + fill: $progress_icon; + } + } + } + + .progress-infinite-text { + font-family: $primaryFont; + font-size: 12pt; + color: $progress_fg; + } + + &.border { + border: $progress_border; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/RecoveryPanel.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/RecoveryPanel.module.scss new file mode 100644 index 0000000..40c67aa --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/RecoveryPanel.module.scss @@ -0,0 +1,40 @@ +@import '../../Themes/common/PredefinedMixins.scss'; +@import "./partial.scss"; +@import "./Variables.scss"; + +.recovery-content { + @include partial-column-center-start; + height: 450px; + width: 360px; + padding: 10px 32px; + gap: 16px; + font-family: $tertiaryFont; + + .resetInfo, .responseInfo { + font-size: 14px; + width: 100%; + } + + .resetInfo { + color: $recovery_reset_fg; + } + + .responseInfo { + color: $recovery_response_fg; + } + + .field { + @include partial-row-center-start; + position: relative; + width: 100%; + height: 50px; + } + + .s-action { + @include partial-row-center-end; + justify-content: space-between; + flex-wrap: wrap; + width: 100%; + gap: 10px; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/RepxDesigner.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/RepxDesigner.module.scss new file mode 100644 index 0000000..097eb4c --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/RepxDesigner.module.scss @@ -0,0 +1,101 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.rx-designer-main :global { + position: absolute; + .dxrd-toolbox-wrapper { + .dxrd-toolbox-item { + svg { + path { + fill: $rx_designer_icon_fg; + } + } + } + } + + .dxrd-toolbar-wrapper { + svg { + path { + fill: $rx_designer_icon_fg; + } + } + } + + .dx-placeholder { + display: none; + } + + .dxrd-image-soneta_business_ui_dxreports_controls_amountlabel, + .dxrd-image-soneta_business_ui_dxreports_controls_crosscheckbox, + .dxrd-image-soneta_business_ui_dxreports_controls_resourcepicturebox, + .dxrd-image-soneta_business_ui_dxreports_controls_shrinkablelabel, + .dxrd-image-soneta_business_ui_dxreports_controls_header, + .dxrd-image-soneta_business_ui_dxreports_controls_footer, + .dxrd-image-soneta_business_ui_dxreports_controls_databasesubreport + { + //https://tests.christianoliff.com/hex-to-css-filter-generator/ + // filter: invert(50%) sepia(52%) saturate(248%) hue-rotate(153deg) brightness(90%) contrast(91%); + filter: invert(50%) sepia(96%) saturate(1953%) hue-rotate(45deg) brightness(97%) contrast(101%); + background-repeat: no-repeat; + &:hover { + filter: grayscale(100); + } + } + + .dxrd-image-soneta_business_ui_dxreports_controls_amountlabel { + background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLWJpbmQ9InN2Z0F0dHJzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZmMDAwMCIgZD0iTTguMzc1IDJjLTEuMTI4IDAtMi4yLjM4OC0zLjIxMSAxLjE2Mi0xLjAxMS43NjUtMS43NjQgMS44Ny0yLjI2IDMuMzE0QzIuMzAxIDguMjIzIDIgMTAuMTQgMiAxMi4yMjdhMTYuMDIgMTYuMDIgMCAwIDAgLjYyNyA0LjQ3N2MuMzIxIDEuMDY3LjY5NSAxLjkyIDEuMTIzIDIuNTYzLjU5My44NzggMS4yNzUgMS41NTMgMi4wNDMgMi4wMjVTNy40MjIgMjIgOC4zNzUgMjJjLjgzNiAwIDEuNjA4LS4xODkgMi4zMTgtLjU2Ni43MS0uMzg3IDEuMzQyLS45MDcgMS44OTYtMS41NTkuNTY0LS42NTIgMS4wMTEtMS40ODYgMS4zNDItMi41MDYuNTU0LTEuNjYyLjgzMi0zLjQ1Mi44MzItNS4zNjkgMC0yLjA5Ni0uMzI1LTQuMDI3LS45NzctNS43OTMtLjQ2Ny0xLjI4NC0xLjIwMS0yLjMwNS0yLjIwMy0zLjA2MUMxMC41OTIgMi4zODIgOS41MjMgMiA4LjM3NSAyem0tLjA0NS45NzdjLjU0NSAwIC45MzkuMTUxIDEuMTgyLjQ1My4zNy40NjMuNjA0IDEuMzUyLjcwMSAyLjY2NC4wMzkuNTU3LjA1OSAyLjUxNS4wNTkgNS44NzdsLS4wNTkgNi4wOTJjLS4wNTggMS4xMDUtLjI5MyAxLjkyMi0uNzAxIDIuNDUxLS4yNDMuMzAyLS42MDcuNDUzLTEuMDk0LjQ1My0uNDQ3IDAtLjgwOC0uMTEzLTEuMDgtLjM0cy0uNDgxLS42NzUtLjYyNy0xLjM0NmMtLjE5NS0uOTI1LS4yOTEtMi43NDktLjI5MS01LjQ2OWwuMTg5LTguNzM4Yy4xMjYtLjg0LjM2OS0xLjQyNy43MjktMS43NTguMjQzLS4yMjcuNTc0LS4zNC45OTItLjM0ek0xOS40OTIgMTdhMi40MSAyLjQxIDAgMCAwLTEuNzcuNzM2QTIuNDQgMi40NCAwIDAgMCAxNyAxOS41MDhhMi40NCAyLjQ0IDAgMCAwIC43MjMgMS43NzFjLjQ5MS40OCAxLjA3OS43MjEgMS43Ny43MjFhMi40NCAyLjQ0IDAgMCAwIDEuNzcxLS43MjFjLjQ5MS0uNDkuNzM2LTEuMDgxLjczNi0xLjc3MXMtLjI0Ni0xLjI4MS0uNzM2LTEuNzcxQTIuMzggMi4zOCAwIDAgMCAxOS40OTIgMTd6Ij48L3BhdGg+PC9zdmc+); + } + + .dxrd-image-soneta_business_ui_dxreports_controls_resourcepicturebox { + background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLWJpbmQ9InN2Z0F0dHJzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggY2xhc3M9ImR4ZC1pY29uLWZpbGwiIGZpbGw9IiNmZjAwMDAiIGQ9Ik0yIDJ2MTZoOHYtMkg0di0xLjlMOCAxMGwyIDIgNi02IDQgNHYxaDJWMkgyem02IDJjMS4xIDAgMiAuOSAyIDJzLS45IDItMiAyLTItLjktMi0yIC45LTIgMi0yem0xMi4xIDguNzdsLTEuMDM1IDEuNzk1Yy0uMzQ2LS4wOTYtLjcwNC0uMTY0LTEuMDgtLjE2Mi0uMzg2LjAwMi0uNzUxLjA3NC0xLjEwNC4xNzhsLTEuMDI1LTEuNzc1LTEuNzMyIDEgMS4wMzEgMS43ODdjLS40ODcuNDkzLS44MzIgMS4xMTktMS4wMTIgMS44MTFIMTJ2MmgyLjE0M2EzLjk5IDMuOTkgMCAwIDAgMS4wNjEgMS44NTdMMTQuMTk5IDIzbDEuNzMyIDEgMS4wMTQtMS43NTZjLjM0My4wOTQuNjk5LjE2IDEuMDcyLjE1OC4zNjUtLjAwMi43MTEtLjA2NyAxLjA0Ny0uMTZMMjAuMDggMjRsMS43MzItMS0xLjAxLTEuNzVhMy45OSAzLjk5IDAgMCAwIDEuMDU1LTEuODQ4SDI0di0yaC0yLjE0MWEzLjk5IDMuOTkgMCAwIDAtMS4wNTctMS44NWwxLjAyOS0xLjc4My0xLjczMi0xem0tMi4xMDcgMy42MzNhMiAyIDAgMSAxIC4wMTggNCAyIDIgMCAxIDEtLjAxOC00eiI+PC9wYXRoPjwvc3ZnPg==); + } + + .dxrd-image-soneta_business_ui_dxreports_controls_shrinkablelabel { + background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLWJpbmQ9InN2Z0F0dHJzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggY2xhc3M9ImR4ZC1pY29uLWZpbGwiIGZpbGw9IiNmZjAwMDAiIGQ9Ik0wIDB2NmgyVjJoNFYwSDB6bTE4IDB2Mmg0djRoMlYwaC02em0tNiAzTDYuNjQxIDE2LjI2Yy0uNDggMS4yNzUtLjk2MSAyLjEyNi0xLjI4MSAyLjU1MXMtLjc5OS42NzktMS4zNTkuNzY0VjIwaDQuODAxdi0uNDI2Yy0uOC0uMDg1LTEuMjAxLS4xNjktMS4zNjEtLjI1NC0uMzItLjI1NS0uNDc5LS41OTUtLjQ3OS0xLjAyIDAtLjM0LjE1OC0uNzY2LjMxOC0xLjM2MWwuMTYtLjM0aDYuNGwuMzIuNzY2Yy4yNC41MS4zMi44NTEuMzIuOTM2YS45Ny45NyAwIDAgMSAuMDguNDI0YzAgLjI1NS0uMDguMjU1LS4yNC4zNC0uMzIuMTctLjcyMS4wODYtMS4yODEuMDg2aC0uMjM4VjIwSDIwdi0uNDI2Yy0uNDgtLjA4NS0uNzk5LS4yNTUtMS4wMzktLjUxLS4zMi0uMzQtLjcyMS0xLjE5LTEuMjgxLTIuNDY1TDEyLjI0IDNIMTJ6bS0xLjI3OSA1LjYwOWwyLjM5OCA2LjI5MUg4LjE2bDIuNTYxLTYuMjkxek0wIDE4djZoNnYtMkgydi00SDB6bTIyIDB2NGgtNHYyaDZ2LTZoLTJ6Ij48L3BhdGg+PC9zdmc+Cg==); + } + + .dxrd-image-soneta_business_ui_dxreports_controls_crosscheckbox { + background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLWJpbmQ9InN2Z0F0dHJzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjAiIHk9IjAiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggY2xhc3M9ImR4ZC1pY29uLWZpbGwiIGZpbGw9IiNmZjAwMDAiIGQ9Ik0yIDJ2MjBoMjBWMkgyem0zLjYzNyAyLjIyM0wxMiAxMC41ODZsNi4zNjMtNi4zNjMgMS40MTQgMS40MTRMMTMuNDE0IDEybDYuMzYzIDYuMzYzLTEuNDE0IDEuNDE0TDEyIDEzLjQxNGwtNi4zNjMgNi4zNjMtMS40MTQtMS40MTRMMTAuNTg2IDEyIDQuMjIzIDUuNjM3bDEuNDE0LTEuNDE0eiI+PC9wYXRoPjwvc3ZnPg==); + } + + .dxrd-control-content-crossbox { + @include partial-column-center; + position: absolute; + box-sizing: border-box; + border: 1px solid $verydarkGray; + + &.crossbox-checked, &.crossbox-unchecked { + width: 100%; + height: 100%; + svg { + top: unset !important; + left: unset !important; + width: 12px; + height: 12px; + } + } + + &.crossbox-checked { + svg { + path { + fill: #000; + } + } + } + + &.crossbox-unchecked { + svg { + path { + fill: transparent; + } + } + } + } +} + +:global { + .dx-context-menu .dx-menu-item .dx-submenu { + position: fixed !important; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Row.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Row.module.scss new file mode 100644 index 0000000..1085031 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Row.module.scss @@ -0,0 +1,11 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; + +.row { + @include partial-row-start-top; + justify-content: flex-start; + + &.main-menu { + flex-direction: column; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/RowCardsPanel.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/RowCardsPanel.module.scss new file mode 100644 index 0000000..301f3b6 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/RowCardsPanel.module.scss @@ -0,0 +1,30 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.cp { + @include partial-row-center-space-between; + position: absolute; + background-color: $grid_cards_cp_bg; + border-radius: 12px; + + &:focus-visible { + @include focus( + $outline-offset: -1px, + $box-shadow: none, + ); + } +} + +.cp-btns { + @include partial-row-center-start; + height: inherit; + gap: 8px; +} + +.cp-select { + @include partial-row-center-end; + width: 32px; + height: inherit; + margin-left: 10px; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/RowGridPanel.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/RowGridPanel.module.scss new file mode 100644 index 0000000..2160f3a --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/RowGridPanel.module.scss @@ -0,0 +1,14 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.gp { + @include partial-row-start-top; + position: absolute; + + .content { + @include partial-row-center-start; + height: inherit; + gap: 8px; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Scheduler.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Scheduler.module.scss new file mode 100644 index 0000000..d4953bb --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Scheduler.module.scss @@ -0,0 +1,506 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.scheduler { + :global { + .e-schedule { + background-color: $scheduler_bg; + border: 1px solid $scheduler_grid_fg; + + &:focus-visible { + @include focus(); + } + + .e-month-view { + .e-date-header-wrap { + table td { + border-color: $scheduler_grid_fg; + } + } + + .e-work-cells { + background-color: $scheduler_work_day_bg; + border-color: $scheduler_grid_fg; + color: $scheduer_date_header_fg; + + &.e-work-days { + background-color: $scheduler_work_day_bg; + } + + &:not(.e-work-days) { + .e-appointment-wrapper { + .e-appointment { + border: 1px solid $scheduler_work_day_bg; + } + } + } + + .e-date-header { + font-size: 8pt; + font-family: "FiraSansLight", Arial; + width: 100%; + margin: 0 0 2px 0; + padding: 3px 3px 2px; + text-align: left; + border-radius: 0; + + .e-date-header-con { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-flex-wrap: nowrap; + -ms-flex-wrap: nowrap; + flex-wrap: nowrap; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-align-content: center; + -ms-flex-line-pack: center; + align-content: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + + svg { + width: 10px; + height: 10px; + fill: $scheduler_month_head_icon_fg; + } + + &.alert svg { + fill: $scheduler_month_head_icon_alert_fg; + } + } + + } + + .e-appointment-wrapper { + .e-appointment { + border-radius: 2px; + border: 1px solid $scheduler_evnet_border_fg; + background-color: $scheduler_event_bg; + color: $scheduler_event_subject_fg; + + .e-appointment-details { + .e-time { + display: none; + font-size: 10px; + font-family: "FiraSans", Arial; + } + + .e-subject { + font-size: 12px; + font-family: "FiraSans", Arial; + } + + .e-inline-subject { + color: $scheduler_inline_fg; + } + } + } + + .e-more-indicator { + &:hover { + cursor: auto; + } + + &:focus { + text-decoration: none; + } + } + } + + &.e-other-month { + background-color: $scheduler_other_month_bg; + color: $scheduler_other_month_fc; + + .e-appointment { + border: 1px solid $scheduler_other_month_bg; + } + } + + &.e-selected-cell:not(.e-other-month) { + background-color: $scheduler_selected_cell_bg !important; + border: $scheduler_selected_border; + + .e-date-header { + color: $scheduler_selected_cell_header_fg; + } + + .e-more-indicator { + color: $scheduler_selected_cell_more_fg; + } + + .e-appointment { + border: 1px solid $scheduler_selected_cell_bg; + } + + &:hover { + .e-appointment { + border: 1px solid $scheduler_selected_cell_bg !important; + } + } + } + + &:hover { + background-color: $scheduler_work_cell_hover_bg; + + .e-appointment-wrapper { + .e-appointment { + border: 1px solid $scheduler_cell_hover_event_border_fg; + } + } + } + } + + .e-current-date { + border: $scheduler_current_date_border !important; + + .e-date-header { + background-color: transparent; + color: $scheduler_current_date_header_fg; + } + } + + .e-schedule-table { + .e-header-cells { + color: $scheduler_header_cells_fg; + background-color: $scheduler_header_cells_bg; + } + } + + .e-schedule-table { + .e-date-header { + cursor: auto; + font-family: "FiraSans"; + + &:hover { + text-decoration: none; + } + } + } + } + + .e-vertical-view { + table td { + border-color: $scheduler_grid_fg !important; + + &:not(.e-time-cells) { + &.e-time-slots { + border-bottom: transparent !important; + } + } + } + + .e-left-indent { + .e-header-cells { + background-color: $scheduler_work_day_bg; + } + + .e-all-day-cells { + background-color: $scheduler_work_day_bg; + } + } + + .e-date-header-container { + .e-header-row { + .e-header-cells { + background-color: $scheduler_work_day_bg; + + .e-header-date { + cursor: auto; + color: $scheduler_header_cells_fg; + + &:hover { + text-decoration: none; + } + } + + .e-header-day { + color: $scheduler_header_cells_fg; + } + + &.e-current-day { + border: $scheduler_vertical_current_day_border !important; + color: $scheduler_vertical_current_day_fg; + + .e-header-date { + font-size: 18px; + font-family: "FiraSans", Arial; + font-weight: 600; + } + + .e-header-day { + font-size: 15px; + font-family: "FiraSans", Arial; + font-weight: 600; + } + } + } + } + + .e-all-day-row { + .e-all-day-cells { + background-color: $scheduler_work_day_bg; + } + } + + .e-all-day-appointment-wrapper { + .e-all-day-appointment { + border: 1px solid $scheduler_evnet_border_fg; + background-color: $scheduler_event_bg; + + .e-subject { + font-size: 12px; + font-family: "FiraSans", Arial; + color: $scheduler_event_subject_fg; + } + + .e-time { + font-size: 10px; + font-family: "FiraSans", Arial; + color: $scheduler_event_subject_fg; + } + } + } + } + + .e-time-cells-wrap { + .e-current-time { + display: none; + } + + .e-time-slots { + color: $scheduler_event_subject_fg; + background-color: $scheduler_work_day_bg; + } + } + + .e-content-wrap { + .e-appointment-wrapper { + .e-appointment { + border: 1px solid $scheduler_evnet_border_fg; + background-color: $scheduler_event_bg; + + .e-time { + font-size: 10px; + font-family: "FiraSans", Arial; + color: $scheduler_event_subject_fg; + } + + .e-subject { + font-size: 12px; + font-family: "FiraSans", Arial; + color: $scheduler_event_subject_fg; + } + } + } + + .e-work-cells { + background-color: $scheduler_work_day_bg; + + &.e-work-hours { + background-color: $scheduler_work_day_bg; + } + + &.e-selected-cell { + background-color: $scheduler_selected_cell_bg !important; + } + + &:hover { + background-color: $scheduler_work_cell_hover_bg; + } + } + } + + .e-alternate-cells { + border-bottom-style: none; + } + + .e-hide-childs { + span { + display: block; + } + } + } + + .e-timeline-view, + .e-timeline-month-view { + .e-resource-left-td { + background-color: $scheduler_header_cells_bg; + border-color: $scheduler_grid_fg; + } + + .e-date-header-container { + .e-date-header-wrap { + table { + td { + border-color: $scheduler_grid_fg; + } + + .e-header-cells { + background-color: $scheduler_header_cells_bg; + color: $scheduler_header_cells_fg; + padding: 0; + + span { + padding-left: 4px; + } + + &.e-current-day { + span { + @include flexDisplay(); + @include flexAlignItems(center, center); + width: 100%; + border: 1px solid $scheduler_vertical_current_day_border_fg; + height: 100%; + } + } + } + + .e-time-slots { + color: $scheduler_header_cells_fg; + background-color: $scheduler_header_cells_bg; + } + } + + .e-current-time { + display: none; + } + } + } + + .e-resource-column-wrap { + .e-resource-cells { + background-color: $scheduler_resources_cell_bg; + border-color: $scheduler_grid_fg; + + .e-resource-text { + color: $scheduler_resources_cell_fg; + } + } + } + + .e-content-wrap { + .e-schedule-table { + tbody { + .e-selected-cell { + background-color: $scheduler_timeline_selected_cell_bg !important; + } + + .e-work-cells { + background-color: $scheduler_work_day_bg; + border-color: $scheduler_grid_fg; + + &:hover { + background-color: $scheduler_work_cell_hover_bg; + } + } + + .e-alternate-cells { + border-left-style: none; + } + } + } + + .e-event-table { + .e-appointment { + border: 1px solid $scheduler_evnet_border_fg; + background-color: $scheduler_event_bg; + + .e-appointment-details { + .e-subject { + font-size: 12px; + font-family: "FiraSans", Arial; + padding-bottom: 2px; + color: $scheduler_event_subject_fg; + } + + .e-time { + font-size: 10px; + font-family: "FiraSans", Arial; + color: $scheduler_event_subject_fg; + } + } + } + } + } + } + } + + .e-schedule .e-appointment .e-right-icon::before { + color: $scheduler_appointment_color; + } + + .e-schedule .e-appointment .e-left-icon::before { + color: $scheduler_appointment_color; + } + + .e-schedule .e-vertical-view .e-day-wrapper .e-appointment.e-appointment-border, + .e-schedule .e-vertical-view .e-day-wrapper .e-appointment:focus { + box-shadow: $scheduler_appointment_box_shadow; + } + } +} + +.tooltip-wrap { + background-color: $scheduler_tooltip_bg; + + .name, + .date, + .time { + font-size: 12px; + font-family: "FiraSans", Arial; + color: $scheduler_tooltip_fg; + } +} + +:global { + .e-tooltip-wrap.e-popup { + background-color: $scheduler_tooltip_bg; + opacity: 1; + + .e-tip-content { + .e-subject { + font-size: 12px; + font-family: "FiraSans", Arial; + color: $scheduler_tooltip_fg; + } + + .e-details { + font-size: 12px; + font-family: "FiraSans", Arial; + color: $scheduler_tooltip_fg; + + } + + .e-all-day { + font-size: 12px; + font-family: "FiraSans", Arial; + color: $scheduler_tooltip_fg; + } + } + } +} + +.e-appointment-expand-dark { + color: $scheduler_expand_color !important; + + &:hover, + &:focus { + background-color: $scheduler_expand_hover_bg !important; + color: $scheduler_expand_color !important; + } +} + +.e-more-indicator-dark { + color: $scheduler_more_color !important; +} + +.e-more-indicator-dark-month { + color: $scheduler_more_color_month !important; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/SchedulerCalendar.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/SchedulerCalendar.module.scss new file mode 100644 index 0000000..ea39ad4 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/SchedulerCalendar.module.scss @@ -0,0 +1,90 @@ +@import "../common/PredefinedMixins.scss"; +@import "../mobilebrowser/SchedulerCalendar.module.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.tasks-scroll { + width: 100%; + height: 100%; + background-color: inherit; +} + +.ss-box-con { + font-family: $ss_font; + + .ss-week-desc { + .ss-box-week { + .ss-scrolable-task-list { + height: 100%; + left: 0; + right: 12px; + } + + .ss-week { + margin-bottom: 12px; + } + } + } + + &.ss-res-view { + .ss-week-desc { + .ss-box-week { + .ss-week { + margin-bottom: 23px; + } + } + } + } + + &.horizontal { + .ss-week-desc { + .ss-shortdays { + gap: .8rem; + } + + .ss-box-week { + .ss-week { + gap: .8rem; + } + } + } + + &.ss-res-view { + .ss-week-desc { + + .ss-shortdays { + padding-left: calc(165px + .8rem); + } + + .ss-box-week { + + .ss-resource-week { + @include flexDisplay; + @include flexAlignItems(center, center); + gap: .8rem; + margin-bottom: 20px; + + &.labels { + margin-bottom: 10px; + } + + .ss-resource-label { + @include partial-ellipsis; + display: block; + width: 165px; + flex: 0 0 auto; + + font-weight: 500; + line-height: 22px; + } + + .ss-week { + flex: 1 1 auto; + margin-bottom: 0; + } + } + } + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/SchedulerSimple.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/SchedulerSimple.module.scss new file mode 100644 index 0000000..42fcb70 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/SchedulerSimple.module.scss @@ -0,0 +1,4 @@ +@import "../common/PredefinedMixins.scss"; +@import "../mobilebrowser/SchedulerSimple.module.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; diff --git a/soneta-ui-style/wzorce/css/fullbrowser/SchedulerSimpleButton.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/SchedulerSimpleButton.module.scss new file mode 100644 index 0000000..9a6518a --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/SchedulerSimpleButton.module.scss @@ -0,0 +1,28 @@ +@import "../common/PredefinedMixins.scss"; +@import "../mobilebrowser/SchedulerSimpleButton.module.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.ss-day-button { + &.horizontal-view { + &.no-label { + min-height: 36px; + height: 36px; + } + + &.only-label { + margin-bottom: 0; + } + + .ss-day-content { + height: 36px; + + .ss-event { + @include flexAlignItems(flex-start, start); + padding: 1px 8px; + font-size: 12px; + font-weight: 400; + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/SchedulerSimpleWithTaskList.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/SchedulerSimpleWithTaskList.module.scss new file mode 100644 index 0000000..031b836 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/SchedulerSimpleWithTaskList.module.scss @@ -0,0 +1,83 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.scheduler-simple-with-task-list { + position: absolute; + overflow: hidden; + + &:focus-visible { + @include focus(); + } + + .header-commands { + padding: 8px 15px 0 15px; + display: flex; + justify-content: center; + align-items: center; + gap: 8px; + } + + .calendar { + height: 316px; + } + + .tasks-list { + position: relative; + margin: 0 auto; + width: 100%; + height: calc(100% - 316px); + border-radius: 12px; + background-color: $ss_tl_tasks_bg; + border-top: 1px solid $ss_tl_tasks_bg; + border-bottom: 1px solid $ss_tl_tasks_bg; + + .task-list-content { + width: 100%; + height: 100%; + } + + .add-task { + position: absolute; + z-index: 1; + width: 42px; + height: 42px; + top: -25px; + right: 36px; + border-radius: 50%; + display: flex; + justify-content: center; + align-items: center; + background-color: $ss_tl_task_add_bg; + cursor: pointer; + border: none; + + &:focus-visible { + @include focus(); + } + + .add-symbol { + font-size: 37px; + color: $ss_tl_task_add_fg; + } + } + } + + &.horizontal { + display: flex; + overflow: unset; + + .calendar { + width: 310px; + + .header-commands { + padding-top: 2px; + } + } + + .tasks-list { + height: 100%; + width: calc(100% - 300px); + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/SchedulerTask.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/SchedulerTask.module.scss new file mode 100644 index 0000000..4cebc88 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/SchedulerTask.module.scss @@ -0,0 +1,65 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.task { + display: block; + position: relative; + margin: 4px 20px; + padding: 0; + border-radius: 8px; + color: $ss_tl_tasks_fg; + background-color: $ss_tl_task_bg; + box-shadow: $ss_tl_tasks_shadow; + width: calc(100% - 40px); + cursor: pointer; + + &:focus-visible { + @include focus(); + } + + .task-content { + padding: 12px 15px; + } + + &:first-of-type { + margin-top: 20px; + } + + &:last-of-type { + margin-bottom: 20px; + } + + .task-name { + font-weight: bold; + } + + .task-header { + @include partial-ellipsis; + margin-right: 15px; + } + + .task-date { + color: $ss_tl_task_date_fg; + } + + .icons { + position: absolute; + top: 0; + right: 3px; + + .icon-close { + width: 24px; + padding: 5px 8px; + border-radius: 8px; + + &:focus-visible { + @include focus(); + } + + path { + fill: $ss_tl_task_date_icon_fg; + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/SchedulerWithTaskListCalendar.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/SchedulerWithTaskListCalendar.module.scss new file mode 100644 index 0000000..f288df5 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/SchedulerWithTaskListCalendar.module.scss @@ -0,0 +1,75 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.animationLightSpeedRollLeft :global { + animation-duration: 0.5s; + animation-fill-mode: both; + animation-name: RollXLeft; + animation-timing-function: ease-out; + -webkit-animation-duration: 0.5s; + -webkit-animation-fill-mode: both; + -webkit-animation-name: RollXLeft; + -webkit-animation-timing-function: ease-out; +} + +.animationLightSpeedRollRight :global { + animation-duration: 0.5s; + animation-fill-mode: both; + animation-name: RollXRight; + animation-timing-function: ease-out; + -webkit-animation-duration: 0.5s; + -webkit-animation-fill-mode: both; + -webkit-animation-name: RollXRight; + -webkit-animation-timing-function: ease-out; +} + +.box-con { + @include flexDisplay; + @include flexDirection(row); + @include flexWrap(nowrap); + @include flexJustifyContent(center, center); + @include flexAlignContent(stretch, stretch); + margin: 0 auto; + padding: 15px 0 12px 0; + width: 8 * 36px + 32px; + + .week-no { + float: left; + + .week-zero { + border-right: none; + visibility: hidden; + } + + .week { + display: block; + width: 36px; + height: 36px; + font-size: 10pt; + line-height: 36px; + text-align: center; + color: $ss_tl_week_fg; + border-right: $ss_tl_week_border; + } + } + + .week-desc { + .shortdays { + min-width: 252px; + + .shortdays-element { + display: inline-block; + width: 36px; + height: 36px; + line-height: 36px; + text-align: center; + color: $ss_tl_shortday_fg; + } + } + } + + &.horizontal { + padding: 4px 0 0 0; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/SchedulerWithTaskListCalendarElement.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/SchedulerWithTaskListCalendarElement.module.scss new file mode 100644 index 0000000..2f8e112 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/SchedulerWithTaskListCalendarElement.module.scss @@ -0,0 +1,64 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.calendar-element { + display: inline-block; + width: 36px; + height: 36px; + line-height: 36px; + text-align: center; +} + +.day-button-blank { + @extend .calendar-element; + color: transparent; +} + +.day-button { + @extend .calendar-element; + position: relative; + color: $ss_tl_btn_fg; + font-family: $primaryFont; + border: none; + border-radius: 50%; + background-color: transparent; + padding: 0; + cursor: pointer; + + &:focus-visible { + @include focus(); + } + + .task-marker { + position: absolute; + left: 50%; + transform: translateX(-50%); + bottom: 5px; + width: 3px; + height: 3px; + border-radius: 50%; + background-color: $ss_tl_btn_bg; + } + + &.day-button-current { + font-weight: 600; + color: $ss_tl_btn_fg; + cursor: pointer; + } + + &.day-button-selected { + color: $ss_tl_btn_selected_fg; + background-color: $ss_tl_btn_selected_bg; + border-radius: 50%; + cursor: pointer; + + .task-marker { + background-color: $ss_tl_day_marker_selected; + } + } + + &.day-button-disabled { + opacity: 0.4; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Scroll.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Scroll.module.scss new file mode 100644 index 0000000..006c98b --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Scroll.module.scss @@ -0,0 +1,230 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "./BaseScroll.module.scss"; + +.scroll-content { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + overflow: hidden; + touch-action: none; + + > div:first-child { + position: absolute; + overflow-y: auto; + } + + .scroll-v, + .scroll-h, + .scroll-h-mobile { + @include partial-transition; + position: absolute; + bottom: 2px; + z-index: 200; + background-color: transparent; + + &:active, + &:hover { + .scroll-v-track, + .scroll-h-track { + background-color: $scroll_track_bg; + } + } + + .scroll-v-thumb, + .scroll-h-thumb { + position: absolute; + background-color: $scroll_thumb_bg; + border-radius: 2px; + + &:hover, + &:active { + background-color: $scroll_thumb_hover_bg; + border-radius: 4px; + opacity: 0.8; + } + } + } + + .scroll-v { + top: 2px; + right: 2px; + width: $size; + + .scroll-v-track { + position: absolute; + top: 0; + right: 0; + bottom: 0; + width: $size; + + .scroll-v-thumb { + cursor: s-resize; + top: 0; + right: 0; + height: 100px; + width: $thumb_size; + } + } + + &.touch { + width: $track_hover_size; + + .scroll-v-track { + width: $track_hover_size; + + .scroll-v-thumb { + width: $track_hover_size; + } + } + } + + &:not(.touch) { + &:active, + &:hover { + .scroll-v-track { + width: $track_hover_size; + + .scroll-v-thumb { + width: $track_hover_size; + } + } + } + } + } + + .scroll-h { + left: 2px; + right: 12px; + height: $size; + + .scroll-h-track { + position: absolute; + left: 0; + right: 0; + bottom: 0; + height: $size; + + .scroll-h-thumb { + cursor: w-resize; + left: 0; + bottom: 0; + width: 100px; + height: $thumb_size; + } + } + + &.touch { + height: $track_hover_size; + + .scroll-h-track { + height: $track_hover_size; + + .scroll-h-thumb { + height: $track_hover_size; + } + } + } + + &:not(.touch) { + &:active, + &:hover { + .scroll-h-track { + height: $track_hover_size; + + .scroll-h-thumb { + height: $thumb_hover_size; + } + } + } + } + } + + &.popup-window { + .scroll-v, + .scroll-h { + z-index: 100001; + } + } + + &.dashboard { + background-color: $dashboard_bg; + } + + &.simple-scheduler { + left: 0; + } + + &.lookup { + @include partial-box-shadow; + position: fixed; + cursor: pointer; + width: 100%; + overflow: hidden; + z-index: 200002; + background: $lookup_auto_bg; + border: $lookup_auto_border; + border-radius: 12px; + } + + &.left-offset-nav-expanded { + left: calc($nav_form_width + 8px); + } + + &.left-offset-nav-collapsed { + left: calc($nav_form_collapsed_width + 8px); + } + + &.legend-scroll-v, &.legend-scroll-h { + position: relative !important; + } + + &.legend-scroll-v { + width: 100%; + } + + &.legend-scroll-h { + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + } +} + +.scroll-content-premium { + background-color: $scroll_content_bg; + + &.dashboard { + background-color: $scroll_dashboard_content_bg; + } + + &.transparent { + background-color: transparent; + } + + &.left-offset-nav-expanded { + left: calc($nav_form_width + 8px); + } + + &.left-offset-nav-collapsed { + left: calc($nav_form_collapsed_width + 8px); + } + + &.legend-scroll-v, &.legend-scroll-h { + position: relative !important; + } + + &.legend-scroll-v { + width: 100%; + } + + &.legend-scroll-h { + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ScrollIndicator.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ScrollIndicator.module.scss new file mode 100644 index 0000000..b861e7d --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ScrollIndicator.module.scss @@ -0,0 +1,60 @@ +@import "../common/PredefinedMixins.scss"; +@import "./Variables.scss"; + + +.scroll-indicator { + position: fixed; + left: 0; + width: var(--nav_folder_width); + height: $nav_tree_scroll_indicator_height; + max-height: 20%; + z-index: 1000; + transition: height .05s ease-in-out; + + &.favorites { + height: 112px; + } + + &.menu-collapsed { + width: var(--nav_folder_collapsed_width); + } + + &:not(.menu-collapsed){ + @include transition(width, .3s, ease-out, 0s); + } + + &.down { + bottom: 0; + background: $nav_tree_scroll_indicator_down_bg; + + &.favorites { + bottom: unset; + transform: translateY(-112px); + } + } + + &.up { + background: $nav_tree_scroll_indicator_up_bg; + } + + &.hide { + height: 0; + } +} + +.scroll-indicator.form { + left: unset; + width: var(--nav_form_width); + + &.menu-collapsed { + width: var(--nav_form_collapsed_width); + } + + &.down { + background: $nav_tree_form_scroll_indicator_down_bg; + } + + &.up { + background: $nav_tree_form_scroll_indicator_up_bg; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ShortcutCommand.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ShortcutCommand.module.scss new file mode 100644 index 0000000..f34d709 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ShortcutCommand.module.scss @@ -0,0 +1,81 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.shortcut-cmd { + margin: 5px 5px 5px 5px; + height: 30px; + min-width: 200px; + max-width: 250px; + font-size: 9pt; + font-family: $secondaryFont; + color: $shortcut_cmd_fg; + border: none; + background-color: transparent; + + .content { + @include partial-row-center-start; + align-items: baseline; + width: inherit; + height: 100%; + + .key-cmd { + @include partial-column-center; + @include partial-transition; + box-shadow: $shortcut_shadow_fg; + height: inherit; + width: 50px; + border-radius: 3px; + cursor: pointer; + font-size: 9pt; + color: $shortcut_cmd_key_fg; + background-color: $shortcut_cmd_key_bg; + } + + .key-desc { + @include partial-ellipsis; + display: block; + padding: 0 4px 0 10px; + max-width: 200px; + font-size: 9pt; + color: $shortcut_cmd_key_fg; + font-family: $primaryFont; + overflow: hidden; + } + } + + &:hover { + .key-cmd { + box-shadow: $shortcut_shadow_hover_fg; + background-color: $shortcut_shadow_hover_bg; + } + } + + &:active { + .key-cmd { + box-shadow: $theme_shadow_active; + background-color: $shortcut_cmd_key_active_bg; + border: $shortcut_cmd_key_active_border; + } + + .content { + .key-cmd, + .key-desc { + color: $shortcut_cmd_key_active_fg; + } + } + } +} + +.shortcut-cmd-premium { + .content { + .key-cmd { + color: $shortcut_btn_color; + background-color: $shortcut_btn_bg; + } + + .key-desc { + color: $shortcut_btn_color; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ShortcutWindow.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ShortcutWindow.module.scss new file mode 100644 index 0000000..10e5003 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ShortcutWindow.module.scss @@ -0,0 +1,83 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +$shortcut_title_height: 60px; + +.shortcut-overlay { + @include partial-column-center; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 200101; + background-color: $shortcut_overlay_bg; + + .shortcut-window { + @include partial-box-shadow; + @include partial-column-start; + justify-content: space-between; + min-width: 500px; + min-height: 300px; + max-width: 100vw; + max-height: 100vh; + background: $shortcut_bg; + border: $shortcut_window_border; + border-radius: $modal_border_radius; + font-family: $secondaryFont; + + .sh-header { + @include partial-row-center-start; + justify-content: center; + width: 100%; + height: $shortcut_title_height; + + .sh-title { + @include partial-column-start; + justify-content: center; + align-items: flex-start; + height: inherit; + width: calc(100% - #{$shortcut_title_height}); + padding: 0 20px; + font-size: 18pt; + font-family: $secondaryFont; + color: $shortcut_title_fg; + } + + .sh-close { + @include partial-column-start; + justify-content: center; + cursor: pointer; + height: $shortcut_title_height; + width: $shortcut_title_height; + + .icon { + fill: $shortcut_close_icon; + width: 16px; + height: 16px; + } + } + } + + .sh-footer { + @include partial-column-start; + justify-content: center; + height: $shortcut_title_height; + width: inherit; + font-size: 9pt; + font-family: $secondaryFont; + font-style: italic; + color: $shortcut_footer_fg; + } + + .sh-commands { + @include partial-column-center; + padding: 0 10px 10px 10px; + width: 100%; + flex-wrap: wrap; + justify-content: flex-start; + max-height: calc(100vh - (2 * #{$shortcut_title_height})); + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/SignInPanel.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/SignInPanel.module.scss new file mode 100644 index 0000000..572334e --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/SignInPanel.module.scss @@ -0,0 +1,108 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.signin-content { + @include partial-column-center-start; + width: 360px; + padding: 10px 32px; + gap: 8px; + + .field { + @include partial-row-center-start; + position: relative; + width: 100%; + height: 50px; + } + + .s-content { + @include partial-column-center-start; + position: relative; + bottom: 0; + left: 0; + width: 100%; + background-color: transparent; + color: $signIn_content_fg; + + .infoCompany { + @include partial-column-center-start; + width: 100%; + font-family: $tertiaryFont; + + .infoLabel { + @include flexDisplay; + @include flexDirection(column); + @include flexJustifyContent(flex-start, start); + @include flexAlignItems(flex-start, start); + width: 100%; + + .icon { + @include partial-column-center; + position: relative; + width: 40px; + height: 100%; + + svg { + height: 20px; + width: 20px; + + path { + fill: $signIn_infolabel_fg; + } + } + } + + .info-db-cap { + @include partial-ellipsis; + font-size: 14px; + font-weight: 300; + line-height: 18px; + color: $signIn_info_label_caption_fg; + } + + .text { + @include partial-ellipsis; + position: relative; + left: 0; + top: 0; + width: 100%; + font-size: 16px; + font-weight: 500; + line-height: 22px; + color: $signIn_info_label_text_fg; + } + } + + .infoBeta { + @include partial-row-center-start; + margin-top: 20px; + margin-left: 10px; + height: 60px; + width: 100%; + font-size: 12pt; + } + } + + .infoTxt { + @include partial-column-center-start; + width: 100%; + font-size: 10pt; + padding: 5px; + display: inline-block; + + .bold { + font-weight: bold; + } + } + } + + .s-action, + .s-versions, + .s-themes { + @include partial-row-center-end; + justify-content: space-between; + flex-wrap: wrap; + width: 100%; + margin-bottom: 8px; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/SimpleMenu.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/SimpleMenu.module.scss new file mode 100644 index 0000000..4d87ab3 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/SimpleMenu.module.scss @@ -0,0 +1,28 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +$nav_menu_width: 250px; + +.popup-simple-menu { + @include partial-column-center; + z-index: 1001; + height: 100%; + width: $nav_menu_width; + background: $popup_simple_bg; + border: $popup_simple_border; + border-radius: 12px; + + &:focus-visible { + @include focus( + $outline-offset: -1px, + $box-shadow: none + ); + } + + .popup-column { + width: 350px; + height: 100%; + padding: 8px; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/SimpleMenuItem.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/SimpleMenuItem.module.scss new file mode 100644 index 0000000..c02a4b5 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/SimpleMenuItem.module.scss @@ -0,0 +1,67 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +$nav_menu_width: 250px; + +.nav-item { + @include flexDisplay(); + @include flexJustifyContent(flex-start, flex-start); + @include flexAlignItems(center, center); + @include flexAlignContent(center, center); + width: 100%; + height: 40px; + z-index: 1; + padding-left: 8px; + border-radius: 8px; + color: $popup_simple_item_fg; + background: $popup_simple_item_bg; + cursor: pointer; + + &:focus-visible { + @include focus( + $outline-offset: -2px, + $box-shadow: $focus_box_shadow_inset + ); + } + + .blink { + @include partial-blink-normal; + } + + .nav-item-cap { + @include partial-ellipsis; + display: inline-block; + width: 90%; + padding-left: 0; + + font-family: "Roboto", sans-serif; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 20px; + letter-spacing: 0; + + &.disabled { + color: $popup_simple_item_disabled_fg; + cursor: auto; + } + } + + &.hover { + background: $popup_simple_item_bg_hover; + + .nav-item-cap { + color: $popup_simple_item_fg_hover; + } + + &.disabled { + background-color: transparent; + + .nav-item-cap { + color: $popup_simple_item_disabled_hover_fg; + } + } + } + +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Spinner.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Spinner.module.scss new file mode 100644 index 0000000..cb8b116 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Spinner.module.scss @@ -0,0 +1,143 @@ +@import "../../Themes/common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.spinner :global { + animation: rotate 2s linear infinite; + -webkit-animation: rotate 2s linear infinite; +} + +.spinner .path :global { + animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; + -webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite; +} + +.spinner.button .path :global { + animation: dash 1.5s ease-in-out infinite, wait-color 6s ease-in-out infinite; + -webkit-animation: dash 1.5s ease-in-out infinite, wait-color 6s ease-in-out infinite; +} + +.outterSpinnerWrapper { + display: flex; + height: 100vh; + justify-content: center; + align-items: center; + border: $progress_bar_spinner_border; + + .spinnerWrapper { + display: flex; + justify-content: center; + width: 450px; + height: 340px; + padding: 0 10px 0 10px; + background-color: $progress_bar_spinner_wrapper_bg; + box-shadow: $theme_shadow; + + border-radius: $modal_border_radius; + font-family: $tertiaryFont; + + &.transparent { + background-color: transparent; + box-shadow: none; + } + + .spinnerContainer { + position: absolute; + top: 49%; + left: 50%; + width: 150px; + height: 150px; + margin-top: -95px; + margin-left: -75px; + + &:before { + content: ""; + display: block; + padding-top: 100%; + } + .spinner { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + transform-origin: center center; + -webkit-transform-origin: center center; + + .path { + stroke-width: 2px; + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + stroke-linecap: round; + } + } + + .progressBarWrapper { + stroke-dashoffset: 0; + stroke-width: 2px; + position: absolute; + top: 0; + + .progressBar { + stroke: $progress_bar_circle_bg; + transition: stroke-dashoffset 0.5s linear; + } + + .progressBarBcgCircle { + stroke: $progress_bar_background_circle_bg; + } + } + + .progressInPercent { + position: absolute; + top: 69px; + width: 100%; + text-align: center; + font-size: 16pt; + color: $progress_bar_in_percent_fg; + } + } + + .btnInformation { + display: flex; + justify-content: center; + align-items: center; + flex-direction: column; + color: $progress_bar_btn_information_fg; + position: relative; + + .phase { + margin-top: 145px; + color: $progress_bar_information_fg; + font-weight: 600; + } + + .information { + color: $progress_bar_information_fg; + overflow: hidden; + width: 400px; + text-align: center; + height: 3em; + line-height: 1.5em; + } + + .disabledBtn { + color: $command_primary_disabled_fg; + background-color: $command_primary_disabled_bg; + border-color: $command_primary_disabled_border_color; + } + } + } +} + +.button-spinner-wrapper { + width: 30px; + height: 30px; + + .spinner { + .path { + stroke-width: 3px; + stroke-linecap: round; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/SpinnerIndicator.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/SpinnerIndicator.module.scss new file mode 100644 index 0000000..a467fa0 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/SpinnerIndicator.module.scss @@ -0,0 +1,31 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "../mobilebrowser/SpinnerIndicator.module.scss"; + +.spinner-container { + width: 100%; + height: 100%; + + .spinner-circular { + .spinner { + width: 120px; + height: 120px; + + svg { + + path { + stroke-width: 10px; + } + + circle { + r: 2px; + cx: 80px; + cy: 5px; + fill: $spinner_fill; + transition: r 0.3s ease, cx 0.3s ease, cy 0.3s ease; + } + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Splitter.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Splitter.module.scss new file mode 100644 index 0000000..74c79e7 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Splitter.module.scss @@ -0,0 +1,45 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.splitter { + @include partial-column-center; + position: absolute; + right: 0; + width: 4px; + height: 100%; + z-index: 1000; + background-color: $splitter_bg; + + .icon { + @include partial-column-center; + position: absolute; + height: 30px; + width: 4px; + cursor: ew-resize; + background-color: $splitter_btn_bg; + + &:focus-visible { + @include focus(); + } + + svg { + height: 100%; + width: 12px; + + path { + fill: $splitter_icon; + } + } + } + + &:hover { + background-color: $splitter_hover_bg; + + .icon { + path { + fill: $splitter_hover_bg; + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Stack.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Stack.module.scss new file mode 100644 index 0000000..e00485d --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Stack.module.scss @@ -0,0 +1,9 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.stack { + @include partial-row-start-top; + @include flexWrap(wrap); + background-color: $stack_bg; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/SvgIcon.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/SvgIcon.module.scss new file mode 100644 index 0000000..3d09144 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/SvgIcon.module.scss @@ -0,0 +1,29 @@ +@import "./Variables.scss"; + +svg { + path { + &:first-child { + &.linear { + fill: url(#linear) !important; + } + } + + &:nth-of-type(2) { + &.linear { + fill: url(#linear) !important; + } + } + + &:nth-of-type(3) { + &.linear { + fill: url(#linear) !important; + } + } + + &:nth-of-type(4) { + &.linear { + fill: url(#linear) !important; + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TestRecorder.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TestRecorder.module.scss new file mode 100644 index 0000000..be581aa --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TestRecorder.module.scss @@ -0,0 +1,144 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +$recorder_height: 32px; + +.test-recorder { + @include partial-row-center-start; + position: fixed; + bottom: 50px; + right: 0; + width: auto; + height: calc(#{$recorder_height} + 20px); + z-index: 1000; + border-radius: 4px 0 0 4px; + border: $recorder_border_fg; + border-right: none; + background-color: $recorder_bg; + + + .btn-content { + @include partial-column-center; + cursor: pointer; + } + + &.open { + right: 0; + } + + .icon { + @include partial-column-center; + height: calc(#{$recorder_height} + 20px); + width: calc(#{$recorder_height} + 20px); + line-height: normal; + cursor: pointer; + svg { + height: $recorder_height; + width: $recorder_height; + } + + &.small { + height: calc(#{$recorder_height} - 12px); + svg { + width: calc(#{$recorder_height} - 15px); + height: calc(#{$recorder_height} - 15px); + } + } + } + + .end-record-desc { + height: 20px; + margin: 0; + text-align: center; + color: black; + } + + .stop-recording { + @include partial-row-center; + @include partial-transition; + width: calc(#{$recorder_height} + 8px); + height: calc(#{$recorder_height} + 8px); + font-size: 10pt; + text-align: center; + cursor: pointer; + border-radius: 50%; + overflow: hidden; + outline: none; + color: $recorder_color; + box-shadow: $recorder_stop_box_shadow; + background-color: $recorder_stop_bcg; + margin: 0 5px 0 5px; + + &.disabled { + pointer-events: none; + svg { + path { + fill: $recorder_button_disabled_color; + } + } + } + + &:hover, + &:focus { + box-shadow: $recorder_button_hover_shadow; + } + + &:active { + box-shadow: $recorder_button_active_shadow; + background-color: $recorder_button_active_bg; + color: $recorder_button_active_color; + } + + .icon { + @include partial-column-center; + height: $recorder_height; + width: $recorder_height; + border-radius: 50%; + line-height: normal; + + svg { + width: calc(#{$recorder_height} - 10px); + height: calc(#{$recorder_height} - 10px); + } + } + + &.rec { + svg { + height: $recorder_height; + width: $recorder_height; + path { + fill: $recorder_button_active_color; + } + } + } + + &.disabled { + pointer-events: none; + svg { + path { + fill: $recorder_button_disabled_color; + } + } + } + + .title { + @include partial-column-center-start; + padding: 0 4px; + height: inherit; + overflow: hidden; + color: $recorder_color; + } + } + + &.active { + box-shadow: $recorder_active_shadow; + } + + .test-name-input { + margin: 0 10px 0 10px; + input { + outline: 0; + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TestsWindow.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TestsWindow.module.scss new file mode 100644 index 0000000..19e73b4 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TestsWindow.module.scss @@ -0,0 +1,42 @@ +.test-flex-column { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: flex-start; + align-content: flex-start; + align-items: flex-start; +} + +.test-window { + position: absolute; + height: 100%; + width: 100%; + color: rgb(184, 184, 162); + background-color: rgb(56, 56, 56); + + .test-items-content { + @extend .test-flex-column; + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 50px; + overflow-y: auto; + } +} + +.test-state { + -webkit-box-align: start; + -moz-box-align: start; + box-align: start; + + svg { + height: 24px; + } +} + +.test-back-all { + svg { + height: 100%; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TestsWindowFinished.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TestsWindowFinished.module.scss new file mode 100644 index 0000000..bb08f3d --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TestsWindowFinished.module.scss @@ -0,0 +1,110 @@ +.test-flex-row { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-content: inherit; + align-items: center; +} + +.test-svg-box { + @extend .centerBoxInline; + width: 36px; + height: 36px; + svg { + width: 24px; + height: 100%; + } +} + +.centerBoxInline { + display: -webkit-box; + display: -moz-box; + display: box; + + -webkit-box-align: center; + -moz-box-align: center; + box-align: center; + + -webkit-box-pack: center; + -moz-box-pack: center; + box-pack: center; +} + +.test-ellipsis { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.test-active { + -webkit-box-shadow: inset 2px 2px 30px 0 rgb(201, 201, 201); + -moz-box-shadow: inset 2px 2px 30px 0 rgb(201, 201, 201); + box-shadow: inset 2px 2px 30px 0 rgb(201, 201, 201); +} + +.test-flex-column { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: flex-start; + align-content: flex-start; + align-items: flex-start; +} + +.test-finished { + position: fixed; + left: 0; + bottom: 0; + right: 0; + width: 100%; + background-color: rgb(48, 48, 48); + + @extend .test-flex-row; + + .test-state { + @extend .test-svg-box; + } + + .test-title { + @extend .test-ellipsis; + display: flex; + flex-grow: 1; + flex-shrink: 0; + flex-basis: 250px; + height: inherit; + padding-left: 5px; + font-size: 10pt; + color: rgb(188, 188, 188); + } + + .test-back-all { + @extend .test-svg-box; + } + + &:active { + @extend .test-active; + } +} + +.test-finished { + height: 48px; + line-height: 48px; +} + +.test-finished.failed { + height: 72px; + + .test-title { + @extend .test-flex-column; + + div { + line-height: 10pt; + } + + div:first-child { + color: rgb(253, 61, 61); + padding-top: 8px; + padding-bottom: 8px; + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TestsWindowHeader.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TestsWindowHeader.module.scss new file mode 100644 index 0000000..d7dad02 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TestsWindowHeader.module.scss @@ -0,0 +1,136 @@ +.test-flex-row { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-content: inherit; + align-items: center; +} + +.test-svg-box { + @extend .centerBoxInline; + width: 36px; + height: 36px; + svg { + width: 24px; + height: 100%; + } +} + +.centerBoxInline { + display: -webkit-box; + display: -moz-box; + display: box; + + -webkit-box-align: center; + -moz-box-align: center; + box-align: center; + + -webkit-box-pack: center; + -moz-box-pack: center; + box-pack: center; +} + +.test-active { + -webkit-box-shadow: inset 2px 2px 30px 0 rgb(201, 201, 201); + -moz-box-shadow: inset 2px 2px 30px 0 rgb(201, 201, 201); + box-shadow: inset 2px 2px 30px 0 rgb(201, 201, 201); +} + +.test-header { + @extend .test-flex-row; + width: 100%; + height: 48px; + margin-bottom: 2px; + line-height: 48px; + background-color: rgb(80, 80, 80); + + .test-run { + @extend .test-flex-row; + width: 100%; + height: 48px; + line-height: 48px; + background-color: rgb(63, 63, 63); + margin-bottom: 2px; + cursor: pointer; + + .test-state { + @extend .test-svg-box; + } + + .test-title { + width: 88px; + height: inherit; + padding-left: 10px; + font-size: 10pt; + color: rgb(251, 188, 5); + } + + &:active { + @extend .test-active; + } + } + + .test-search { + padding-left: 10px; + + input { + height: 24px; + width: 220px; + padding-left: 2px; + padding-right: 2px; + border: 1px solid rgb(173, 129, 0); + outline: none; + color: rgb(173, 129, 0); + background-color: rgb(44, 44, 44); + + &::-webkit-input-placeholder { + font-size: 8pt; + font-style: italic; + color: rgb(188, 188, 188); + } + + &:-moz-placeholder { + /* Firefox 18- */ + font-size: 8pt; + font-style: italic; + color: rgb(188, 188, 188); + } + + &::-moz-placeholder { + /* Firefox 19+ */ + font-size: 8pt; + font-style: italic; + color: rgb(188, 188, 188); + } + + &:-ms-input-placeholder { + font-size: 8pt; + font-style: italic; + color: rgb(188, 188, 188); + } + + &:focus { + color: rgb(251, 188, 5); + border: 1px solid rgb(251, 188, 5); + + &::-webkit-input-placeholder { + color: transparent; + } + + &:-moz-placeholder { + /* Firefox 18- */ + color: transparent; + } + + &::-moz-placeholder { + /* Firefox 19+ */ + color: transparent; + } + + &:-ms-input-placeholder { + color: transparent; + } + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TestsWindowItem.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TestsWindowItem.module.scss new file mode 100644 index 0000000..a0d32ab --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TestsWindowItem.module.scss @@ -0,0 +1,109 @@ +.test-flex-row { + display: flex; + flex-direction: row; + justify-content: flex-start; + align-content: inherit; + align-items: center; +} + +.test-svg-box { + @extend .centerBoxInline; + width: 36px; + height: 36px; + svg { + width: 24px; + height: 100%; + } +} + +.centerBoxInline { + display: -webkit-box; + display: -moz-box; + display: box; + + -webkit-box-align: center; + -moz-box-align: center; + box-align: center; + + -webkit-box-pack: center; + -moz-box-pack: center; + box-pack: center; +} + +.test-flex-column { + display: flex; + flex-direction: column; + flex-wrap: wrap; + justify-content: flex-start; + align-content: flex-start; + align-items: flex-start; +} + +.test-ellipsis { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +.test-item { + @extend .test-flex-row; + align-items: flex-start; + width: 400px; + min-height: 40px; + margin: 4px; + line-height: 40px; + background-color: rgb(48, 48, 48); + cursor: pointer; + border-radius: 2px; + transition: all 0.2s ease-in 0s; + border: 1px solid rgb(75, 75, 75); + border-radius: 2px; + box-shadow: 1px 1px 5px 0px rgb(29, 29, 29); + + .test-state { + @extend .test-svg-box; + @extend .test-flex-column; + align-items: center; + } + + .test-title { + @extend .test-ellipsis; + @extend .test-flex-column; + align-items: flex-start; + flex-wrap: nowrap; + height: inherit; + width: calc(100% - 36px); + padding: 0 5px; + font-size: 10pt; + color: rgb(133, 133, 133); + transition: all 0.2s ease-in 0s; + } + + .test-information { + width: 100%; + margin-bottom: 8px; + line-height: 14px; + font-size: 12px; + color: rgb(133, 133, 133); + white-space: pre-line; + transition: all 0.2s ease-in 0s; + } + + &:hover { + box-shadow: 1px 1px 8px 5px rgb(36, 36, 36); + border: 1px solid rgb(89, 89, 89); + + .test-title { + color: rgb(199, 148, 0); + } + + .test-information { + color: rgb(177, 0, 0); + } + } + + &:active { + border: 1px solid rgb(75, 75, 75); + box-shadow: none; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ThemePicker.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ThemePicker.module.scss new file mode 100644 index 0000000..7ebeaf9 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ThemePicker.module.scss @@ -0,0 +1,130 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +$picker_width: 170px; +$picker_height: 32px; + +.theme-items { + .item-active { + &.selected :global { + -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; + -moz-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; + -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; + transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms; + } + } +} + +.theme-picker { + &:focus-visible { + @include focus( + $outline-offset: 2px, + $box-shadow: none, + ); + } + + .theme-button { + @include partial-row-center-start; + @include partial-transition; + width: $picker_width; + height: $picker_height; + font-size: 10pt; + text-align: center; + cursor: pointer; + border-radius: 2px; + overflow: hidden; + outline: none; + color: $picker_color; + background-color: $picker_bg; + box-shadow: $picker_button_shadow; + border: $signIn_btn_border; + + &:hover, + &:focus { + box-shadow: $picker_button_hover_shadow; + background-color: $picker_button_hover; + } + + &:active { + box-shadow: $picker_button_active_shadow; + background-color: $picker_button_active_bg; + color: $picker_button_active_color; + } + + .icon { + @include partial-column-center; + height: inherit; + width: $picker_height; + line-height: normal; + + svg { + width: 24px; + height: inherit; + fill: $picker_fill; + } + } + + .title { + @include partial-column-center-start; + padding: 0 4px; + height: inherit; + overflow: hidden; + color: $picker_color; + } + } + + &.active { + box-shadow: $picker_active_shadow; + } +} + +.theme-items { + @include partial-column-center-start; + position: absolute; + top: $picker_height; + width: $picker_width; + left: 0px; + margin-top: 1px; + box-shadow: $picker_button_hover_shadow; + + .item { + @include partial-row-center-start; + background-color: $picker_item_bg; + width: inherit; + height: $picker_height; + cursor: pointer; + + .item-text { + @include partial-column-center-start; + width: calc(100% - 20px); + height: inherit; + color: $picker_color; + font-size: 11pt; + text-transform: lowercase; + padding: 0 5px; + } + + &:hover { + background-color: $picker_item_hover_bg; + } + } + + .item-active { + width: 16px; + height: inherit; + margin: 6px; + + &.selected { + height: 8px; + border-bottom: 2px solid $picker_item_selected_border_color; + border-left: 2px solid $picker_item_selected_border_color; + -webkit-transform: rotate(-45deg) scale(1); + -moz-transform: rotate(-45deg) scale(1); + -ms-transform: rotate(-45deg) scale(1); + -o-transform: rotate(-45deg) scale(1); + transform: rotate(-45deg) scale(1); + transform-origin: 40% 40%; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ThreadComments.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ThreadComments.module.scss new file mode 100644 index 0000000..d172bb6 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ThreadComments.module.scss @@ -0,0 +1,102 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.th-main { + position: absolute; + height: 100%; + width: 100%; + padding: 10px 25px 10px 10px; + background-color: $threadscommends_main_bg; + border: 1px solid transparent; + + &:focus-visible { + @include focus( + $outline: none, + $box-shadow: none, + $border: $focus_border + ); + } +} + +.th-panel { + @include partial-row-start-top; + height: 32px; + margin-bottom: 10px; + + .th-panel-btn { + @include partial-row-center-space-between; + height: 32px; + width: 100%; + padding: 0 8px; + font-size: 12px; + color: $threadscommends_panel_color; + background-color: $threadscommends_panel_bg; + border: $threadscommends_panel_border; + + &:hover { + color: $threadscommends_panel_hover_color; + background-color: $threadscommends_panel_hover_bg; + } + + .th-btn-text { + @include partial-row-center-start; + } + + .th-btn-icon { + height: 16px; + width: 24px; + + svg { + width: 16px; + height: 16px; + + path { + stroke: $threadscommends_panel_icon_color; + stroke-width: 0.5px; + } + } + } + } +} + +.tc-con { + @include partial-column-center-end; + min-height: 200px; + height: 50%; + width: calc(90% - 40px); + margin: 20px; + padding: 20px 20px 5px 20px; + border-radius: 2px; + background-color: $threadscommends_con_bg; +} + +.tc-btns-con { + @include partial-row-center-end; + width: 100%; + height: 48px; + gap: 8px; +} + +.btn-c, +.btn-s { + @include partial-column-center; + width: 92px; + height: 32px; + border-radius: 4px; + font-size: 16px; + font-family: $primaryFont; + cursor: pointer; +} + +.btn-c { + margin-right: 20px; + color: $th_btn_cancel_fg; + background-color: $th_btn_cancel_bg; + border: $th_btn_cancel_border; +} + +.btn-s { + color: $th_btn_save_fg; + background-color: $th_btn_save_bg; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ThreadCommentsModalEditor.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ThreadCommentsModalEditor.module.scss new file mode 100644 index 0000000..ccdaaf6 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ThreadCommentsModalEditor.module.scss @@ -0,0 +1,69 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.tc-overlay { + @include partial-column-center; + position: fixed; + top: 0; + left: 0; + margin: 0; + width: 100%; + height: 100%; + z-index: 190000; + background-color: $threads_modal_overlay_bg; +} + +.tc-con { + @include partial-column-center-end; + min-height: 200px; + height: 50%; + width: calc(90% - 40px); + margin: 20px; + padding: 20px 20px 5px 20px; + border-radius: 2px; + background-color: $threads_modal_con_bg; +} + +.tc-btns-con { + @include partial-row-center-end; + width: 100%; + height: 48px; + gap: 8px; +} + +.btn-c, .btn-s { + @include partial-column-center; + width: 92px; + height: 32px; + border-radius: 4px; + font-size: 16px; + font-family: $primaryFont; + cursor: pointer; + + &:active { + background: $th_btn_active_bg; + border: $th_btn_active_border; + } +} + +.btn-c { + margin-right: 20px; + color: $th_btn_cancel_fg; + background-color: $th_btn_cancel_bg; + border: $th_btn_cancel_border; + + &:hover { + background: $th_btn_cancel_hover; + } +} + +.btn-s { + color: $th_btn_save_fg; + background-color: $th_btn_save_bg; + font-size: $th_btn_save_fs; + + &:hover { + background: $th_btn_save_hover; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/ThreadStatusPicker.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/ThreadStatusPicker.module.scss new file mode 100644 index 0000000..301adf0 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/ThreadStatusPicker.module.scss @@ -0,0 +1,82 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +$status_picker_width: 180px; +$status_picker_height: 24px; + +.status-picker { + @include partial-row-center-start; + width: $status_picker_width; + + &:focus-visible { + @include focus(); + } + + .caption { + height: inherit; + width: 40px; + margin-right: 5px; + color: $picker_color; + border-bottom: 1px solid var(--theme_editor_label_border); + } + + .status-button { + @include partial-row-center-start; + width: calc($status_picker_width - 57px); + height: $status_picker_height; + font-size: 13px; + text-align: center; + border-radius: 2px; + box-shadow: $picker_button_shadow; + background-color: $status_picker_bg; + + .title { + @include partial-column-center-start; + padding: 0 4px; + height: inherit; + font-family: "FiraSans"; + color: $picker_color; + } + } + + &.active { + box-shadow: $picker_active_shadow; + } +} + +.status-items { + @include partial-column-center-start; + position: absolute; + left: 0px; + top: $status_picker_height; + margin-top: 1px; + width: $status_picker_width; + box-shadow: $picker_button_hover_shadow; + border: $status_picker_border; + background-color: $status_picker_items_bg; + + .item { + @include partial-row-center-start; + width: inherit; + height: $status_picker_height; + background-color: $status_picker_item_bg; + border-left: $status_picker_item_border; + + &:hover { + background-color: $status_picker_item_hover; + cursor: $status_picker_cursor; + border-left: $status_picker_item_border_hover; + } + + .item-text { + @include partial-column-center-start; + width: calc(100% - 20px); + height: inherit; + font-size: 13px; + font-family: "FiraSans"; + padding: 0 5px; + color: $picker_color; + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TileGroup.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TileGroup.module.scss new file mode 100644 index 0000000..112cd96 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TileGroup.module.scss @@ -0,0 +1,36 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.tile-group { + @include partial-column-start-start; + padding: 30px 10px 0 4px; + width: 100%; //FEATURE_IE11 + gap: 8px; + + .title-group { + width: 100%; + margin: 0; + padding-bottom: 4px; + font-family: $tertiaryFont; + font-size: 16px; + font-weight: 500; + text-transform: uppercase; + color: $tile_group_fg; + padding: 0 4px; + } + + &:first-child { + padding: 10px 10px 0 4px; + } +} + +.tile-content { + @include partial-row-center-start; + flex-wrap: wrap; + align-items: flex-start; + margin: 0; + padding: 0; + width: 100%; //FEATURE_IE11 + gap: 8px; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TileGroupPremium.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TileGroupPremium.module.scss new file mode 100644 index 0000000..56188fd --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TileGroupPremium.module.scss @@ -0,0 +1,43 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.tile-group { + @include partial-column-start-start; + padding: 30px 10px 0 10px; + width: 100%; //FEATURE_IE11 + + .title-group { + width: 100%; + margin: 0; + padding-bottom: 4px; + font-family: $secondaryFont; + font-size: 13pt; + font-weight: 600; + text-transform: uppercase; + color: $tile_group_fg; + + &:after { + @include gradientBorder($tile_group_gradient, 1px); + content: ""; + display: inline-block; + position: relative; + vertical-align: middle; + margin-left: 5px; + width: 80%; + } + } + + &:first-child { + padding: 10px 10px 0 10px; + } +} + +.tile-content { + @include partial-row-center-start; + @include flexWrap(wrap); + align-items: flex-start; + margin: 0; + padding: 0; + width: 100%; //FEATURE_IE11 +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TileItem.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TileItem.module.scss new file mode 100644 index 0000000..eb2ad9d --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TileItem.module.scss @@ -0,0 +1,141 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.partial-tile-hover :global { + -webkit-animation: $tile_hover_webkit; + animation: $tile_hover; +} + +.partial-tile-active :global { + -webkit-animation: $tile_hover_active_webkit; + animation: $tile_hover_active; +} + +.tile-item, +.tile-item-small { + @include partial-transition; + @include partial-column-start; + position: absolute; + width: 352px; + min-height: 80px; + height: auto; + border-radius: 12px; + cursor: pointer; + background-color: $tile_item_bg; + border-left: 4px solid $tile_command_icon; + box-shadow: $tile_command_shadow; + + .t-content { + @include flexDisplay; + @include flexDirection(row); + @include flexAlignItems(center, center); + width: 100%; + height: 100%; + min-height: 80px; + padding: 10px 16px; + gap: 10px; + + .t-icon { + @include partial-column-center; + height: 20px; + width: 20px; + flex-shrink: 0; + + svg { + height: 20px; + width: 20px; + + path { + transition: fill 0.2s ease-in 0s; + fill: $tile_command_icon; + } + + tspan { + transition: fill 0.2s ease-in 0s; + fill: $tile_command_icon; + } + } + } + + .text-container { + @include flexDisplay; + @include flexDirection(column); + flex-grow: 1; + width: 100%; + + .t-title { + @include partial-ellipsis; + width: 100%; + margin: 0; + font-family: $tertiaryFont; + font-size: 16px; + line-height: 28px; + color: $tile_color; + transition: color 0.2s ease-in 0s; + } + + .t-desc { + @include partial-column-center-start; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + margin: 0; + font-family: $tertiaryFont; + font-size: 14px; + line-height: 16px; + color: $tile_desc_fg; + transition: color 0.2s ease-in 0s; + overflow: hidden; + } + } + + .t-icon + .text-container { + width: calc(100% - 30px); + } + + } + + + &.ignore-location { + position: static; + margin: 0; + } + + &:hover:not(:active), + &:focus:not(:active) { + @extend .partial-tile-hover; + background: $tile_group_hover_bg; + } + + &:focus-visible, + &.hover { + @include focus( + $outline: $focus_outline, + $outline-offset: 2px, + $outline-width: 2px, + $box-shadow: none, + ); + } + + &:active { + @extend .partial-tile-active; + box-shadow: none; + background-color: $tile_active_bg; + } +} + +.tile-item-small { + min-height: 25px; + + .t-content { + min-height: 25px; + } +} + +.tile-item-small:not(.ignore-location) { + .t-content { + height: inherit; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TileItemPremium.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TileItemPremium.module.scss new file mode 100644 index 0000000..5b9bdd5 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TileItemPremium.module.scss @@ -0,0 +1,270 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +@mixin partial-command-title-height { + height: inherit; + padding: 0 5px 0 10px; + line-height: 12pt; +} + +.partial-tile-active :global { + -webkit-animation: shadow-inset-center 0.2s + cubic-bezier(0.25, 0.46, 0.45, 0.94) both; + animation: shadow-inset-center 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; +} + +.tile-item, +.tile-item-large, +.tile-item-small { + @include partial-transition; + @include partial-column-start; + margin: 10px; + border-radius: 2px; + box-sizing: border-box; + cursor: pointer; + font-family: $primaryFont; + + &:focus-visible { + @include focus( + $outline-width: 2px, + $outline: $focus_outline_secondary, + $box-shadow: 0px 0px 3px 1px #000000 !important + ); + } + + &.hover { + border: 2px solid $tile_active_fg !important; + } + + &:active { + @extend .partial-tile-active; + box-shadow: none; + + .t-desc, + .t-title { + color: $tile_active_fg; + } + } +} + +.tile-item, +.tile-item-small { + .t-content { + @include partial-row-center-start; + flex-direction: row-reverse; + width: inherit; + + .t-icon { + @include partial-column-center; + align-items: flex-start; + height: inherit; + width: 48px; + + svg { + width: 36px; + height: 100%; + + path { + transition: fill 0.2s ease-in 0s; + } + + defs + path { + fill: url(#linear); + } + + tspan { + transition: fill 0.2s ease-in 0s; + fill: $tile_command_icon; + } + } + } + + .t-title { + @include partial-command-title-height; + @include partial-column-center-start; + width: calc(100% - 60px); + height: inherit; + font-size: 12pt; + font-family: $primaryFont; + color: $tile_command_fg; + transition: color 0.2s ease-in 0s; + } + } + + .t-desc { + @include partial-column-center-start; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + padding: 0 5px; + font-size: 11pt; + line-height: 11pt; + background-color: $tile_desc_bg; + color: $tile_desc_fg; + transition: color 0.2s ease-in 0s; + overflow: hidden; + + .t-title { + @include partial-column-center-start; + width: calc(100% - 40px); + height: inherit; + } + + .moreIcon { + @include partial-column-center; + height: 22px; + width: 22px; + margin: 8px; + border-radius: 50%; + + svg { + width: inherit; + height: inherit; + transform: rotate(-90deg); + + path { + transition: fill 0.2s ease-in 0s; + } + } + } + } +} + +.tile-item-small { + .t-content { + height: inherit; + + .t-icon { + width: 40px; + + svg { + width: 32px; + } + } + + .t-title { + width: 100%; + } + + .t-icon + .t-title { + width: calc(100% - 40px); + } + } +} + +.tile-item-large { + justify-content: space-between; + + .t-content { + @include partial-row-center-start; + width: inherit; + + .content-info { + @include partial-column-center-start; + justify-content: space-between; + padding: 0 10px; + height: 100%; + width: calc(100% - 90px); + + .t-title { + @include partial-command-title-height; + @include partial-column-center-start; + height: 60px; + font-weight: bold; + font-size: 13pt; + font-family: $primaryFont; + padding: 0; + transition: color 0.2s ease-in 0s; + } + + .t-desc { + @include partial-column-center-start; + justify-content: flex-end; + height: 80px; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + padding: 0 0 10px 0; + font-size: 11pt; + line-height: 11pt; + transition: color 0.2s ease-in 0s; + overflow: hidden; + } + } + + .t-icon { + @include partial-column-center; + height: inherit; + width: 90px; + + svg { + width: 70px; + height: 100%; + + path { + transition: fill 0.2s ease-in 0s; + } + + tspan { + transition: fill 0.2s ease-in 0s; + } + } + } + } + + &.hoverDesc { + justify-content: center; + + .t-desc { + font-size: 11pt; + line-height: 11pt; + } + } + + .more { + @include partial-column-center-start; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: 100%; + height: 40px; + padding: 0 5px; + font-size: 11pt; + line-height: 11pt; + background-color: $tile_desc_bg; + transition: color 0.2s ease-in 0s; + overflow: hidden; + + .more-text { + @include partial-column-center-start; + width: calc(100% - 40px); + height: inherit; + } + + .more-icon { + @include partial-column-center; + height: 22px; + width: 22px; + margin: 8px; + border-radius: 50%; + + svg { + width: inherit; + height: inherit; + transform: rotate(-90deg); + + path { + transition: fill 0.2s ease-in 0s; + } + } + } + } +} + +.tile-item-hover { + &:hover { + background-color: $tile_item_bg !important; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TileMenu.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TileMenu.module.scss new file mode 100644 index 0000000..9211f67 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TileMenu.module.scss @@ -0,0 +1,8 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; + +.main-menu { + @include partial-column-start-start; + outline: none; + gap: 8px; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TimePicker.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TimePicker.module.scss new file mode 100644 index 0000000..218a4ba --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TimePicker.module.scss @@ -0,0 +1,25 @@ +@import "../common/PredefinedMixins.scss"; +@import './partial.scss'; +@import './Variables.scss'; + +.editor-time { + position: absolute; + top: 0; + left: 0; + min-height: inherit; + height: 100%; + width: 100%; + + &:focus-visible { + @include focus(); + } +} + +.vertical { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(column); + @include flexJustifyContent(flex-end, flex-end); + @include flexAlignItems(flex-start, flex-start); + @include flexAlignContent(stretch, stretch); +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TimePickerContent.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TimePickerContent.module.scss new file mode 100644 index 0000000..72af038 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TimePickerContent.module.scss @@ -0,0 +1,58 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.tp-overlay-screen { + @include partial-column-center; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0; + z-index: 10001; + background-color: $tp_overlay_bg; + + .tp-container { + @include partial-unselectable; + background-color: $tp_bg; + min-width: 282px; + height: auto; + padding: 32px 16px 0; + border-radius: 12px; + overflow: hidden; + + .tp-car { + @include partial-row-center; + height: auto; + position: relative; + + .tp-mark { + position: absolute; + width: 100%; + height: 54px; + border-radius: 12px; + background: $tp_mark; + } + + .tp-sep { + color: $tp_sep; + font-size: 24px; + z-index: 1; + } + } + + .tp-buttons { + @include partial-row-center-end; + width: 100%; + font-size: 14px; + font-weight: 400; + line-height: 20px; + padding-top: 16px; + padding-bottom: 16px; + background-color: inherit; + cursor: pointer; + gap: 8px; + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TimePickerContentPremium.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TimePickerContentPremium.module.scss new file mode 100644 index 0000000..e80335f --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TimePickerContentPremium.module.scss @@ -0,0 +1,86 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.tp-overlay-screen { + @include partial-column-center; + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + margin: 0; + z-index: 200001; + background-color: $tp_overlay_bg; +} + +.tp-container { + @include partial-unselectable; + @include partial-box-shadow; + @include partial-column-center-space-between; + align-items: center; + min-width: 250px; + padding: 16px; + background-color: $tp_bg; + border-radius: 12px; +} + +.tp-car { + @include partial-row-center-space-between; + height: 300px; + margin-top: 16px; + margin-bottom: 16px; + + .tp-sep { + color: $tp_sep; + font-size: 24px; + z-index: 1; + } +} + +.tp-buttons { + @include partial-row-center; + justify-content: space-around; + bottom: 0; + width: 100%; + height: 48px; + cursor: pointer; + line-height: 32px; + font-size: 13px; + font-weight: 600; + background-color: inherit; + border-radius: 12px; + + .tp-button { + @include partial-row-center; + width: 25%; + height: 48px; + line-height: 48px; + margin: 0% 4%; + text-align: center; + color: $tp_button_ok_fg; + + &:focus-visible { + @include focus( + $outline-offset: -7px, + $outline-width: 2px, + $box-shadow: none, + $border-radius: 12px, + ); + } + + .icon-con { + width: 24px; + height: 48px; + + svg { + width: 24px; + height: 48px; + + path { + fill: $tp_icon; + } + } + } + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TimelineClock.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TimelineClock.module.scss new file mode 100644 index 0000000..aba1b2e --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TimelineClock.module.scss @@ -0,0 +1,93 @@ +@import "./Variables.scss"; + +.timeline-clock { + position: absolute; + display: flex; + flex-direction: column; + align-items: center; + justify-content: space-around; + overflow: hidden; + svg { + background: $timeline_bg; + .hour-circle { + stroke: $timeline_hour_circle; + } + + .area-circle { + stroke: $timeline_area_circle; + fill: none; + } + + .area-path { + stroke-linecap: butt; + fill: none; + opacity: 0.94; + } + + .tick-line { + stroke: $timeline_text_fg; + stroke-linecap: round; + } + + .indicator-tick { + stroke: $timeline_indicator; + stroke-linecap: round; + } + + .start-area { + opacity: 0.2; + } + + .current-time-circle { + stroke: $timeline_current_time_circle; + fill: none; + } + + .current-time { + fill: $timeline_text_fg; + font-size: 16pt; + text-anchor: middle; + dominant-baseline: central; + } + } + + .ti-legend-vertical, .ti-legend-horizontal { + display: flex; + flex-direction: column; + align-items: center; + font-size: 9pt; + color: $timeline_text_fg; + width: 100%; + height: auto; + .li-item { + display: flex; + flex-direction: row; + align-items: center; + height: 26px; + .li-item-color { + width: 7px; + height: 10px; + border-radius: 3px; + } + .li-item-t1 { + width: 40px; + height: auto; + text-align: center + } + .li-item-t2 { + width: 200px; + height: auto; + text-align: left; + padding: 0 4px; + } + } + } + + .ti-legend-vertical { + padding: 10px 0; + } + + .ti-legend-horizontal { + padding: 0 10px; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Tooltip.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Tooltip.module.scss new file mode 100644 index 0000000..d9762e9 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Tooltip.module.scss @@ -0,0 +1,8 @@ +@import "../common/PredefinedMixins.scss"; +@import "../mobilebrowser/Tooltip.module.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.tooltip { + font-family: $tertiaryFont; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TopBar.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TopBar.module.scss new file mode 100644 index 0000000..4e3ae03 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TopBar.module.scss @@ -0,0 +1,36 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.hb-top { + @include partial-flex-item; + @include flexAlignItems(center, center); + display: inline-flex; + right: 0; + height: inherit; + padding: 8px 0; + + &:focus-visible { + @include focus( + $outline: $focus_outline_secondary, + $outline-offset: -2px, + $box-shadow: none + ); + } + + .hb-btn:hover { + box-shadow: $headerbar_command_special_shadow; + } +} + +.hb-top-p { + background-color: $headerbar_command_bg; + + &:focus-visible { + @include focus( + $outline: $focus_outline_secondary, + $outline-offset: -3px, + $box-shadow: none + ); + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/TreeDiagram.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/TreeDiagram.module.scss new file mode 100644 index 0000000..09a0143 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/TreeDiagram.module.scss @@ -0,0 +1,293 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "./DiagramGlobal.scss"; + +.tree-diagram-main { + position: absolute; + border: $tree_diagram_border; + + &:focus-visible { + @include focus(); + } + + .tree-diagram-content { + position: absolute; + top: 0; + bottom: 0; + right: 0; + + .tree-diagram-editor { + position: absolute; + top: 0; + left: 0; + right: 0; + } + + .tree-diagram-bar { + @include partial-row-center-start; + position: absolute; + bottom: 0; + left: 0; + right: 0; + width: 100%; + background-color: $tree_diagram_zoom_bg; + border-top: $tree_diagram_border; + } + } + + .task-send-icon { + path { + fill: $tree_diagram_send_fg; + stroke: unset; + } + } + + .tree-btn-content { + @include partial-row-center-start; + justify-content: space-between; + width: 65%; + } + + .tree-con-left { + @include partial-row-center-start; + } + + .tree-con-right { + @include partial-row-center-start; + } + + .tree-panel-btn { + @include partial-row-center; + font-size: 9pt; + line-height: 26px; + font-weight: 300; + width: 32px; + height: 24px; + padding: 5px; + border-radius: 4px; + margin-left: 15px; + color: $tree_diagram_btn_fg; + background-color: $tree_diagram_btn_bg; + } + + // .tree-btn-print { + // width: 32px; + // height: 24px; + // min-width: unset; + // } + + .print-icon { + @include partial-column-center; + width: 24px; + height: 24px; + cursor: pointer; + + svg { + width: 14px; + height: 14px; + + path { + fill: $tree_diagram_btn_fg; + } + } + } + + .tree-minimap-con { + position: absolute; + width: 400px; + height: 200px; + padding: 0px; + right: 0; + left: 100px; + bottom: 25px; + border: $tree_diagram_minimap_border; + box-shadow: $tree_diagram_minimap_shadow; + background-color: $tree_diagram_minimap_bg; + } + + .tree-sm-con { + position: fixed; + height: unset; + width: 150px; + border: $tree_sm_border; + background-color: $tree_sm_bg; + box-shadow: $tree_diagram_minimap_shadow; + .tree-sm-el { + width: 100%; + height: 32px; + line-height: 32px; + padding-left: 5px; + border-bottom: $tree_sm_el_border; + color: $tree_sm_el_fg; + background-color: $tree_sm_el_bg; + + &:hover { + color: $tree_sm_el_hover_fg; + background: $tree_sm_el_hover_bg; + border-left: $tree_sm_el_hover_border; + } + } + } + + .tree-diagram-filter-editor { + @include partial-row-center-start; + + position: absolute; + right: 20px; + width: 30%; + height: 22px; + border: $tree_filter_input_border; + background-color: $tree_filter_input_bg; + + input { + width: calc(100% - 25px); + height: 20px; + border: 0; + font-size: 9pt; + line-height: 9pt; + text-align: left; + font-family: Arial; + box-sizing: border-box; + padding: 0 4px 0 2px; + background-size: 10px 10px; + color: $tree_filter_input_fg; + background-color: $tree_filter_input_bg; + + &:focus { + color: $tree_filter_input_focus_fg; + background-color: transparent; + outline: none; + } + + input:-webkit-autofill, + input:-webkit-autofill:hover, + input:-webkit-autofill:focus, + input:-webkit-autofill:active { + -webkit-box-shadow: $tree_filter_input_shadow !important; + } + + &::-webkit-input-placeholder { + font-size: 0.9em; + font-style: italic; + color: $tree_filter_input_placeholder_fg; + } + + &::-moz-placeholder { + font-size: 0.9em; + font-style: italic; + color: $tree_filter_input_placeholder_fg; + } + + &:-moz-placeholder { + font-size: 0.9em; + font-style: italic; + color: $tree_filter_input_placeholder_fg; + } + + &:-ms-input-placeholder { + font-size: 0.9em; + font-style: italic; + color: $tree_filter_input_placeholder_fg; + } + } + + .icon { + @include partial-column-center; + width: 16px; + height: 16px; + cursor: pointer; + display: none; + + svg { + width: 14px; + height: 14px; + + path { + fill: $tree_filter_input_icon_fg; + } + } + } + + .showIcon { + display: block; + } + + &:focus-within { + .icon { + @extend .showIcon; + animation-duration: 0.5s; + animation-fill-mode: both; + animation-name: getInItsFun; + animation-timing-function: ease-out; + -webkit-animation-duration: 0.5s; + -webkit-animation-fill-mode: both; + -webkit-animation-name: getInItsFun; + -webkit-animation-timing-function: ease-out; + } + } + } + + .tree-tooltip-con { + @include partial-column-start-start; + position: fixed; + display: inline-block; + min-width: 50px; + min-height: 30px; + font-size: 9pt; + text-align: center; + opacity: 0.95; + padding: 4px 6px 4px 6px; + z-index: 250000; + border-radius: 2px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + + visibility: hidden; + color: $tooltip_fg; + border: $tooltip_border; + background-color: $tooltip_bg; + + .tree-tooltip-caption { + font-weight: bold; + } + } +} + +@keyframes getInItsFun { + 0% { + -webkit-transform: translateX(100%); + opacity: 0; + } + 60% { + -webkit-transform: translateX(0%); + opacity: 0.6; + } + 80% { + -webkit-transform: translateX(0%); + opacity: 0.8; + } + 100% { + -webkit-transform: translateX(0%); + opacity: 1; + } +} + +/* Override sf styles */ +:global { + // Node Selection styles + .e-adorner-layer { + .e-diagram-border { + stroke: unset; + } + + .e-diagram-selector, .e-diagram-selection-indicator { + stroke: unset; + } + } + + // Resize bals around node + .e-diagram-resize-handle.e-disabled { + visibility: hidden; + } +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Variables.scss b/soneta-ui-style/wzorce/css/fullbrowser/Variables.scss new file mode 100644 index 0000000..e610376 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Variables.scss @@ -0,0 +1,1821 @@ +@import '../common/PredefinedColors.scss'; + +$defaultFont: var(--defaultFont); +$primaryFont: var(--primaryFont); +$secondaryFont: var(--secondaryFont); +$tertiaryFont: var(--tertiaryFont); +$OpenSans: var(--OpenSans); +$OpenSansSemiBold: var(--OpenSansSemiBold); +$monospaceFont: Consolas, 'Courier New', monospace; + +/* GENERAL */ +$focus_outline: var(--focus_outline); +$focus_outline_secondary: var(--focus_outline_secondary); +$focus_outline_tertiary: var(--focus_outline_tertiary); +$focus_outline_quaternary: var(--focus_outline_quaternary); +$focus_outline_quinary: var(--focus_outline_quinary); +$focus_box_shadow: var(--focus_box_shadow); +$focus_box_shadow_inset: var(--focus_box_shadow_inset); +$focus_border: var(--focus_border); +$focus_color: var(--focus_color); + +$window_top_margin: 60px; +$window_footer_height: 30px; +$window_border_top: var(--window_border_top); + +$hb_height: $window_top_margin; + +$font_size_label: var(--font_size_label); +$font_size_body: 10pt; +$font_size_button: 10pt; +$font_size_input: 9pt; +$font_size_vertical_input: 14px; +$font_size_vertical_line_height: 20px; +$font_size_vertical_label: 12px; +$font_size_vertical_label_height: 16px; +$font_size_title: 13pt; +$font_size_special: 18pt; +$group_title_font_size: var(--group_title_font_size); +$grid_headercolumn_height: 32px; + +/* FONT SIZE */ +$font_xl: 24px; +$font_l: 18px; +$font_m: 16px; +$font_s: 14px; +$font_xs: 12px; + +/* SPACES */ +$space_2: 2px; +$space_4: 4px; +$space_8: 8px; +$space_16: 16px; + +/* FIELD SIZE*/ +$field_height: 60px; +$field_padding_top: 12px; +$field_padding_bottom: 4px; + +$input_height: 28px; +$memo_line_height: 22px; +$input_margin_bottom: 4px; + +$label_height: 12px; +$label_margin_bottom: 4px; +// + +/* NAVMENU SIZE */ +$nav_menu_width: 250px; +$nav_menu_popup_width: 350px; +$nav_menu_form_width: 200px; +$nav_menu_icon_width: 40px; +$nav_menu_search_panel_height: 66px; + +$nav_folder_width: var(--nav_folder_width); +$nav_folder_collapsed_width: var(--nav_folder_collapsed_width); +$nav_form_width: var(--nav_form_width); +$nav_form_collapsed_width: var(--nav_form_collapsed_width); +$nav_menu_svg_size: 20px; +$nav_menu_form_search_width: 450px; //Standard only +$items_border_radius: 4px; //Premium only +$simple_menu_width: 350px; //Premium only +$nav_menu_left_col_width: 220px; //Premium only +$nav_menu_input_border: var(--nav_menu_input_border); +$nav_menu_input_border_radius: var(--nav_menu_input_border_radius); + +$loginFooterHeight: 40px; + +$theme: var(--theme); +$theme_bg: var(--theme_bg); +$theme_body_bg: var(--theme_body_bg); //Premium only +$theme_darkprimary_fg: var(--theme_darkprimary_fg); +$theme_accent: var(--theme_accent); +$theme_primary_text: var(--theme_primary_text); +$theme_shadow: var(--theme_shadow); +$theme_overlay_bg: var(--theme_overlay_bg); +$theme_gradient_from: var(--theme_gradient_from); + +$theme_editor_fg: var(--theme_editor_fg); +$theme_editor_bg: var(--theme_editor_bg); +$theme_editor_border: var(--theme_editor_border); +$theme_editor_common_border: var(--theme_editor_common_border); +$theme_editor_disabled_fg: var(--theme_editor_disabled_fg); +$theme_editor_disabled_bg: var(--theme_editor_disabled_bg); +$theme_editor_disabled_border: var(--theme_editor_disabled_border); +$theme_editor_focused_bg: var(--theme_editor_focused_bg); +$theme_editor_fc: var(--theme_editor_fc); +$theme_editor_label_fg: var(--theme_editor_label_fg); +$theme_editor_label_disabled_fg: var(--theme_editor_label_disabled_fg); +$theme_editor_label_border: var(--theme_editor_label_border); + +$theme_window_main_bg: var(--theme_window_main_bg); + +$theme_shadow_active: var(--theme_shadow_active); +$theme_shadow_btn: var(--theme_shadow_btn); +$theme_shadow_hover_btn: var(--theme_shadow_hover_btn); + +$theme_command_bg: var(--theme_command_bg); +$theme_command_bg_hover: var(--theme_command_bg_hover); +$theme_command_fg: var(--theme_command_fg); +$theme_command_fg_hover: var(--theme_command_fg_hover); +$theme_command_important_bg: var(--theme_command_important_bg); +$theme_command_important_fg: var(--theme_command_important_fg); + +/* Logo */ +$logo_color_1: var(--logo_color_1); +$logo_color_2: var(--logo_color_2); +$logo_color_3: var(--logo_color_3) !important; //Premium only + +/* GENERAL */ +$warning: var(--warning); +$error: var(--error); +$info: var(--info); +$question: var(--question); + +/* Loader */ +$loader_bg: var(--loader_bg); +$loader_color1: var(--loader_color1); +$loader_color2: var(--loader_color2); +$loader_color3: var(--loader_color3); +$loader_color4: var(--loader_color4); + +/* PathBar */ +$path_font_family: var(--path_font_family); +$path_font_size: var(--path_font_size); +$path_fg: var(--path_fg); +$path_hover_fg: var(--path_hover_fg); +$path_separator_border: var(--path_separator_border); +$path_icon: var(--path_icon); +$path_active_icon: var(--path_active_icon); +$path_home: var(--path_home); +$path_favorites: var(--path_favorites); //Premium only +$path_cmd: var(--path_cmd); //Premium only +$path_bg: var(--path_bg); //Premium only + +/* WINDOW */ +$window_main_bg: var(--window_main_bg); +$window_main_menu_bg: var(--window_main_menu_bg); +$window_bg: var(--window_bg); //Premium only + +/* Scroll */ +$scroll_thumb_bg: var(--scroll_thumb_bg); +$scroll_thumb_hover_bg: var(--scroll_thumb_hover_bg); +$scroll_track_bg: var(--scroll_track_bg); +$scroll_content_bg: var(--scroll_content_bg); //Premium only +$scroll_dashboard_content_bg: var(--scroll_dashboard_content_bg); //Premium only + +/* NAVIGATION BAR | GRID BAR */ +$nav_bar_dark: var(--nav_bar_dark); +$nav_bar_bg: var(--nav_bar_bg); +$nav_bar_gradient: var(--nav_bar_gradient); +$nav_bar_arrows_bg: var(--nav_bar_arrows_bg); + +$nav_group_bg: var(--nav_group_bg); +$nav_con_bg: var(--nav_con_bg); +$nav_con_fg: var(--nav_con_fg); +$nav_fg: var(--nav_fg); +$nav_placeholder_fg: var(--nav_placeholder_fg); +$nav_marked_fg: var(--nav_marked_fg); +$nav_marked_bg: var(--nav_marked_bg); +$nav_icon: var(--nav_icon); +$nav_icon_border: var(--nav_icon_border); +$nav_marked_icon: var(--nav_marked_icon); +$nav_item_hover_bg: var(--nav_item_hover_bg); +$nav_item_hover_fg: var(--nav_item_hover_fg); +$nav_con_shadow: var(--nav_con_shadow); + +$nav_item_disabled_fg: var(--nav_item_disabled_fg); +$nav_item_disabled_hover_bg: var(--nav_item_disabled_hover_bg); +$nav_item_disabled_hover_fg: var(--nav_item_disabled_hover_fg); + +$nav_arrows_icon: var(--nav_arrows_icon); +$nav_arrows_active: var(--nav_arrows_active); +$nav_arrows_border: var(--nav_arrows_border); +$nav_menu_form_shadow: var(--nav_menu_form_shadow); +$nav_popup_overlay_bg: var(--nav_popup_overlay_bg); +$nav_popup_box_shadow: var(--nav_popup_box_shadow); + +$nav_tree_font: var(--nav_tree_font); +$nav_tree_bold_font: var(--nav_tree_bold_font); +$nav_tree_header_font: var(--nav_tree_header_font); +$nav_tree_search_font: var(--nav_tree_search_font); + +$nav_tree_scrollbar_track: var(--nav_tree_scrollbar_track); +$nav_tree_scrollbar_thumb: var(--nav_tree_scrollbar_thumb); +$nav_tree_panel_fg: var(--nav_tree_panel_fg); +$nav_tree_panel_icon: var(--nav_tree_panel_icon); +$nav_tree_panel_bg: var(--nav_tree_panel_bg); +$nav_tree_panel_shadow: var(--nav_tree_panel_shadow); +$nav_tree_panel_font: var(--nav_tree_panel_font); +$nav_tree_group_fg: var(--nav_tree_group_fg); +$nav_tree_group_icon: var(--nav_tree_group_icon); +$nav_tree_graph: var(--nav_tree_graph); +$nav_tree_header_bg: var(--nav_tree_header_bg); +$nav_tree_header_fg: var(--nav_tree_header_fg); +$nav_tree_header_hover: var(--nav_tree_header_hover); +$nav_tree_search_fg: var(--nav_tree_search_fg); +$nav_tree_search_bg: var(--nav_tree_search_bg); +$nav_tree_search_input_bg: var(--nav_tree_search_input_bg); +$nav_tree_search_input_placeholder: var(--nav_tree_search_input_placeholder); +$nav_tree_item_hover: var(--nav_tree_item_hover); +$nav_tree_item_selected: var(--nav_tree_item_selected); +$nav_tree_tooltip_bg: var(--nav_tree_tooltip_bg); +$nav_tree_tooltip_fg: var(--nav_tree_tooltip_fg); +$nav_tree_scroll_indicator_height: var(--nav_tree_scroll_indicator_height); +$nav_tree_scroll_indicator_down_bg: var(--nav_tree_scroll_indicator_down_bg); +$nav_tree_scroll_indicator_up_bg: var(--nav_tree_scroll_indicator_up_bg); + +$nav_tree_form_font: var(--nav_tree_form_font); +$nav_tree_form_bold_font: var(--nav_tree_form_bold_font); +$nav_tree_form_header_font: var(--nav_tree_form_header_font); +$nav_tree_form_search_font: var(--nav_tree_form_search_font); + +$nav_tree_form_scrollbar_track: var(--nav_tree_form_scrollbar_track); +$nav_tree_form_scrollbar_thumb: var(--nav_tree_form_scrollbar_thumb); +$nav_tree_form_panel_fg: var(--nav_tree_form_panel_fg); +$nav_tree_form_panel_icon: var(--nav_tree_form_panel_icon); +$nav_tree_form_panel_bg: var(--nav_tree_form_panel_bg); +$nav_tree_form_group_fg: var(--nav_tree_form_group_fg); +$nav_tree_form_group_icon: var(--nav_tree_form_group_icon); +$nav_tree_form_graph: var(--nav_tree_form_graph); +$nav_tree_form_header_fg: var(--nav_tree_form_header_fg); +$nav_tree_form_header_bg: var(--nav_tree_form_header_bg); +$nav_tree_form_header_hover: var(--nav_tree_form_header_hover); +$nav_tree_form_search_fg: var(--nav_tree_form_search_fg); +$nav_tree_form_search_bg: var(--nav_tree_form_search_bg); +$nav_tree_form_search_input_bg: var(--nav_tree_form_search_input_bg); +$nav_tree_form_search_wrapper_bg: var(--nav_tree_form_search_wrapper_bg); +$nav_tree_form_item_hover: var(--nav_tree_form_item_hover); +$nav_tree_form_item_selected: var(--nav_tree_form_item_selected); +$nav_tree_form_tooltip_bg: var(--nav_tree_form_tooltip_bg); +$nav_tree_form_tooltip_fg: var(--nav_tree_form_tooltip_fg); +$nav_tree_form_scroll_indicator_down_bg: var(--nav_tree_form_scroll_indicator_down_bg); +$nav_tree_form_scroll_indicator_up_bg: var(--nav_tree_form_scroll_indicator_up_bg); + +//Premium only --> +$nav_form_search_fg: var(--nav_form_search_fg); +$nav_form_search_border: var(--nav_form_search_border); +$nav_group_fg: var(--nav_group_fg); +$nav_from_item_active_bg: var(--nav_from_item_active_bg); +$nav_form_item_fg: var(--nav_form_item_fg); +$nav_form_item_active_fg: var(--nav_form_item_active_fg); +$nav_form_hover_fg: var(--nav_form_hover_fg); + +$nav_form_search_bg: var(--nav_form_search_bg); +$nav_search_input_bg: var(--nav_search_input_bg); +$nav_main_arrows_bg: var(--nav_main_arrows_bg); +$nav_menu_arrows_bg: var(--nav_menu_arrows_bg); +$nav_form_border: var(--nav_form_border); +$nav_form_search_con_border: var(--nav_form_search_con_border); +$nav_form_input_fg: var(--nav_form_input_fg); +$nav_form_arrows_bg: var(--nav_form_arrows_bg); +$nav_tree_favorite_border: var(--nav_tree_favorite_border); +//<-- + +/* HeaderBar */ +$headerbar_bg: var(--headerbar_bg); +$headerbar_fg: var(--headerbar_fg); +$headerbar_command_bg: var(--headerbar_command_bg); +$headerbar_command_hover_bg: var(--headerbar_command_hover_bg); +$headerbar_icon: var(--headerbar_icon); +$headerbar_icon_hover: var(--headerbar_icon_hover); +$headerbar_icon_focus: var(--headerbar_icon_focus); +$headerbar_logo_icon: var(--headerbar_logo_icon); +$headerbar_logo_icon2: var(--headerbar_logo_icon2); +$headerbar_command_bell_bg: var(--headerbar_command_bell_bg); +$headerbar_command_bell_fg: var(--headerbar_command_bell_fg); +$headerbar_command_special_bg: var(--headerbar_command_special_bg); +$headerbar_command_special_icon: var(--headerbar_command_special_icon); +$headerbar_command_special_shadow: var(--headerbar_command_special_shadow); +$headerbar_command_special_fill: var(--headerbar_command_special_fill); +$headerbar_command_special_hover_bg: var(--headerbar_command_special_hover_bg); +$headerbar_command_usermenu_font: var(--headerbar_command_usermenu_font); +$headerbar_command_usermenu_bg: var(--headerbar_command_usermenu_bg); +$headerbar_command_usermenu_fg: var(--headerbar_command_usermenu_fg); +$headerbar_command_split_border: var(--headerbar_command_split_border); +$headerbar_command_usermenu_hover_bg: var(--headerbar_command_usermenu_hover_bg); + +/* GRID */ +$grid_odd_bg: var(--grid_odd_bg); +$grid_even_bg: var(--grid_even_bg); +$grid_bar_gradient: var(--grid_bar_gradient); +$grid_bar_border: var(--grid_bar_border); +$grid_bar_border_top: var(--grid_bar_border_top); +$grid_bar_border_radius: var(--grid_bar_border_radius); +$grid_command_bg: var(--grid_command_bg); +$grid_bar_command_border_bottom: var(--grid_bar_command_border_bottom); +$grid_command_icon: var(--grid_command_icon); +$grid_command_icon_hover: var(--grid_command_icon_hover); +$grid_special_row_bg: var(--grid_special_row_bg); +$grid_row_focused_bg: var(--grid_row_focused_bg); +$grid_row_selected_bg: var(--grid_row_selected_bg); +$grid_headercolumn_bg: var(--grid_headercolumn_bg); +$grid_headercolumn_fg: var(--grid_headercolumn_fg); +$grid_row_content_fg: var(--grid_row_content_fg); +$grid_row_grouping_fg: var(--grid_row_grouping_fg); +$grid_row_grouping_fs: var(--grid_row_grouping_fs); +$grid_row_grouping_fw: var(--grid_row_grouping_fw); +$grid_row_focused_fg: var(--grid_row_focused_fg); +$grid_row_sum_icon: var(--grid_row_sum_icon); //Standard only +$grid_icon: var(--grid_icon); //Standard only +$grid_tree_icon: var(--grid_tree_icon); +$grid_row_drag_enter: var(--grid_row_drag_enter); +$grid_row_check_checked: var(--grid_row_check_checked); +$grid_row_check_unchecked: var(--grid_row_check_unchecked); +$grid_emptycontent: var(--grid_emptycontent); +$grid_header_sort: var(--grid_header_sort); +$grid_border: var(--grid_border); +$grid_filter_bg: var(--grid_filter_bg); +$grid_focused_border: var(--grid_focused_border); +$grid_filter_focused_bg: var(--grid_filter_focused_bg); +$grid_column_smartopen_fg: var(--grid_column_smartopen_fg); +$grid_column_smartopen_even_bg: var(--grid_column_smartopen_even_bg); +$grid_column_smartopen_odd_bg: var(--grid_column_smartopen_odd_bg); +$grid_column_frozen_border_color: var(--grid_column_frozen_border_color); +$grid_column_command_hover_bg: var(--grid_column_command_hover_bg); +$grid_column_focused_bg: var(--grid_column_focused_bg); +$grid_column_focused_border: var(--grid_column_focused_border); +$grid_viewport: var(--grid_viewport); +$grid_column_focus_fc: var(--grid_column_focus_fc); +$grid_sum_color_icon: var(--grid_sum_color_icon); +$grid_row_focused_selected_color: var(--grid_row_focused_selected_color); +$grid_row_focused_selected_icon_color: var(--grid_row_focused_selected_icon_color); +$grid_row_dragenter: var(--grid_row_dragenter); + +$grid_row_grouping_border_top: var(--grid_row_grouping_border_top); +$grid_row_grouping_border_bottom: var(--grid_row_grouping_border_bottom); +$grid_row_grouping_bg: var(--grid_row_grouping_bg); //Standard only +$grid_row_sumgrouping_border: var(--grid_row_sumgrouping_border); //Standard only +$grid_gfsum_before_bg: var(--grid_gfsum_before_bg); +$grid_gfsum_bg: var(--grid_gfsum_bg); +$grid_gfsum_border: var(--grid_gfsum_border); +$grid_gfsum_text_fw: var(--grid_gfsum_text_fw); +$grid_gfsum_color: var(--grid_gfsum_color); +$grid_row_check: var(--grid_row_check); +$grid_header_pulse_bg: var(--grid_header_pulse_bg); +$grid_header_pulse_shadow: var(--grid_header_pulse_shadow); +$grid_header_filter_bg: var(--grid_header_filter_bg); //Standard only +$grid_row_icon: var(--grid_row_icon); +$grid_row_selected_focused_border: var(--grid_row_selected_focused_border); +$grid_row_frozen_odd_bg: var(--grid_row_frozen_odd_bg); +$grid_row_frozen_even_bg: var(--grid_row_frozen_even_bg); +$grid_command_hover_bg: var(--grid_command_hover_bg); +$grid_bar_special_icon: var(--grid_bar_special_icon); +$grid_bar_special_icon_border: var(--grid_bar_special_icon_border); +$grid_bar_special_icon_hover: var(--grid_bar_special_icon_hover); +$grid_bar_special_icon_hover_bg: var(--grid_bar_special_icon_hover_bg); +$grid_bar_bg: var(--grid_bar_bg); +$grid_bar_color: var(--grid_bar_color); +$grid_cell_fg: var(--grid_cell_fg); +$grid_cell_ac_fg: var(--grid_cell_ac_fg); +$grid_cell_highlight_bg: var(--grid_cell_highlight_bg); +$grid_cell_border: var(--grid_cell_border); +$grid_cell_boxshadow: var(--grid_cell_boxshadow); + +$grid_loc_input_placeholder_fg: var(--grid_loc_input_placeholder_fg); +$grid_loc_command_border_color: var(--grid_loc_command_border_color); + +// Grid Cards +$grid_cards_bg: var(--grid_cards_bg); +$grid_cards_color: var(--grid_cards_color); +$grid_cards_box_shadow: var(--grid_cards_box_shadow); +$grid_cards_odd_bg: var(--grid_cards_odd_bg); +$grid_cards_even_bg: var(--grid_cards_even_bg); +$grid_cards_cmd_bg: var(--grid_cards_cmd_bg); +$grid_cards_cmd_hover_bg: var(--grid_cards_cmd_hover_bg); +$grid_cards_cmd_icon: var(--grid_cards_cmd_icon); +$grid_cards_cmd_hover_icon: var(grid_cards_cmd_hover_icon); +$grid_cards_cp_bg: var(--grid_cards_cp_bg); +$grid_cards_column_select_bg: var(--grid_cards_column_select_bg); +$grid_cards_column_select_open_rect: var(--grid_cards_column_select_open_rect); +$grid_cards_column_select_open_path: var(--grid_cards_column_select_open_path); +$grid_cards_column_select_close_rect: var(--grid_cards_column_select_close_rect); +$grid_card_panel_cmd_bg: var(--grid_card_panel_cmd_bg); +$grid_card_panel_cmd_hover_bg: var(--grid_card_panel_cmd_hover_bg); +$grid_card_panel_cmd_icon: var(--grid_card_panel_cmd_icon); +$grid_card_panel_cmd_hover_icon: var(--grid_card_panel_cmd_hover_icon); +$grid_card_cap_fw: var(--grid_card_cap_fw); +$grid_card_val_fw: var(--grid_card_val_fw); +$grid_card_fc: var(--grid_card_fc); + +//Premium only --> +$grid_filterbar_bg: var(--grid_filterbar_bg); +$grid_filterbar_input_bg: var(--grid_filterbar_input_bg); +$grid_filterbar_input_fg: var(--grid_filterbar_input_fg); +$grid_filterbar_input_focused_fg: var(--grid_filterbar_input_focused_fg); +$grid_filterbar_input_focused_border: var(--grid_filterbar_input_focused_border); +$grid_header_line_color: var(--grid_header_line_color); +$grid_row_special_color: var(--grid_row_special_color); +$grid_row_special_icon: var(--grid_row_special_icon); +$grid_footer_cell_bg: var(--grid_footer_cell_bg); +$grid_eip_content_bg: var(--grid_eip_content_bg); +$grid_cell_border: var(--grid_cell_border); +$grid_main_bg: var(--grid_main_bg); +$grid_filterbar_input_border: var(--grid_filterbar_input_border); +$grid_eip_bg: var(--grid_eip_bg); +$grid_row_selected_check_icon: var(--grid_row_selected_check_icon); +$grid_focused_shadow: var(--grid_focused_shadow); +$grid_row_sum_bg: var(--grid_row_sum_bg); +$grid_cards_border: var(--grid_cards_border); +$grid_cards_row_bg: var(--grid_cards_row_bg); +//<-- + +/* FeatureBar */ +$featurebar_bg: var(--featurebar_bg); +$featurebar_group_bg: var(--featurebar_group_bg); +$featurebar_features_bg: var(--featurebar_features_bg); +$featurebar_features_header_bg: var(--featurebar_features_header_bg); +$featurebar_features_border: var(--featurebar_features_border); +$featurebar_features_fg: var(--featurebar_features_fg); +$featurebar_text_hover_fg: var(--featurebar_text_hover_fg); +$featurebar_item_hover_bg: var(--featurebar_item_hover_bg); +$featurebar_item_icon: var(--featurebar_item_icon); +$featurebar_item_hover_icon: var(--featurebar_item_hover_icon); +$featurebar_item_bg: var(--featurebar_item_bg); + +/* GROUP */ +$group_bg: var(--group_bg); +$group_bg_image: var(--group_bg_image); +$group_title_fg: var(--group_title_fg); +$group_item_fg: var(--group_item_fg); +$group_icon: var(--group_icon); +$group_content_fg: var(--group_content_fg); +$group_shadow: var(--group_shadow); +$group_fw: var(--group_fw); + +/* COMMAND */ +$command_shadow: var(--command_shadow); +$command_shadow_active: var(--command_shadow_active); +$command_hover_bg: var(--command_hover_bg); +$command_form_bg: var(--command_form_bg); +$command_form_fg: var(--command_form_fg); +$command_form_active_fg: var(--command_form_active_fg); +$command_form_active_bg: var(--command_form_active_bg); +$command_form_active_border: var(--command_form_active_border); +$command_form_shadow: var(--command_form_shadow); +$command_border: var(--command_border); +$command_font: var(--command_font); +$command_icon: var(--command_icon); +$command_title_fg: var(--command_title_fg); +$command_timewatch_svg_fg: var(--command_timewatch_svg_fg); +$command_timewatch_svg_hover_bg: var(--command_timewatch_svg_hover_bg); +$command_important_fg: var(--command_important_fg); +$command_important_bg: var(--command_important_bg); + +$command_primary_fg: var(--command_primary_fg); +$command_primary_bg: var(--command_primary_bg); +$command_primary_border_color: var(--command_primary_border_color); +$command_primary_hover_fg: var(--command_primary_hover_fg); +$command_primary_hover_bg: var(--command_primary_hover_bg); +$command_primary_hover_border_color: var(--command_primary_hover_border_color); +$command_primary_pressed_fg: var(--command_primary_pressed_fg); +$command_primary_pressed_bg: var(--command_primary_pressed_bg); +$command_primary_pressed_border_color: var(--command_primary_pressed_border_color); +$command_primary_focused_fg: var(--command_primary_focused_fg); +$command_primary_focused_bg: var(--command_primary_focused_bg); +$command_primary_focused_border_color: var(--command_primary_focused_border_color); +$command_primary_selected_fg: var(--command_primary_selected_fg); +$command_primary_selected_bg: var(--command_primary_selected_bg); +$command_primary_selected_border_color: var(--command_primary_selected_border_color); +$command_primary_disabled_fg: var(--command_primary_disabled_fg); +$command_primary_disabled_bg: var(--command_primary_disabled_bg); +$command_primary_disabled_border_color: var(--command_primary_disabled_border_color); + +$command_secondary_fg: var(--command_secondary_fg); +$command_secondary_bg: var(--command_secondary_bg); +$command_secondary_border_color: var(--command_secondary_border_color); +$command_secondary_hover_fg: var(--command_secondary_hover_fg); +$command_secondary_hover_bg: var(--command_secondary_hover_bg); +$command_secondary_hover_border_color: var(--command_secondary_hover_border_color); +$command_secondary_pressed_fg: var(--command_secondary_pressed_fg); +$command_secondary_pressed_bg: var(--command_secondary_pressed_bg); +$command_secondary_pressed_border_color: var(--command_secondary_pressed_border_color); +$command_secondary_focused_fg: var(--command_secondary_focused_fg); +$command_secondary_focused_bg: var(--command_secondary_focused_bg); +$command_secondary_focused_border_color: var(--command_secondary_focused_border_color); +$command_secondary_selected_fg: var(--command_secondary_selected_fg); +$command_secondary_selected_bg: var(--command_secondary_selected_bg); +$command_secondary_selected_border_color: var(--command_secondary_selected_border_color); +$command_secondary_disabled_fg: var(--command_secondary_disabled_fg); +$command_secondary_disabled_bg: var(--command_secondary_disabled_bg); +$command_secondary_disabled_border_color: var(--command_secondary_disabled_border_color); + +$command_tertiary_fg: var(--command_tertiary_fg); +$command_tertiary_bg: var(--command_tertiary_bg); +$command_tertiary_icon: var(--command_tertiary_icon); +$command_tertiary_border_color: var(--command_tertiary_border_color); +$command_tertiary_hover_fg: var(--command_tertiary_hover_fg); +$command_tertiary_hover_bg: var(--command_tertiary_hover_bg); +$command_tertiary_hover_icon: var(--command_tertiary_hover_icon); +$command_tertiary_hover_border_color: var(--command_tertiary_hover_border_color); +$command_tertiary_pressed_fg: var(--command_tertiary_pressed_fg); +$command_tertiary_pressed_bg: var(--command_tertiary_pressed_bg); +$command_tertiary_pressed_icon: var(--command_tertiary_pressed_icon); +$command_tertiary_pressed_border_color: var(--command_tertiary_pressed_border_color); +$command_tertiary_focused_fg: var(--command_tertiary_focused_fg); +$command_tertiary_focused_bg: var(--command_tertiary_focused_bg); +$command_tertiary_focused_icon: var(--command_tertiary_focused_icon); +$command_tertiary_focused_border_color: var(--command_tertiary_focused_border_color); +$command_tertiary_selected_fg: var(--command_tertiary_selected_fg); +$command_tertiary_selected_bg: var(--command_tertiary_selected_bg); +$command_tertiary_selected_icon: var(--command_tertiary_selected_icon); +$command_tertiary_selected_border_color: var(--command_tertiary_selected_border_color); +$command_tertiary_disabled_fg: var(--command_tertiary_disabled_fg); +$command_tertiary_disabled_bg: var(--command_tertiary_disabled_bg); +$command_tertiary_disabled_icon: var(--command_tertiary_disabled_icon); +$command_tertiary_disabled_border_color: var(--command_tertiary_disabled_border_color); + +$command_cube_fg: var(--command_cube_fg); +$command_cube_bg: var(--command_cube_bg); +$command_cube_boxshadow: var(--command_cube_boxshadow); +$command_cube_icon_fg: var(--command_cube_icon_fg); + +/* Command Dashboard */ +//Premium only --> +$command_dashboard_desc_bg: var(--command_dashboard_desc_bg); +$command_dashboard_border: var(--command_dashboard_border); +$command_dashboard_active_shadow: var(--command_dashboard_active_shadow); +$command_dashboard_hover_shadow: var(--command_dashboard_hover_shadow); +$command_dashboard_hover_border: var(--command_dashboard_hover_border); +//<-- + +/* WINDOW BAR BROWSER */ +$wb_bg: var(--wb_bg); +$wb_shadow: var(--wb_shadow); +$wb_header_icon_color: var(--wb_header_icon_color); +$wb_header_icon_fav_color: var(--wb_header_icon_fav_color); +$wb_header_color: var(--wb_header_color); +$wb_header_font_family: var(--wb_header_font_family); +$wb_header_font_size: var(--wb_header_font_size); +$wb_close_color: var(--wb_close_color); +$wb_command_bg: var(--wb_command_bg); +$wb_command_shadow: var(--wb_command_shadow); +$wb_command_hover_shadow: var(--wb_command_hover_shadow); +$wb_command_disabled: var(--wb_command_disabled); +$wb_command_font_family: var(--wb_command_font_family); +$wb_command_font_size: var(--wb_command_font_size); + +/* Page */ +$page_fg: var(--page_fg); +$page_footer_fg: var(--page_footer_fg); +$page_info_fg: var(--page_info_fg); +$page_image_bg_before: var(--page_image_bg_before); +$page_image_filter: var(--page_image_filter); +$page_info_text_shadow: var(--page_info_text_shadow); +$page_content_shadow: var(--page_content_shadow); +$page_content_bg: var(--page_content_bg); +$page_adm_fg: var(--page_adm_fg); +$page_adm_locked_fg: var(--page_adm_locked_fg); +$page_adm_icon: var(--page_adm_icon); +$page_header_logo_bg: var(--page_header_logo_bg); +$page_header_text_fg: var(--page_header_text_fg); + +$page_adm_domain_border: var(--page_adm_domain_border); +$page_adm_domain_bg: var(--page_adm_domain_bg); +$page_adm_domain_title_fg: var(--page_adm_domain_title_fg); +$page_adm_domain_even_bg: var(--page_adm_domain_even_bg); +$page_adm_domain_odd_bg: var(--page_adm_domain_odd_bg); + +$page_adm_action_border: var(--page_adm_action_border); +$page_adm_action_shadow_target_color: var(--page_adm_action_shadow_target_color); +$page_adm_action_bg: var(--page_adm_action_bg); +$page_adm_action_fg: var(--page_adm_action_fg); +$page_adm_action_hover_bg: var(--page_adm_action_hover_bg); +$page_adm_action_hover_fg: var(--page_adm_action_hover_fg); + +/* INPUT EDITOR */ +$input_fg: var(--input_fg); +$input_bg: var(--input_bg); +$input_border: var(--input_border); +$input_disabled_bg: var(--input_disabled_bg); +$input_border_disabled: var(--input_border_disabled); +$input_focused_bg: var(--input_focused_bg); +$input_test_focused_bg: var(--input_test_focused_bg); +$input_tooltip_fg: var(--input_tooltip_fg); +$input_text_editor_fg: var(--input_text_editor_fg); +$input_text_editor_bg: var(--input_text_editor_bg); +$input_disabled_fg: var(--input_disabled_fg); +$input_shadow_disabled: var(--input_shadow_disabled); +$input_icon_fg: var(--input_icon_fg); +$input_icon_fg_disabled: var(--input_icon_fg_disabled); +$input_error_shadow: var(--input_error_shadow); +$input_warning_shadow: var(--input_warning_shadow); +$input_focused_fg: var(--input_focused_fg); +$input_autofill_shadow: var(--input_autofill_shadow); +$input_autofill_focused_shadow: var(--input_autofill_focused_shadow); +$input_text_asteriks_focus_bg: var(--input_text_asteriks_focus_bg); +$input_text_asteriks_bg: var(--input_text_asteriks_bg); +$input_text_asteriks_color: var(--input_text_asteriks_color); +$input_text_asteriks_border: var(--input_text_asteriks_border); +$input_vertical_border: var(--input_vertical_border); +$input_vertical_focused_border: var(--input_vertical_focused_border); + +//Premium only --> +$input_focused_border: var(--input_focused_border); +$input_shadow: var(--input_shadow); +$input_disabled_text_shadow: var(--input_disabled_text_shadow); +//<-- + +/* RATING EDITOR */ +$rating_bg: var(--rating_bg); +$rating_fg: var(--rating_fg); +$rating_star_shadow: var(--rating_star_shadow); +$rating_hover_fg: var(--rating_hover_fg); +$rating_checked_fg: var(--rating_checked_fg); +$rating_checked_hover_fg: var(--rating_checked_hover_fg); +$rating_hover_shadow: var(--rating_hover_shadow); + +/* DatePicker */ +$dp_box_bg: var(--dp_box_bg); +$dp_element_fg: var(--dp_element_fg); +$dp_button_fg: var(--dp_button_fg); +$dp_ym_separator: var(--dp_ym_separator); +$dp_ym_level_0_fg: var(--dp_ym_level_0_fg); +$dp_ym_level_1_fg: var(--dp_ym_level_1_fg); +$dp_ym_level_2_fg: var(--dp_ym_level_2_fg); +$dp_ym_level_3_fg: var(--dp_ym_level_3_fg); +$dp_week_fg: var(--dp_week_fg); +$dp_overlay_bg: var(--dp_overlay_bg); +$dp_shortday_fg: var(--dp_shortday_fg); +$dp_day_range: var(--dp_day_range); +$dp_day_selected_bg: var(--dp_day_selected_bg); +$dp_day_selected_fg: var(--dp_day_selected_fg); +$dp_day_today_border_color: var(--dp_day_today_border_color); +$dp_day_today_fg: var(--dp_day_today_fg); +$dp_field_border_color: var(--dp_field_border_color); +$dp_field_border_color_active: var(--dp_field_border_color_active); +$dp_in_range_bg: var(--dp_in_range_bg); +$dp_in_range_fg: var(--dp_in_range_fg); +$dp_font: var(--dp_font); +$dp_bg: var(--dp_bg); +$dp_color: var(--dp_color); +$dp_container_bg: var(--dp_container_bg); +$dp_navigation_color: var(--dp_navigation_color); +$dp_border: var(--dp_border); +$dp_label_fg: var(--dp_label_fg); +$dp_label_border: var(--dp_label_border); +$dp_label_shadow: var(--dp_label_shadow); +$dp_start_color: var(--dp_start_color); +$dp_scrollbar_track_color: var(--dp_scrollbar_track_color); +$dp_scrollbar_thumb_bg: var(--dp_scrollbar_thumb_bg); +$dp_scrollbar_thumb_hover_bg: var(--dp_scrollbar_thumb_hover_bg); +$dp_day_of_week_fg: var(--dp_day_of_week_fg); + +/* DateScopePicker */ +$dsp_font: var(--dsp_font); +$dsp_command_fg: var(--dsp_command_fg); +$dsp_command_disabled_fg: var(--dsp_command_disabled_fg); +$dsp_command_bg: var(--dsp_command_bg); +$dsp_label_fg: var(--dsp_label_fg); +$dsp_caption_fg: var(--dsp_caption_fg); + +/* TimePicker */ +$tp_bg: var(--tp_bg); +$tp_sep: var(--tp_sep); +$tp_color: var(--tp_color); +$tp_border: var(--tp_border); +$tp_button_ok_bg: var(--tp_button_ok_bg); +$tp_button_ok_fg: var(--tp_button_ok_fg); +$tp_box_shadow: var(--tp_box_shadow); +$tp_overlay_bg: var(--tp_overlay_bg); +$tp_mark: var(--tp_mark); +$tp_focus: var(--tp_focus); +$tp_icon: var(--tp_icon); + +/* ColorPicker */ +$cp_box_bg: var(--cp_box_bg); +$cp_box_fg: var(--cp_box_fg); +$cp_overlay_bg: var(--cp_overlay_bg); +$cp_box_shadow: var(--cp_box_shadow); +$cp_empty_bg: var(--cp_empty_bg); +$cp_empty_icon: var(--cp_empty_icon); +$cp_box_border: var(--cp_box_border); +$cp_box_fc: var(--cp_box_fc); +$cp_button_save_bg: var(--cp_button_save_bg); +$cp_button_box_shadow: var(--cp_button_box_shadow); +$cp_button_color: var(--cp_button_color); +$cp_check_mark_bg: var(--cp_check_mark_bg); +$cp_checkbox_bg: var(--cp_checkbox_bg); +$cp_checkbox_checked_bg: var(--cp_checkbox_checked_bg); +$cp_button_understand_bg: var(--cp_button_understand_bg); +$cp_button_border: var(--cp_button_border); +$cp_button_save_color: var(--cp_button_save_color); +$cp_active: var(--cp_active); + +/* StatusPicker */ +$status_picker_border: var(--status_picker_border); +$status_picker_bg: var(--status_picker_bg); +$status_picker_items_bg: var(--status_picker_items_bg); +$status_picker_item_hover: var(--status_picker_item_hover); +$status_picker_cursor: var(--status_picker_cursor); +$status_picker_item_border: var(--status_picker_item_border); +$status_picker_item_border_hover: var(--status_picker_item_border_hover); +$status_picker_item_bg: var(--status_picker_item_bg); + +/* Lookup */ +$lookup_auto_bg: var(--lookup_auto_bg); +$lookup_header_border: var(--lookup_header_border); +$lookup_item_bg: var(--lookup_item_bg); +$lookup_item_hover_bg: var(--lookup_item_hover_bg); +$lookup_item_fg: var(--lookup_item_fg); +$lookup_auto_border: var(--lookup_auto_border); +$lookup_item_hover_fg: var(--lookup_item_hover_fg); +$lookup_editor_icon: var(--lookup_editor_icon); + +/* TileMenu */ +$tile_group_fg: var(--tile_group_fg); +$tile_group_hover_bg: var(--tile_group_hover_bg); +$tile_item_bg: var(--tile_item_bg); +$tile_active_fg: var(--tile_active_fg); +$tile_active_bg: var(--tile_active_bg); //Standard only +$tile_command_icon: var(--tile_command_icon); +$tile_command_fg: var(--tile_command_fg); +$tile_command_shadow: var(--tile_command_shadow); +$tile_desc_fg: var(--tile_desc_fg); +$tile_hover: var(--tile_hover); +$tile_hover_webkit: var(--tile_hover_webkit); +$tile_hover_active: var(--tile_hover_active); +$tile_hover_active_webkit: var(--tile_hover_active_webkit); +$tile_fw: var(--tile_fw); +$tile_color: var(--tile_color); +$tile_group_bg_image: var(--tile_group_bg_image); + +$svg_icon_main_stop: var(--svg_icon_main_stop); +$svg_icon_alt_stop: var(--svg_icon_alt_stop); + +//Standard only --> +$tile_group_active_bg: var(--tile_group_active_bg); +$tile_item_border_fg: var(--tile_item_border_fg); +$tile_shadow: var(--tile_shadow); +//<-- +$tile_group_gradient: var(--tile_group_gradient); //Premium only +$tile_desc_bg: var(--tile_desc_bg); //Premium only + +/* Bookmarks */ +$bookmark_font: var(--bookmark_font); +$bookmark_fg: var(--bookmark_fg); +$bookmark_shadow: var(--bookmark_shadow); +$bookmark_bg: var(--bookmark_bg); +$bookmark_icon: var(--bookmark_icon); +$bookmark_hover_fg: var(--bookmark_hover_fg); +$bookmark_hover_bg: var(--bookmark_hover_bg); +$bookmark_hover_icon: var(--bookmark_hover_icon); +$bookmark_focused_fg: var(--bookmark_focused_fg); +$bookmark_focused_bg: var(--bookmark_focused_bg); +$bookmark_focused_icon: var(--bookmark_focused_icon); +$bookmark_focused_border_color: var(--bookmark_focused_border_color); +$bookmark_pressed_fg: var(--bookmark_pressed_fg); +$bookmark_pressed_bg: var(--bookmark_pressed_bg); +$bookmark_pressed_icon: var(--bookmark_pressed_icon); +$bookmark_disabled_bg: var(--bookmark_close_disabled_bg); +$bookmark_disabled_icon: var(--bookmark_close_disabled_icon); + +$bookmark_selected_fg: var(--bookmark_selected_fg); +$bookmark_selected_bg: var(--bookmark_selected_bg); +$bookmark_selected_icon: var(--bookmark_selected_icon); +$bookmark_selected_hover_fg: var(--bookmark_selected_hover_fg); +$bookmark_selected_hover_bg: var(--bookmark_selected_hover_bg); +$bookmark_selected_hover_icon: var(--bookmark_selected_hover_icon); +$bookmark_selected_focused_fg: var(--bookmark_selected_focused_fg); +$bookmark_selected_focused_bg: var(--bookmark_selected_focused_bg); +$bookmark_selected_focused_icon: var(--bookmark_selected_focused_icon); +$bookmark_selected_focused_border_color: var(--bookmark_selected_focused_border_color); +$bookmark_selected_pressed_fg: var(--bookmark_selected_pressed_fg); +$bookmark_selected_pressed_bg: var(--bookmark_selected_pressed_bg); +$bookmark_selected_pressed_icon: var(--bookmark_selected_pressed_icon); + +$bookmark_close_hover_bg: var(--bookmark_close_hover_bg); +$bookmark_close_hover_icon: var(--bookmark_close_hover_icon); +$bookmark_close_selected_hover_bg: var(--bookmark_close_selected_hover_bg); +$bookmark_close_selected_hover_icon: var(--bookmark_close_selected_hover_icon); + +//Premium only --> +$bookmark_border_color: var(--bookmark_border_color); +$bookmark_close_border: var(--bookmark_close_border); +$bookmark_active_border: var(--bookmark_active_border); +//<-- + +/* Modal */ +$modal_bg: var(--modal_bg); +$modal_border_radius: var(--modal_border_radius); +$modal_bar_bg: var(--modal_bar_bg); +$modal_bar_fg: var(--modal_bar_fg); +$modal_bar_icon: var(--modal_bar_icon); +$modal_bar_title_fg: var(--modal_bar_title_fg); +$modal_bar_border: var(--modal_bar_border); +$modal_section_fg: var(--modal_section_fg); +$modal_command_bg: var(--modal_command_bg); +$modal_command_active_bg: var(--modal_command_active_bg); +$modal_command_fg: var(--modal_command_fg); +$modal_command_hover_bg: var(--modal_command_hover_bg); +$modal_command_hover_fg: var(--modal_command_hover_fg); +$modal_overlay_bg: var(--modal_overlay_bg); +$modal_command_shadow: var(--modal_command_shadow); +$modal_command_text_shadow: var(--modal_command_text_shadow); +$modal_command_hover_shadow: var(--modal_command_hover_shadow); +$modal_command_font_size: var(--modal_command_font_size); +$modal_command_active_fg: var(--modal_command_active_fg); +$modal_command_active_shadow: var(--modal_command_active_shadow); +$modal_command_active_border: var(--modal_command_active_border); +$modal_command_icon: var(--modal_command_icon); +$modal_command_error_icon: var(--modal_command_error_icon); +$modal_command_info_icon: var(--modal_command_info_icon); +$modal_command_question_icon: var(--modal_command_question_icon); +$modal_command_warning_icon: var(--modal_command_warning_icon); +$modal_bar_title_border: var(--modal_bar_title_border); //Premium only +$modal_label_fg: var(--modal_label_fg); +$modal_shadow: var(--modal_shadow); + +/* Indicator */ +$indicator_bg: var(--indicator_bg); +$indicator_fg: var(--indicator_fg); +$indicator_icon: var(--indicator_icon); +$indicator_text_fg: var(--indicator_text_fg); +$indicator_shadow: var(--indicator_shadow); +$indicator_value_icon: var(--indicator_value_icon); +$indicator_footer_bg: var(--indicator_footer_bg); //Premium only + +/* Checkbox */ +$checkbox_bg: var(--checkbox_bg); +$checkbox_bg_hover: var(--checkbox_bg_hover); +$checkbox_border: var(--checkbox_border); +$checkbox_border_color: var(--checkbox_border_color); +$checkbox_border_disabled: var(--checkbox_border_disabled); +$checkbox_border_focused: var(--checkbox_border_focused); +$checkbox_border_hover: var(--checkbox_border_hover); +$checkbox_check: var(--checkbox_check); +$checkbox_disabled_color: var(--checkbox_disabled_color); +$checkbox_disabled_bg: var(--checkbox_disabled_bg); +$checkbox_disabled_fg: var(--checkbox_disabled_fg); +$checkbox_disabled_icon: var(--checkbox_disabled_icon); +$checkbox_fill_color: var(--checkbox_fill_color); +$checkbox_focused_bg: var(--checkbox_focused_bg); +$checkbox_grid_border: var(--checkbox_grid_border); + +//Premium only --> +$checkbox_pipe_off_bg: var(--checkbox_pipe_off_bg); +$checkbox_pipe_disabled: var(--checkbox_pipe_disabled); +$checkbox_pipe_on_bg: var(--checkbox_pipe_on_bg); +$checkbox_pipe_on_checked_bg: var(--checkbox_pipe_on_checked_bg); +$checkbox_pipe_off_checked_bg: var(--checkbox_pipe_off_checked_bg); +//<-- + +/* Chips */ +$chips_fg: var(--chips_fg); +$chips_icon: var(--chips_icon); +$chips_border: var(--chips_border); + +/* Wizard */ +$wizard_step_fg: var(--wizard_step_fg); +$wizard_step_icon: var(--wizard_step_icon); +$wizard_step: var(--wizard_step); +$wizard_step_active: var(--wizard_step_active); +$wizard_step_prev: var(--wizard_step_prev); + +/* Cookie Box */ +$cookie_link_fg: var(--cookie_link_fg); +$cookie_path1_color: var(--cookie_path1_color); +$cookie_path2_color: var(--cookie_path2_color); +$cookie_path1_fill: var(--cookie_path1_fill); +$cookie_text_fg: var(--cookie_text_fg); +$cookie_bg: var(--cookie_bg); +$cookie_shadow: var(--cookie_shadow); +$cookie_text_shadow: var(--cookie_text_shadow); +$cookie_shadow: var(--cookie_shadow); +$cookie_action_icon_color: var(--cookie_action_icon_color); + +/* Dashboard */ +$dashboard_design_icon_bg: var(--dashboard_design_icon_bg); +$dashboard_bg: var(--dashboard_bg); +$dashboard_fg: var(--dashboard_fg); +$dashboard_cell_grid_bg: var(--dashboard_cell_grid_bg); +$dashboard_item_icon_bg: var(--dashboard_item_icon_bg); +$dashboard_item_icon_hover_bg: var(--dashboard_item_icon_hover_bg); +$dashboard_design_icon: var(--dashboard_design_icon); +$dashboard_design_icon_border: var(--dashboard_design_icon_border); +$dashboard_item_fg: var(--dashboard_item_fg); +$dashboard_group_border: var(--dashboard_group_border); +$dashboard_design_overlay_bg: var(--dashboard_design_overlay_bg); +$dashboard_design_focus_shadow: var(--dashboard_design_focus_shadow); +$dashboard_command_split_border: var(--dashboard_command_split_border); +$dashboard_command_list_bg: var(--dashboard_command_list_bg); +$dashboard_command_list_icon_bg: var(--dashboard_command_list_icon_bg); +$dashboard_cell_grid_padding: var(--dashboard_cell_grid_padding); + +//Premium only --> +$dashboard_title_color: var(--dashboard_title_color); +$dashboard_tile_border: var(--dashboard_tile_border); +$dashboard_command_hover_border: var(--dashboard_command_hover_border); +$dashboard_item_label_fg: var(--dashboard_item_label_fg); +//<-- + +/* Profile Menu */ +$profile_menu_bg: var(--profile_menu_bg); +$profile_menu_item_fg: var(--profile_menu_item_fg); +$profile_group_border: var(--profile_group_border); +$profile_group_fg: var(--profile_group_fg); +$profile_group_image_bg: var(--profile_group_image_bg); +$profile_shadow: var(--profile_shadow); +$profile_group_icon: var(--profile_group_icon); +$profile_menu_image_bg: var(--profile_menu_image_bg); +$profile_menu_icon: var(--profile_menu_icon); +$profile_menu_border: var(--profile_menu_border); +$profile_menu_item_shadow: var(--profile_menu_item_shadow); +$profile_menu_item_hover_fg: var(--profile_menu_item_hover_fg); +$profile_menu_item_hover_bg: var(--profile_menu_item_hover_bg); +$profile_menu_separator_bg: var(--profile_menu_separator_bg); +$profile_menu_item_hover_premium_color: var(--profile_menu_item_hover_premium_color); +$profile_menu_item_hover_premium_bg: var(--profile_menu_item_hover_premium_bg); +$profile_menu_item_hover_border_left: var(--profile_menu_item_hover_border_left); + +$profile_menu_bg: var(--profile_menu_bg); +$profile_menu_fg: var(--profile_menu_fg); +$profile_menu_header_bg: var(--profile_menu_header_bg); +$profile_menu_header_fg: var(--profile_menu_header_fg); +$profile_menu_header_item_value: var(--profile_menu_header_item_value); +$profile_menu_separator_bg: var(--profile_menu_separator_bg); +$profile_menu_version_fg: var(--profile_menu_version_fg); +$profile_menu_font: var(--profile_menu_font); + +/* Chart */ +$chart_bg: var(--chart_bg); +$chart_border: var(--chart_border); + +/* Gantt */ +$gantt_border: var(--gantt_border); +$gantt_header_fg: var(--gantt_header_fg); +$gantt_fg: var(--gantt_fg); +$gantt_focused_row_bg: var(--gantt_focused_row_bg); +$gantt_connector_bg: var(--gantt_connector_bg); +$gantt_connector_hover_bg: var(--gantt_connector_hover_bg); +$gantt_icon_hover_fg: var(--gantt_icon_hover_fg); +$gantt_holiday_fg: var(--gantt_holiday_fg); +$gantt_holiday_bg: var(--gantt_holiday_bg); +$gantt_holiday_connector_fg: var(--gantt_holiday_connector_fg); +$gantt_holiday_connector_bg: var(--gantt_holiday_connector_bg); +$gantt_working_area_bg: var(--gantt_working_area_bg); +$gantt_not_working_days_bg: var(--gantt_not_working_days_bg); + +/* Tooltip */ +$tooltip_bg: var(--tooltip_bg); +$tooltip_fg: var(--tooltip_fg); +$tooltip_border: var(--tooltip_border); +$tooltip_box_shadow: var(--tooltip_box_shadow); +$tooltip_icon: var(--tooltip_icon); + +/* EditorHtml */ +$ehtml_bg: var(--ehtml_bg); +$ehtml_border: var(--ehtml_border); +$ehtml_fg: var(--ehtml_fg); +$ehtml_content_line_color: var(--ehtml_content_line_color); +$ehtml_fullsize_btn_bg: var(--ehtml_fullsize_btn_bg); +$ehtml_fullsize_btn_fg: var(--ehtml_fullsize_btn_fg); +$ehtml_fullsize_btn_shadow: var(--ehtml_fullsize_btn_shadow); +$ehtml_fullsize_btn_active_bg: var(--ehtml_fullsize_btn_active_bg); +$ehtml_fullsize_btn_active_fg: var(--ehtml_fullsize_btn_active_fg); +$ehtml_fullsize_btn_active_shadow: var(--ehtml_fullsize_btn_active_shadow); +$ehtml_modal_border: var(--ehtml_modal_border); //Premium only + +/* EditorMemoText */ +$emt_bg: var(--emt_bg); +$emt_border: var(--emt_border); + +/* Diagram */ +$diagram_palette_accrdn_fg: var(--diagram_palette_accrdn_fg); +$diagram_palette_accrdn_sel_bg: var(--diagram_palette_accrdn_sel_bg); +$diagram_palette_accrdn_sel_fg: var(--diagram_palette_accrdn_sel_fg); +$diagram_palette_bg: var(--diagram_palette_bg); +$diagram_palette_item_bg_hover: var(--diagram_palette_item_bg_hover); +$diagram_border: var(--diagram_border); +$diagram_group_icon: var(--diagram_group_icon); +$diagram_grid_opacity: var(--diagram_grid_opacity); +$diagram_header_bg: var(--diagram_header_bg); +$diagram_icon_expand_hover: var(--diagram_icon_expand_hover); +$diagram_active_bg: var(--diagram_active_bg); +$diagram_palette_active_bg: var(--diagram_palette_active_bg); +$diagram_content_fill_dark: var(--diagram_content_fill_dark); +$diagram_content_path_dark: var(--diagram_content_path_dark); +$diagram_palette_item_bg_selected: var(--diagram_palette_item_bg_selected); + +/* TreeDiagram */ +$tree_diagram_btn_bg: var(--tree_diagram_btn_bg); +$tree_diagram_btn_fg: var(--tree_diagram_btn_fg); +$tree_diagram_minimap_bg: var(--tree_diagram_minimap_bg); +$tree_diagram_minimap_border: var(--tree_diagram_minimap_border); +$tree_diagram_minimap_shadow: var(--tree_diagram_minimap_shadow); +$tree_diagram_border: var(--tree_diagram_border); +$tree_diagram_zoom_bg: var(--tree_diagram_zoom_bg); +$tree_diagram_send_fg: var(--tree_diagram_send_fg); +$tree_sm_bg: var(--tree_sm_bg); +$tree_sm_border: var(--tree_sm_border); +$tree_sm_el_border: var(--tree_sm_el_border); +$tree_sm_el_fg: var(--tree_sm_el_fg); +$tree_sm_el_bg: var(--tree_sm_el_bg); +$tree_sm_el_hover_border: var(--tree_sm_el_hover_border); +$tree_sm_el_hover_fg: var(--tree_sm_el_hover_fg); +$tree_sm_el_hover_bg: var(--tree_sm_el_hover_bg); +$tree_filter_input_border: var(--tree_filter_input_border); +$tree_filter_input_bg: var(--tree_filter_input_bg); +$tree_filter_input_fg: var(--tree_filter_input_fg); +$tree_filter_input_focus_fg: var(--tree_filter_input_focus_fg); +$tree_filter_input_shadow: var(--tree_filter_input_shadow); +$tree_filter_input_placeholder_fg: var(--tree_filter_input_placeholder_fg); +$tree_filter_input_icon_fg: var(--tree_filter_input_icon_fg); +$tree_diagram_bg: var(--tree_diagram_bg); +$tree_diagram_shape_color: var(--tree_diagram_shape_color); +$tree_diagram_shape_bg: var(--tree_diagram_shape_bg); +$tree_diagram_shape_border: var(--tree_diagram_shape_border); +$tree_diagram_shape_filter_color: var(--tree_diagram_shape_filter_color); + +/* Progress */ +$progress_icon: var(--progress_icon); +$progress_fg: var(--progress_fg); +$progress_border: var(--progress_border); + +/* Progress Bar */ +$progress_bar_circle_bg: var(--progress_bar_circle_bg); +$progress_bar_background_circle_bg: var(--progress_bar_background_circle_bg); +$progress_bar_in_percent_fg: var(--progress_bar_in_percent_fg); +$progress_bar_btn_information_fg: var(--progress_bar_btn_information_fg); +$progress_bar_information_fg: var(--progress_bar_information_fg); +$progress_bar_spinner_wrapper_bg: var(--progress_bar_spinner_wrapper_bg); +$progress_bar_spinner_border: var(--progress_bar_spinner_border); + +/* Popup Simple */ +$popup_simple_bg: var(--popup_simple_bg); +$popup_simple_border: var(--popup_simple_border); +$popup_simple_item_fg: var(--popup_simple_item_fg); +$popup_simple_item_bg: var(--popup_simple_item_bg); +$popup_simple_item_fg_hover: var(--popup_simple_item_fg_hover); +$popup_simple_item_bg_hover: var(--popup_simple_item_bg_hover); + +$popup_simple_item_disabled_fg: var(--popup_simple_item_disabled_fg); +$popup_simple_item_disabled_hover_bg: var(--popup_simple_item_disabled_hover_bg); +$popup_simple_item_disabled_hover_fg: var(--popup_simple_item_disabled_hover_fg); + +/* Popup */ +$popup_command_bg: var(--popup_command_bg); +$popup_overlay: var(--popup_overlay); + +/* Splitter */ +$splitter_bg: var(--splitter_bg); +$splitter_btn_bg: var(--splitter_btn_bg); +$splitter_hover_bg: var(--splitter_hover_bg); +$splitter_icon: var(--splitter_icon); + +/* Html */ +$html_fg: var(--html_fg); +$html_rss_fg: var(--html_rss_fg); +$html_hyperlink_fg: var(--html_hyperlink_fg); +$html_rss_border: var(--html_rss_border); +$html_rss_date_info_fg: var(--html_rss_date_info_fg); +$html_rss_desc_fg: var(--html_rss_desc_fg); +$html_rss_error_fg: var(--html_rss_error_fg); +$html_hyperlink_color: var(--html_hyperlink_color); + +/* RichEdit */ +$rte_fg: var(--rte_fg); +$rte_bg: var(--rte_bg); +$rte_border: var(--rte_border); +$rte_focused_bg: var(--rte_focused_bg); +$rte_editor_bg: var(--rte_editor_bg); +$rte_editor_fg: var(--rte_editor_fg); +$rte_hr: var(--rte_hr); +$rte_tooltip_bg: var(--rte_tooltip_bg); +$rte_tooltip_border: var(--rte_tooltip_border); +$rte_tooltip_shadow: var(--rte_tooltip_shadow); +$rte_toolbar_bg: var(--rte_toolbar_bg); +$rte_toolbar_border: var(--rte_toolbar_border); +$rte_toolbar_item_hover_bg: var(--rte_toolbar_item_hover_bg); +$rte_tabs_fg: var(--rte_tabs_fg); +$rte_dropdown_toolbar_border: var(--rte_dropdown_toolbar_border); +$rte_resizer_border: var(--rte_resizer_border); +$rte_resizer_bg: var(--rte_resizer_bg); +$rte_icon: var(--rte_icon); +$rte_active_border: var(--rte_active_border); +$rte_focused_border: var(--rte_focused_border); //Premium only +$rte_dialog_bg: var(--rte_dialog_bg); +$rte_dialog_font: var(--rte_dialog_font); +$rte_dialog_border_radius: var(--rte_dialog_border_radius); +$rte_dialog_header_bg: var(--rte_dialog_header_bg); +$rte_dialog_header_fg: var(--rte_dialog_header_fg); +$rte_dialog_header_fontsize: var(--rte_dialog_header_fontsize); +$rte_dialog_header_border: var(--rte_dialog_header_border); +$rte_dialog_button_bg: var(--rte_dialog_button_bg); +$rte_dialog_button_fg: var(--rte_dialog_button_fg); +$rte_dialog_button_hover_bg: var(--rte_dialog_button_hover_bg); +$rte_dialog_button_hover_fg: var(--rte_dialog_button_hover_fg); +$rte_dialog_button_hover_border: var(--rte_dialog_button_hover_border); +$rte_dialog_content_fg: var(--rte_dialog_content_fg); +$rte_dialog_content_fontsize: var(--rte_dialog_content_fontsize); +$rte_dialog_content_tabs_wrapper_bg: var(--rte_dialog_content_tabs_wrapper_bg); +$rte_dialog_content_tabs_hover_bg: var(--rte_dialog_content_tabs_hover_bg); +$rte_dialog_input_border_radius: var(--rte_dialog_input_border_radius); +$rte_dialog_input_focused_border: var(--rte_dialog_input_focused_border); +$rte_dialog_input_focused_shadow: var(--rte_dialog_input_focused_shadow); +$rte_dialog_footer_bg: var(--rte_dialog_footer_bg); +$rte_dialog_footer_border: var(--rte_dialog_footer_border); +$rte_dialog_footer_button_bg: var(--rte_dialog_footer_button_bg); +$rte_dialog_footer_button_fg: var(--rte_dialog_footer_button_fg); +$rte_dialog_footer_button_shadow: var(--rte_dialog_footer_button_shadow); +$rte_dialog_footer_button_text_shadow: var(--rte_dialog_footer_button_text_shadow); +$rte_dialog_footer_button_text_transform: var(--rte_dialog_footer_button_text_transform); +$rte_dialog_footer_button_font_weight: var(--rte_dialog_footer_button_font_weight); +$rte_dialog_footer_button_hover_bg: var(--rte_dialog_footer_button_hover_bg); +$rte_dialog_footer_button_hover_fg: var(--rte_dialog_footer_button_hover_fg); +$rte_dialog_footer_button_hover_shadow: var(--rte_dialog_footer_button_hover_shadow); +$rte_dialog_resizer_bg: var(--rte_dialog_resizer_bg); +$rte_dialog_resizer_hover_bg: var(--rte_dialog_resizer_hover_bg); +$rte_dialog_image_preview_bg: var(--rte_dialog_image_preview_bg); +$rte_content_bg: var(--rte_content_bg); +$rte_content_fc: var(--rte_content_fc); +$rte_status_bg: var(--rte_status_bg); +$rte_border_color: var(--rte_border_color); +$rte_status_fc: var(--rte_status_fc); +$rte_status_button_fc: var(--rte_status_button_fc); +$rte_status_button_hover: var(--rte_status_button_hover); +$rte_toolbar_border_right: var(--rte_toolbar_border_right); +$rte_toolbar_border_color: var(--rte_toolbar_border_color); +$rte_toolbar_color1: var(--rte_toolbar_color1); +$rte_toolbar_color2: var(--rte_toolbar_color2); +$rte_toolbar_color3: var(--rte_toolbar_color3); +$rte_toolbar_color4: var(--rte_toolbar_color4); +$rte_toolbar_color5: var(--rte_toolbar_color5); +$rte_toolbar_color6: var(--rte_toolbar_color6); +$rte_toolbar_color7: var(--rte_toolbar_color7); +$rte_table_creator_border: var(--rte_table_creator_border); + +/* Pick file popup */ +$pickfile_fg: var(--pickfile_fg); +$pickfile_bg: var(--pickfile_bg); +$pickfile_btn_border: var(--pickfile_btn_border); +$pickfile_btn_hover_bg: var(--pickfile_btn_hover_bg); +$pickfile_btn_hover_fg: var(--pickfile_btn_hover_fg); +$pickfile_label_fg: var(--pickfile_label_fg); +$pickfile_label_bg: var(--pickfile_label_bg); +$pickfile_shadow: var(--pickfile_shadow); +$pickfile_border: var(--pickfile_border); + +/* Carousel */ +$carousel_item_fg: var(--carousel_item_fg); +$carousel_item_bg: var(--carousel_item_bg); +$carousel_item_selected_fg: var(--carousel_item_selected_fg); +$carousel_item_selected_bg: var(--carousel_item_selected_bg); +$carousel_arrow_border: var(--carousel_arrow_border); +$carousel_arrow_bg: var(--carousel_arrow_bg); +$carousel_arrow_fg: var(--carousel_arrow_fg); +$carousel_timepicker_item_fg: var(--carousel_timepicker_item_fg); +$carousel_timepicker_item_selected_fg: var(--carousel_timepicker_item_selected_fg); +$carousel_timepicker_item_selected_fg_prev_next: var(--carousel_timepicker_item_selected_fg_prev_next); + +/* Error */ +$page_error_bg: var(--page_error_bg); +$page_error_fg: var(--page_error_fg); +$page_error_border: var(--page_error_border); +$page_error_border_radius: var(--page_error_border_radius); +$error_command_active_border: var(--error_command_active_border); +$error_title_fg: var(--error_title_fg); +$error_bar_bg: var(--error_bar_bg); +$error_bar_fg: var(--error_bar_fg); +$error_bar_border: var(--error_bar_border); +$error_bar_icon: var(--error_bar_icon); +$warning_bar_icon: var(--warning_bar_icon); +$error_command_bg: var(--error_command_bg); +$error_command_fg: var(--error_command_fg); +$error_command_shadow: var(--error_command_shadow); +$error_command_hover_shadow: var(--error_command_hover_shadow); +$error_command_active_shadow: var(--error_command_active_shadow); +$error_command_active_fg: var(--error_command_active_fg); +$error_command_active_bg: var(--error_command_active_bg); +$error_command_border: var(--error_command_border); +$error_command_hover: var(--error_command_hover); +$error_command_active: var(--error_command_active); + +/* Field */ +$field_image_circle_bg: var(--field_image_circle_bg); +$field_image_circle_border: var(--field_image_circle_border); +$field_image_full_screen_shadow: var(--field_image_full_screen_shadow); +$field_image_full_screen_bg: var(--field_image_full_screen_bg); +$field_image_full_screen_fg: var(--field_image_full_screen_fg); +$field_code_add_btn_bg: var(--field_code_add_btn_bg); +$field_code_add_btn_shadow: var(--field_code_add_btn_shadow); +$field_code_add_btn_active_shadow: var(--field_code_add_btn_active_shadow); +$field_code_add_btn_icon_bg: var(--field_code_add_btn_icon_bg); +$field_code_add_btn_active_icon_bg: var(--field_code_add_btn_active_icon_bg); +$field_warning_label_fg: var(--field_warning_label_fg); +$full-screen-field-bg: var(--full-screen-field-bg); + +/* Verifiers */ +$verifier_error_bg: var(--verifier_error_bg); +$verifier_error_icon_bg: var(--verifier_error_icon_bg); +$verifier_error_color: var(--verifier_error_color); +$verifier_warning_bg: var(--verifier_warning_bg); +$verifier_warning_icon_bg: var(--verifier_warning_icon_bg); +$verifier_warning_color: var(--verifier_warning_color); +$verifier_info_bg: var(--verifier_info_bg); +$verifier_info_icon_bg: var(--verifier_info_icon_bg); +$verifier_info_color: var(--verifier_info_color); + +/* ThemePicker */ +$picker_bg: var(--picker_bg); +$picker_color: var(--picker_color); +$picker_item_bg: var(--picker_item_bg); +$picker_item_hover_bg: var(--picker_item_hover_bg); +$picker_active_shadow: var(--picker_active_shadow); +$picker_button_active_bg: var(--picker_button_active_bg); +$picker_button_active_color: var(--picker_button_active_color); +$picker_button_active_shadow: var(--picker_button_active_shadow); +$picker_item_selected_border_color: var(--picker_item_selected_border_color); +$picker_button_shadow: var(--picker_button_shadow); +$picker_button_hover_shadow: var(--picker_button_hover_shadow); +$picker_button_hover: var(--picker_button_hover); +$picker_fill: var(--picker_fill); + +/* SignInPanel */ +$signIn_text_fg: var(--signIn_text_fg); +$signIn_field_bg: var(--signIn_field_bg); +$signIn_field_focused_bg: var(--signIn_field_focused_bg); +$signIn_field_focused_fg: var(--signIn_field_focused_fg); +$signIn_field_focused_shadow: var(--signIn_field_focused_shadow) !important; +$signIn_clear_icon_color: var(--signIn_clear_icon_color); + +$signIn_btn_hover_shadow: var(--signIn_btn_hover_shadow); +$signIn_btn_active_shadow: var(--signIn_btn_active_shadow); +$signIn_btn_active_bg: var(--signIn_btn_active_bg); +$signIn_btn_active_color: var(--signIn_btn_active_color); +$signIn_check_color: var(--signIn_check_color); +$spinner_wait_color: var(--spinner_wait_color); +$signIn_field_icon_fg: var(--signIn_field_icon_fg); +$signIn_text_shadow: var(--signIn_text_shadow) !important; +$signIn_check_fg: var(--signIn_check_fg); +$signIn_check_check_fg: var(--signIn_check_check_fg); +$signIn_content_fg: var(--signIn_content_fg); +$signIn_content_border: var(--signIn_content_border); +$signIn_infolabel_fg: var(--signIn_infolabel_fg); +$signIn_btn_shadow: var(--signIn_btn_shadow); +$signIn_btn_border: var(--signIn_btn_border); +$signIn_btn_hover_bg: var(--signIn_btn_hover_bg); +$signIn_btn_action_bg: var(--signIn_btn_action_bg); +$signIn_btn_action_fg: var(--signIn_btn_action_fg); +$signIn_btn_action_icon_fg: var(--signIn_btn_action_icon_fg); +$signIn_btn_version_bg: var(--signIn_btn_version_bg); +$signIn_btn_version_fg: var(--signIn_btn_version_fg); +$signIn_btn_version_icon_fg: var(--signIn_btn_version_icon_fg); +$signIn_btn_version_box_shadow: var(--signIn_btn_version_box_shadow); +$signIn_btn_version_border: var(--signIn_btn_version_border); +$signIn_btn_version_hover: var(--signIn_btn_version_hover); +$signIn_btn_send_bg: var(--signIn_btn_send_bg); +$signIn_info_label_caption_fg: var(--signIn_info_label_caption_fg); +$signIn_info_label_text_fg: var(--signIn_info_label_text_fg); + +/* Signature */ +$signature_content_border: var(--signature_content_border); +$signature_content_bg: var(--signature_content_bg); +$signature_icon_bg: var(--signature_icon_bg); +$signature_icon_color: var(--signature_icon_color); +$signature_icon_shadow: var(--signature_icon_shadow); +$signature_icon_active_color: var(--signature_icon_active_color); +$signature_icon_active_bg: var(--signature_icon_active_bg); +$signature_icon_active_shadow: var(--signature_icon_active_shadow); +$signature_icon_hover_shadow: var(--signature_icon_hover_shadow); +$signature_cursor: var(--signature_cursor); + +/* Label */ +$label_fg: var(--label_fg); +$label_color: var(--label_color); +$label_green_fg: var(--label_green_fg); +$label_red_fg: var(--label_red_fg); +$label_warning_fg: var(--label_warning_fg); +$label_info_fg: var(--label_info_fg); +$label_tip_fg: var(--label_tip_fg); +$label_tip_bg: var(--label_tip_bg); +$label_tip_border: var(--label_tip_border); +$label_info_fg2: var(--label_info_fg2); +$label_info_fw: var(--label_info_fw); + +/* SPINNER */ +$spinner_bg: var(--spinner_bg); +$spinner_fs: var(--spinner_fs); +$spinner_progress_bar_bg: var(--spinner_progress_bar_bg); +$spinner_header_fc: var(--spinner_header_fc); +$spinner_header_bg: var(--spinner_header_bg); +$spinner_stop_color: var(--spinner_stop_color); +$spinner_stop_color_next: var(--spinner_stop_color_next); +$spinner_fill: var(--spinner_fill); + +/* StopWatch */ +$stop_watch_bg: var(--stop_watch_bg); +$stop_watch_border: var(--stop_watch_border); + +/* PDF Viewer */ +$pdf_viewer_bg_start: var(--pdf_viewer_bg_start); +$pdf_viewer_bg_stop: var(--pdf_viewer_bg_stop); +$pdf_viewer_shadow: var(--pdf_viewer_shadow); +$pdf_full_screen_shadow: var(--pdf_full_screen_shadow); +$pdf_full_screen_bg: var(--pdf_full_screen_bg); +$pdf_full_screen_fg: var(--pdf_full_screen_fg); +$pdf_hide_toolbar_bg: var(--pdf_hide_toolbar_bg); + +/* Simple Scheduler */ +$ss_font: var(--ss_font); +$ss_shortday_fg: var(--ss_shortday_fg); +$ss_element_bg: var(--ss_element_bg); +$ss_element_fg: var(--ss_element_fg); +$ss_label_fg: var(--ss_label_fg); +$ss_label_last_day_fg: var(--ss_label_last_day_fg); +$ss_resource_fg: var(--ss_resource_fg); + +/* Simple Scheduler with Task List */ +$ss_tl_btn_bg: var(--ss_tl_btn_bg); +$ss_tl_btn_fg: var(--ss_tl_btn_fg); +$ss_tl_btn_selected_bg: var(--ss_tl_btn_selected_bg); +$ss_tl_btn_selected_fg: var(--ss_tl_btn_selected_fg); +$ss_tl_tasks_bg: var(--ss_tl_tasks_bg); +$ss_tl_tasks_fg: var(--ss_tl_tasks_fg); +$ss_tl_tasks_shadow: var(--ss_tl_tasks_shadow); +$ss_tl_task_bg: var(--ss_tl_task_bg); +$ss_tl_task_date_fg: var(--ss_tl_task_date_fg); +$ss_tl_task_date_icon_fg: var(--ss_tl_task_date_icon_fg); +$ss_tl_task_add_bg: var(--ss_tl_task_add_bg); +$ss_tl_task_add_fg: var(--ss_tl_task_add_fg); +$ss_tl_day_marker: var(--ss_tl_day_marker); +$ss_tl_day_marker_selected: var(--ss_tl_day_marker_selected); +$ss_tl_week_fg: var(--ss_tl_week_fg); +$ss_tl_week_border: var(--ss_tl_week_border); +$ss_tl_shortday_fg: var(--ss_tl_shortday_fg); + +/* RADIOBUTTON */ +$radiobutton_check: var(--radiobutton_check); +$radiobutton_unchecked: var(--radiobutton_unchecked); +$radiobutton_disabled: var(--radiobutton_disabled); +$radiobutton_hover: var(--radiobutton_hover); +$radiobutton_hover_unchecked: var(--radiobutton_hover_unchecked); +$radiobutton_focused_icon: var(--radiobutton_focused_icon); +$radiobutton_focused: var(--radiobutton_focused); + +/* RADIOBUTTON CHIPS */ +$radiobutton_chips_fg: var(--radiobutton_chips_fg); +$radiobutton_chips_border: var(--radiobutton_chips_border); +$radiobutton_chips_checked_bg: var(--radiobutton_chips_checked_bg); +$radiobutton_chips_disabled_bg: var(--radiobutton_chips_disabled_bg); + +/* RADIOBUTTON SPLIT */ +$radio_split_button_fg: var(--radio_split_button_fg); +$radio_split_button_bg: var(--radio_split_button_bg); +$radio_split_button_border: var(--radio_split_button_border); +$radio_split_button_checked_fg: var(--radio_split_button_checked_fg); +$radio_split_button_checked_bg: var(--radio_split_button_checked_bg); +$radio_split_button_disabled_fg: var(--radio_split_button_disabled_fg); +$radio_split_button_disabled_bg: var(--radio_split_button_disabled_bg); + +/* RADIOBUTTON TAB */ +$radio_tab_fg: var(--radio_tab_fg); +$radio_tab_bg: var(--radio_tab_bg); +$radio_tab_border_color: var(--radio_tab_border_color); +$radio_tab_border_color_checked: var(--radio_tab_border_color_checked); + +/* Shortcut Window */ +$shortcut_bg: var(--shortcut_bg); +$shortcut_shadow_fg: var(--shortcut_shadow_fg); +$shortcut_shadow_hover_fg: var(--shortcut_shadow_hover_fg); +$shortcut_shadow_hover_bg: var(--shortcut_shadow_hover_bg); +$shortcut_overlay_bg: var(--shortcut_overlay_bg); +$shortcut_window_border: var(--shortcut_window_border); +$shortcut_title_fg: var(--shortcut_title_fg); +$shortcut_footer_fg: var(--shortcut_footer_fg); +$shortcut_cmd_fg: var(--shortcut_cmd_fg); +$shortcut_cmd_key_fg: var(--shortcut_cmd_key_fg); +$shortcut_cmd_key_bg: var(--shortcut_cmd_key_bg); +$shortcut_cmd_key_active_fg: var(--shortcut_cmd_key_active_fg); +$shortcut_cmd_key_active_bg: var(--shortcut_cmd_key_active_bg); +$shortcut_cmd_key_active_border: var(--shortcut_cmd_key_active_border); +$shortcut_close_icon: var(--shortcut_close_icon); +$shortcut_btn_bg: var(--shortcut_btn_bg); //Premium only +$shortcut_btn_color: var(--shortcut_btn_color); //Premium only + +/* Slider */ +$slider_fg: var(--slider_fg); +$slider_knob: var(--slider_knob); +$slider_active_knob: var(--slider_active_knob); +$slider_active_knob_shadow: var(--slider_active_knob_shadow); +$slider_active_shadow: var(--slider_active_shadow); +$slider_disabled_knob: var(--slider_disabled_knob); +$slider_track_bg: var(--slider_track_bg); +$slider_disabled_track_bg: var(--slider_disabled_track_bg); + +/* Recovery Panel */ +$recovery_reset_fg: var(--recovery_reset_fg); +$recovery_response_fg: var(--recovery_response_fg); +$recovery_btn_shadow: var(--recovery_btn_shadow); +$recovery_btn_fg: var(--recovery_btn_fg); +$recovery_btn_bg: var(--recovery_btn_bg); +$recovery_btn_hover_shadow: var(--recovery_btn_hover_shadow); +$recovery_btn_active_shadow: var(--recovery_btn_active_shadow); +$recovery_btn_active_fg: var(--recovery_btn_active_fg); +$recovery_btn_active_bg: var(--recovery_btn_active_bg); +$recovery_btn_hover_bg: var(--recovery_btn_hover_bg); +$recovery_btn_active_border: var(--recovery_btn_active_border); +$recovery_btn_login_border: var(--recovery_btn_login_border); +$recovery_btn_login_bg: var(--recovery_btn_login_bg); +$recovery_btn_go_login_bg: var(--recovery_btn_go_login_bg); +$recovery_btn_go_login_border: var(--recovery_btn_go_login_border); +$recovery_btn_go_login_color: var(--recovery_btn_go_login_color); +$recovery_btn_go_login_hover: var(--recovery_btn_go_login_hover); + +/* Stack */ +$stack_label_fg: var(--stack_label_fg); +$stack_bg: var(--stack_bg); + +/* Scheduler */ +$scheduler_inline_fg: var(--scheduler_inline_fg); +$scheduler_grid_fg: var(--scheduler_grid_fg); +$scheduler_other_month_bg: var(--scheduler_other_month_bg); +$scheduler_selected_cell_bg: var(--scheduler_selected_cell_bg); +$scheduler_selected_cell_header_fg: var(--scheduler_selected_cell_header_fg); +$scheduler_selected_cell_more_fg: var(--scheduler_selected_cell_more_fg); +$scheduler_current_date_border_fg: var(--scheduler_current_date_border_fg); +$scheduler_current_date_border: var(--scheduler_current_date_border); +$scheduler_current_date_header_fg: var(--scheduler_current_date_header_fg); +$scheduler_header_cells_fg: var(--scheduler_header_cells_fg); +$scheduler_header_cells_bg: var(--scheduler_header_cells_bg); +$scheduler_month_head_icon_fg: var(--scheduler_month_head_icon_fg); +$scheduler_month_head_icon_alert_fg: var(--scheduler_month_head_icon_alert_fg); +$scheduler_vertical_current_day_border: var(--scheduler_vertical_current_day_border); +$scheduler_vertical_current_day_border_fg: var(--scheduler_vertical_current_day_border_fg); +$scheduler_vertical_current_day_fg: var(--scheduler_vertical_current_day_fg); +$scheduler_evnet_border_fg: var(--scheduler_evnet_border_fg); +$scheduler_timeline_selected_cell_bg: var(--scheduler_timeline_selected_cell_bg); +$scheduler_tooltip_fg: var(--scheduler_tooltip_fg); +$scheduler_tooltip_bg: var(--scheduler_tooltip_bg); +$scheduler_cell_hover_event_border_fg: var(--scheduler_cell_hover_event_border_fg); +$scheduler_work_day_bg: var(--scheduler_work_day_bg); +$scheduer_date_header_fg: var(--scheduer_date_header_fg); +$scheduler_bg: var(--scheduler_bg); +$scheduler_event_bg: var(--scheduler_event_bg); +$scheduler_work_cell_hover_bg: var(--scheduler_work_cell_hover_bg); +$scheduler_event_subject_fg: var(--scheduler_event_subject_fg); +$scheduler_resources_cell_bg: var(--scheduler_resources_cell_bg); +$scheduler_resources_cell_fg: var(--scheduler_resources_cell_fg); +$scheduler_expand_color: var(--scheduler_expand_color); +$scheduler_expand_hover_bg: var(--scheduler_expand_hover_bg); +$scheduler_more_color: var(--scheduler_more_color); +$scheduler_expand_hover_color: var(--scheduler_expand_hover_color); +$scheduler_other_month_fc: var(--scheduler_other_month_fc); +$scheduler_current_month_fc: var(--scheduler_current_month_fc); +$scheduler_selected_border: var(--scheduler_selected_border); +$scheduler_more_color_month: var(--scheduler_more_color_month); +$scheduler_appointment_color: var(--scheduler_appointment_color); +$scheduler_appointment_box_shadow: var(--scheduler_appointment_box_shadow); + +/* RxDesigner */ +$rx_designer_icon_fg: var(--rx_designer_icon_fg); + +/* Pivot */ +$pivot_filter_color: var(--pivot_filter_color); +$pivot_filter_field_bg: var(--pivot_filter_field_bg); +$pivot_filter_exp_bg: var(--pivot_filter_exp_bg); +$pivot_filter_value_bg: var(--pivot_filter_value_bg); +$pivot_filter_inrange_icon_bg: var(--pivot_filter_inrange_icon_bg); +$pivot_pivotgrid_bg: var(--pivot_pivotgrid_bg); +$pivot_border: var(--pivot_border); +$pivot_border_bottom: var(--pivot_border_bottom); +$pivot_btn_bg: var(--pivot_btn_bg); +$pivot_border_color: var(--pivot_border_color); +$pivot_hover_bg: var(--pivot_hover_bg); +$pivot_focused_border_color: var(--pivot_focused_border_color); +$pivot_focused_bg: var(--pivot_focused_bg); +$pivot_active_bg: var(--pivot_active_bg); +$pivot_active_border_color: var(--pivot_active_border_color); +$pivot_active_color: var(--pivot_active_color); +$pivot_area_description_border: var(--pivot_area_description_border); +$pivot_bg: var(--pivot_bg); +$pivot_scroll_content: var(--pivot_scroll_content); +$pivot_scrollbar: var(--pivot_scrollbar); +$pivot_box_shadow: var(--pivot_box_shadow); +$pivot_overlay_content_bg: var(--pivot_overlay_content_bg); +$pivot_popup_title_color: var(--pivot_popup_title_color); +$pivot_overlay_content_border: var(--pivot_overlay_content_border); +$pivot_close_popup_color: var(--pivot_close_popup_color); +$pivot_close_button_hover_bg: var(--pivot_close_button_hover_bg); +$pivot_close_popup_color_focused_bg: var(--pivot_close_popup_color_focused_bg); +$pivot_close_popup_color_active_bg: var(--pivot_close_popup_color_active_bg); +$pivot_close_popup_color_border_focused: var(--pivot_close_popup_color_border_focused); +$pivot_close_popup_color_border_active: var(--pivot_close_popup_color_border_active); +$pivot_close_popup_color_font_active: var(--pivot_close_popup_color_font_active); +$pivot_area_fields_border: var(--pivot_area_fields_border); +$pivot_group_bg: var(--pivot_group_bg); +$pivot_drag_border: var(--pivot_drag_border); +$pivot_texteditor_border: var(--pivot_texteditor_border); +$pivot_texteditor_bg: var(--pivot_texteditor_bg); +$pivot_searchbox_color: var(--pivot_searchbox_color); +$pivot_placeholder_color: var(--pivot_placeholder_color); +$pivot_texteditor_border_hover: var(--pivot_texteditor_border_hover); +$pivot_texteditor_border_active: var(--pivot_texteditor_border_active); +$pivot_clear_button_color: var(--pivot_clear_button_color); +$pivot_clear_button_bg: var(--pivot_clear_button_bg); +$pivot_texteditor_color: var(--pivot_texteditor_color); +$pivot_dx_widget_color: var(--pivot_dx_widget_color); +$pivot_treeview_item_color: var(--pivot_treeview_item_color); +$pivot_treeview_item_hover_color: var(--pivot_treeview_item_hover_color); +$pivot_treeview_item_hover_bg: var(--pivot_treeview_item_hover_bg); +$pivot_checkbox_bg: var(--pivot_checkbox_bg); +$pivot_checkbox_border_color: var(--pivot_checkbox_border_color); +$pivot_checkbox_border_color_hover: var(--pivot_checkbox_border_color_hover); +$pivot_checkbox_bg_active: var(--pivot_checkbox_bg_active); +$pivot_checkbox_icon_color_checked: var(--pivot_checkbox_icon_color_checked); +$pivot_checkbox_bg_checked: var(--pivot_checkbox_bg_checked); +$pivot_list_hover_border_color: var(--pivot_list_hover_border_color); +$pivot_checkbox_bg_indeterminate: var(--pivot_checkbox_bg_indeterminate); +$pivot_list_color: var(--pivot_list_color); +$pivot_list_border: var(--pivot_list_border); +$pivot_loadpanel_bg: var(--pivot_loadpanel_bg); +$pivot_loadpanel_border: var(--pivot_loadpanel_border); +$pivot_overlay_color: var(--pivot_overlay_color); +$pivot_loadindicator_bg: var(--pivot_loadindicator_bg); +$pivot_overlay_bg: var(--pivot_overlay_bg); +$pivot_filter_bg: var(--pivot_filter_bg); +$pivot_treeview_item_selected_color: var(--pivot_treeview_item_selected_color); +$pivot_treeview_item_selected_bg: var(--pivot_treeview_item_selected_bg); +$pivot_filter_group_bg: var(--pivot_filter_group_bg); +$pivot_filter_group_color: var(--pivot_filter_group_color); +$pivot_filter_group_border: var(--pivot_filter_group_border); +$pivot_filter_group_hover_bg: var(--pivot_filter_group_hover_bg); +$pivot_filter_group_active_bg: var(--pivot_filter_group_active_bg); +$pivot_filter_group_active_color: var(--pivot_filter_group_active_color); +$pivot_icon_plus_color: var(--pivot_icon_plus_color); +$pivot_icon_plus_color_active: var(--pivot_icon_plus_color_active); +$pivot_icon_plus_bg_active: var(--pivot_icon_plus_bg_active); +$pivot_icon_plus_bg_active: var(--pivot_icon_plus_bg_active); +$pivot_icon_plus_color_hover: var(--pivot_icon_plus_color_hover); +$pivot_icon_plus_bg_hover: var(--pivot_icon_plus_bg_hover); +$pivot_treeview_item_focused_bg: var(--pivot_treeview_item_focused_bg); +$pivot_icon_remove_color: var(--pivot_icon_remove_color); +$pivot_icon_remove_color_hover: var(--pivot_icon_remove_color_hover); +$pivot_icon_remove_bg_hover: var(--pivot_icon_remove_bg_hover); +$pivot_icon_remove_bg_focus: var(--pivot_icon_remove_bg_focus); +$pivot_icon_remove_color_focus: var(--pivot_icon_remove_color_focus); +$pivot_filter_field_bg: var(--pivot_filter_field_bg); +$pivot_filter_color: var(--pivot_filter_color); +$pivot_filter_field_bg_hover: var(--pivot_filter_field_bg_hover); +$pivot_filter_color_hover: var(--pivot_filter_color_hover); +$pivot_filter_field_bg_active: var(--pivot_filter_field_bg_active); +$pivot_filter_color_active: var(--pivot_filter_color_active); +$pivot_filter_operation_bg: var(--pivot_filter_operation_bg); +$pivot_filter_color: var(--pivot_filter_color); +$pivot_filter_operation_bg_hover: var(--pivot_filter_operation_bg_hover); +$pivot_filter_color_hover: var(--pivot_filter_color_hover); +$pivot_filter_operation_bg_active: var(--pivot_filter_operation_bg_active); +$pivot_filter_color_active: var(--pivot_filter_color_active); +$pivot_filter_value_bg: var(--pivot_filter_value_bg); +$pivot_filter_value_color: var(--pivot_filter_value_color); +$pivot_filter_value_bg_hover: var(--pivot_filter_value_bg_hover); +$pivot_filter_value_color_hover: var(--pivot_filter_value_color_hover); +$pivot_filter_value_bg_active: var(--pivot_filter_value_bg_active); +$pivot_filter_value_color_active: var(--pivot_filter_value_color_active); +$pivot_treeview_item_selected_color: var(--pivot_treeview_item_selected_color); +$pivot_treeview_item_selected_bg: var(--pivot_treeview_item_selected_bg); +$pivot_treeview_item_selected_bg_hover: var(--pivot_treeview_item_selected_bg_hover); +$pivot_treeview_item_without_checkbox_bg: var(--pivot_treeview_item_without_checkbox_bg); +$pivot_dropdown_icon_color: var(--pivot_dropdown_icon_color); +$pivot_dropdown_icon_bg: var(--pivot_dropdown_icon_bg); +$pivot_selectbox_bg: var(--pivot_selectbox_bg); +$pivot_list_hover_bg: var(--pivot_list_hover_bg); +$pivot_dropdown_icon_color_active: var(--pivot_dropdown_icon_color_active); +$pivot_dropdown_icon_bg_active: var(--pivot_dropdown_icon_bg_active); +$pivot_list_selected_bg: var(--pivot_list_selected_bg); +$pivot_list_selected_color: var(--pivot_list_selected_color); +$pivot_list_selected_icon_color: var(--pivot_list_selected_icon_color); +$pivot_list_active_bg: var(--pivot_list_active_bg); +$pivot_list_active_color: var(--pivot_list_active_color); +$pivot_list_icon_color_active: var(--pivot_list_icon_color_active); +$pivot_list_focused_bg: var(--pivot_list_focused_bg); +$pivot_list_focused_color: var(--pivot_list_focused_color); +$pivot_filter_icon_color: var(--pivot_filter_icon_color); +$pivot_numberbox_spin_icon_color: var(--pivot_numberbox_spin_icon_color); +$pivot_numberbox_spin_icon_bg: var(--pivot_numberbox_spin_icon_bg); +$pivot_numberbox_spin_icon_bg_hover: var(--pivot_numberbox_spin_icon_bg_hover); +$pivot_numberbox_spin_icon_shadow_hover: var(--pivot_numberbox_spin_icon_shadow_hover); +$pivot_numberbox_spin_icon_bg_active: var(--pivot_numberbox_spin_icon_bg_active); +$pivot_numberbox_spin_icon_color_active: var(--pivot_numberbox_spin_icon_color_active); +$pivot_calendar_bg: var(--pivot_calendar_bg); +$pivot_calendar_color: var(--pivot_calendar_color); +$pivot_calendar_cell_color: var(--pivot_calendar_cell_color); +$pivot_calendar_empty_cell_color: var(--pivot_calendar_empty_cell_color); +$pivot_calendar_today_color: var(--pivot_calendar_today_color); +$pivot_calendar_hover_bg: var(--pivot_calendar_hover_bg); +$pivot_calendar_hover_color: var(--pivot_calendar_hover_color); +$pivot_calendar_active_bg: var(--pivot_calendar_active_bg); +$pivot_calendar_contoured_date_shadow: var(--pivot_calendar_contoured_date_shadow); +$pivot_calendar_selected_bg: var(--pivot_calendar_selected_bg); +$pivot_calendar_selected_color: var(--pivot_calendar_selected_color); +$pivot_btn_outlined_bg: var(--pivot_btn_outlined_bg); +$pivot_border_outlined_color: var(--pivot_border_outlined_color); +$pivot_calendar_navigator_color: var(--pivot_calendar_navigator_color); +$pivot_outlined_icon_color: var(--pivot_outlined_icon_color); +$pivot_btn_outlined_bg_hover: var(--pivot_btn_outlined_bg_hover); +$pivot_border_outlined_color_hover: var(--pivot_border_outlined_color_hover); +$pivot_btn_outlined_bg_focused: var(--pivot_btn_outlined_bg_focused); +$pivot_border_outlined_color_focused: var(--pivot_border_outlined_color_focused); +$pivot_btn_outlined_bg_active: var(--pivot_btn_outlined_bg_active); +$pivot_border_outlined_color_active: var(--pivot_border_outlined_color_active); +$pivot_outlined_icon_color_active: var(--pivot_outlined_icon_color_active); +$pivot_btn_bg_hover: var(--pivot_btn_bg_hover); +$pivot_filter_btn_fg: var(--pivot_filter_btn_fg); + +$pivot_color1: var(--pivot_color1); +$pivot_color2: var(--pivot_color2); +$pivot_color3: var(--pivot_color3); +$pivot_color4: var(--pivot_color4); +$pivot_color5: var(--pivot_color5); +$pivot_color6: var(--pivot_color6); +$pivot_color7: var(--pivot_color7); +$pivot_color8: var(--pivot_color8); +$pivot_color9: var(--pivot_color9); +$pivot_color10: var(--pivot_color10); +$pivot_color11: var(--pivot_color11); +$pivot_color12: var(--pivot_color12); +$pivot_color13: var(--pivot_color13); + +/* DropZone */ +$drop_zone_outline_fg: var(--drop_zone_outline_fg); +$drop_zone_text_fg: var(--drop_zone_text_fg); +$drop_zone_bg: var(--drop_zone_bg); + +/* ThreadsComments */ +$threadscommends_main_bg: var(--threadscommends_main_bg); +$threadscommends_panel_border: var(--threadscommends_panel_border); +$threadscommends_panel_color: var(--threadscommends_panel_color); +$threadscommends_panel_hover_color: var(--threadscommends_panel_hover_color); +$threadscommends_panel_bg: var(--threadscommends_panel_bg); +$threadscommends_panel_hover_bg: var(--threadscommends_panel_hover_bg); +$threadscommends_panel_icon_color: var(--threadscommends_panel_icon_color); +$threadscommends_con_bg: var(--threadscommends_con_bg); + +$comment_c_end_border: var(--comment_c_end_border); +$comment_c_h_author_color: var(--comment_c_h_author_color); +$comment_c_h_status_color: var(--comment_c_h_status_color); +$comment_c_h_status_hover: var(--comment_c_h_status_hover); +$comment_c_h_status_cursor: var(--comment_c_h_status_cursor); +$comment_c_h_date_color: var(--comment_c_h_date_color); +$comment_c_h_source_color: var(--comment_c_h_source_color); +$comment_ball_border: var(--comment_ball_border); +$comment_c_h_source_val_color: var(--comment_c_h_source_val_color); +$comment_c_h_draft_color: var(--comment_c_h_draft_color); +$comment_c_h_nocomments_color: var(--comment_c_h_nocomments_color); +$comment_c_btn_hover_shadow: var(--comment_c_btn_hover_shadow); +$comment_c_btn_hover_bg: var(--comment_c_btn_hover_bg); +$comment_c_btn_icon_color: var(--comment_c_btn_icon_color); +$comment_c_btn_r_color: var(--comment_c_btn_r_color); +$comment_c_btn_r_icon_color: var(--comment_c_btn_r_icon_color); +$comment_c_btn_green_color: var(--comment_c_btn_green_color); +$comment_c_btn_fg: var(--comment_c_btn_fg); +$comment_c_like_icon_color: var(--comment_c_like_icon_color); +$comment_c_like_icon_ac_color: var(--comment_c_like_icon_ac_color); +$comment_c_like_green_color: var(--comment_c_like_green_color); +$comment_c_like_blue_color: var(--comment_c_like_blue_color); +$comment_fav_icon_color: var(--comment_fav_icon_color); +$comment_fav_color: var(--comment_fav_color); +$comment_fav_icon_ac_color: var(--comment_fav_icon_ac_color); +$comment_base_text_color: var(--comment_base_text_color); +$comment_base_text_bg: var(--comment_base_text_bg); +$comment_base_link_color: var(--comment_base_link_color); +$comment_text_con_bg: var(--comment_text_con_bg); +$comment_text_con_color: var(--comment_text_con_color); +$comment_text_con_border: var(--comment_text_con_border); +$comment_btn_more_icon_color: var(--comment_btn_more_icon_color); +$comment_btn_more_hover_bg: var(--comment_btn_more_hover_bg); +$comment_btn_more_hover_border: var(--comment_btn_more_hover_border); +$comment_btn_more_con_border: var(--comment_btn_more_con_border); +$comment_btn_more_con_bg: var(--comment_btn_more_con_bg); +$comment_base_show_more_color: var(--comment_base_show_more_color); +$comment_base_show_more_shadow: var(--comment_base_show_more_shadow); +$comment_val_bg: var(--comment_val_bg); +$comment_val_border: var(--comment_val_border); +$comment_val_c_h_author_color: var(--comment_val_c_h_author_color); +$comment_file_bg: var(--comment_file_bg); +$comment_file_border: var(--comment_file_border); +$comment_file_color: var(--comment_file_color); +$comment_file_icon_color: var(--comment_file_icon_color); +$comment_color: var(--comment_color); +$thread_bg: var(--thread_bg); +$thread_border: var(--thread_border); +$thread_title_color: var(--thread_title_color); +$thread_footer_bg: var(--thread_footer_bg); +$thread_footer_color: var(--thread_footer_color); +$thread_footer_border: var(--thread_footer_border); +$thread_footer_hover_bg: var(--thread_footer_hover_bg); +$thread_footer_hover_color: var(--thread_footer_hover_color); +$thread_footer_btn_icon_color: var(--thread_footer_btn_icon_color); +$thread_editor_bg: var(--thread_editor_bg); +$thread_modal_bg: var(--thread_modal_bg); +$thread_modal_header_icon_color: var(--thread_modal_header_icon_color); +$thread_modal_text_color: var(--thread_modal_text_color); +$thread_modal_bts_color: var(--thread_modal_bts_color); +$thread_modal_bts_fs: var(--thread_modal_bts_fs); + +$threads_modal_overlay_bg: var(--threads_modal_overlay_bg); +$threads_modal_con_bg: var(--threads_modal_con_bg); + +$th_chips_default_color: var(--th_chips_default_color); + +$th_btn_cancel_fg: var(--th_btn_cancel_fg); +$th_btn_cancel_bg: var(--th_btn_cancel_bg); +$th_btn_cancel_border: var(--th_btn_cancel_border); +$th_btn_cancel_hover: var(--th_btn_cancel_hover); +$th_btn_draft_fg: var(--th_btn_draft_fg); +$th_btn_draft_bg: var(--th_btn_draft_bg); +$th_btn_save_fg: var(--th_btn_save_fg); +$th_btn_save_bg: var(--th_btn_save_bg); +$th_btn_save_hover: var(--th_btn_save_hover); +$th_btn_save_fs: var(--th_btn_save_fs); +$th_btn_active_bg: var(--th_btn_active_bg); +$th_btn_active_border: var(--th_btn_active_border); + +/* TestRecorder */ +$recorder_bg: var(--recorder_bg); +$recorder_color: var(--recorder_color); +$recorder_shadow: var(--recorder_shadow); +$recorder_border_fg: var(--recorder_border_fg); +$recorder_active_shadow: var(--recorder_active_shadow); +$recorder_button_active_bg: var(--recorder_button_active_bg); +$recorder_button_active_shadow: var(--recorder_button_active_shadow); +$recorder_button_shadow: var(--recorder_button_shadow); +$recorder_button_hover_shadow: var(--recorder_button_hover_shadow); +$recorder_button_active_color: var(--recorder_button_active_color); +$recorder_button_disabled_color: var(--recorder_button_disabled_color); +$recorder_stop_box_shadow : var(--recorder_stop_box_shadow); +$recorder_stop_bcg : var(--recorder_stop_bcg); + +//Premium only +$popup_nav_search_bg: var(--popup_nav_search_bg); +$popup_nav_main_bg: var(--popup_nav_main_bg); +$popup_nav_search_fg: var(--popup_nav_search_fg); +$popup_nav_icon: var(--popup_nav_icon); +$popup_nav_marked_icon: var(--popup_nav_marked_icon); +$popup_nav_fg: var(--popup_nav_fg); +$popup_nav_con_bg: var(--popup_nav_con_bg); +$popup_nav_con_fg: var(--popup_nav_con_fg); +$popup_nav_item_hover_bg: var(--popup_nav_item_hover_bg); +$popup_nav_item_hover_fg: var(--popup_nav_item_hover_fg); +$popup_nav_marked_border: var(--popup_nav_marked_border); +$popup_nav_arrows_border: var(--popup_nav_arrows_border); +$popup_nav_group_arrows_border: var(--popup_nav_group_arrows_border); +$popup_nav_arrows_icon: var(--popup_nav_arrows_icon); +$popup_nav_arrows_hover_bg: var(--popup_nav_arrows_hover_bg); +$popup_nav_arrows_con_icon: var(--popup_nav_arrows_con_icon); + +$splash_logo_first_section: var(--splash_logo_first_section); +$splash_logo_second_section: var(--splash_logo_second_section); +$splash_logo_third_section: var(--splash_logo_third_section); + +$logoColor1: var(--logoColor1); +$logoColor2: var(--logoColor2); +$logoColor3: var(--logoColor3); +//<-- + +//Fido Window +$mfa_svg_fill: var(--mfa_svg_fill); +$mfa_label_fg: var(--mfa_label_fg); +$mfa_font_family: var(--mfa_font_family); +// <-- + +//Kanban +$kanban_default_operator_bg: var(--kanban_default_operator_bg); +$kanban_list_fg: var(--kanban_list_fg); +$kanban_list_bg: var(--kanban_list_bg); +$kanban_item_bg: var(--kanban_item_bg); +$kanban_item_fg: var(--kanban_item_fg); +$kanban_item_border: var(--kanban_item_border); +$kanban_item_box_shadow: var(--kanban_item_box_shadow); +$kanban_item_text_fg: var(--kanban_item_text_fg); + +//TimelineClock +$timeline_bg: var(--timeline_bg); +$timeline_fg: var(--timeline_fg); +$timeline_hour_circle: var(--timeline_hour_circle); +$timeline_area_circle: var(--timeline_area_circle); +$timeline_text_fg: var(--timeline_text_fg); +$timeline_indicator: var(--timeline_indicator); +$timeline_current_time_circle: var(--timeline_current_time_circle); + +// FolderTabBar +$folder_tab_item_bg: var(--folder_tab_item_bg); +$folder_tab_item_fg: var(--folder_tab_item_fg); +$folder_tab_item_ac_bg: var(--folder_tab_item_ac_bg); +$folder_tab_item_ac_fg: var(--folder_tab_item_ac_fg); + +//CircularIndicator +$circular_indicator_bg: var(--timeline_bg); +$circular_indicator_fg: var(--timeline_fg); + +/* WaitingIndicator */ +$wi_color1: var(--wi_color1); +$wi_color2: var(--wi_color2); +$wi_color3: var(--wi_color3); +$wi_color4: var(--wi_color4); +$wi_icon: var(--wi_icon); +$wi_bg: var(--wi_bg); +$wi_shadow: var(--wi_shadow); +$wi_fg: var(--wi_fg); +$wi_text_size: var(--modal_bar_title_font); +// <-- \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/VerifierBar.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/VerifierBar.module.scss new file mode 100644 index 0000000..4439d2e --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/VerifierBar.module.scss @@ -0,0 +1,160 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.fadeInUp :global { + -webkit-animation-name: fadeInUp; + animation-name: fadeInUp; + -webkit-animation-duration: 0.6s; + animation-duration: 0.6s; + -webkit-animation-fill-mode: both; + animation-fill-mode: both; +} + +.verifier { + @include partial-ellipsis; + @extend .fadeInUp; + position: fixed; + display: inline-flex; + bottom: 0; + left: 0; + height: $window_top_margin; + width: 100%; + opacity: 1; + z-index: 210000; + + &.error { + color: $verifier_error_color; + background-color: $verifier_error_bg; + + .verifier-icon { + background-color: $verifier_error_icon_bg; + } + + path { + fill: $verifier_error_color; + } + } + + &.warning { + color: $verifier_warning_color; + background-color: $verifier_warning_bg; + + .verifier-icon { + background-color: $verifier_warning_icon_bg; + } + + path { + fill: $verifier_warning_color; + } + } + + &.info { + // wartość 2.4s jest wyliczona jako: + // czas ustawiony w komponencie VerifierBar po którym zostanie on ukryty (3s) minus czas trwania animacji (0.6s) + @include animateFadeInUpFadeOutDown(5.4s); + color: $verifier_info_color; + background-color: $verifier_info_bg; + + .verifier-icon { + background-color: $verifier_info_icon_bg; + } + + path { + fill: $verifier_info_color; + } + } + + &.verifier-hide { + display: none; + } + + .verifier-icon { + @include partial-column-center; + float: left; + height: inherit; + width: $window_top_margin; + + svg { + width: 24px; + } + } + + .verifier-title { + @include partial-ellipsis; + width: calc(100% - (2 *#{$window_top_margin})); + height: inherit; + padding: 0 4px; + line-height: $window_top_margin; + font-size: $font_size_label; + } + + .verifier-close { + @include partial-column-center; + float: right; + height: inherit; + width: $window_top_margin; + cursor: pointer; + + svg { + width: 16px; + } + } +} + +.premium { + &.verifier { + height: 48px; + + .verifier-icon { + @include partial-column-center; + float: left; + height: 48px; + width: 48px; + margin-left: 15px; + + svg { + width: 28px; + } + } + + .verifier-title { + line-height: 48px; + font-size: 11px; + } + + .verifier-close { + width: 48px; + } + + &.error { + .verifier-icon { + background-color: unset; + } + + .verifier-close { + background-color: $verifier_error_icon_bg; + } + } + + &.warning { + .verifier-icon { + background-color: unset; + } + + .verifier-close { + background-color: $verifier_warning_icon_bg; + } + } + + &.info { + .verifier-icon { + background-color: unset; + } + + .verifier-close { + background-color: $verifier_info_icon_bg; + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/WaitingIndicator.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/WaitingIndicator.module.scss new file mode 100644 index 0000000..418ab1a --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/WaitingIndicator.module.scss @@ -0,0 +1,101 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +$blur-size: 20px; + +.waiting-indicator-screen { + position: fixed; + top: 0; + left:0; + width: 100%; + height: 100%; + z-index: 1000000; + background-color: $loader_bg; + + animation-name: loaderEnter; + animation-iteration-count: 1; + animation-timing-function: ease-in; + animation-duration: 0.4s; + + -webkit-animation-name: loaderEnter; + -webkit-animation-iteration-count: 1; + -webkit-animation-timing-function: ease-in; + -webkit-animation-duration: 0.4s; + + @include flexDisplay(); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); +} + +.loader-container { + @include flexDisplay(); + @include flexDirection(column); + @include flexJustifyContent(space-around, space-around); + @include flexAlignItems(center, center); + background-color: $wi_bg; + backdrop-filter: blur($blur-size); + box-shadow: $wi_shadow; + border-radius: $modal_border_radius; + padding-bottom: 20px; + -webkit-backdrop-filter: blur($blur-size); + + .loader-icon { + @include flexDisplay(); + @include flexDirection(row); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + width: 600px; + height: 238px; + padding: 30px 40px 0px 50px; + + svg { + width: 128px; + height: 128px; + + path { + fill: $wi_icon; + } + } + } +} + +.loader-message { + color: $wi_fg; + font-size: $wi_text_size; +} + +span.loader { + width: 15px; + height: 15px; + border-radius: 50%; + display: block; + margin: 15px auto; + position: relative; + box-sizing: border-box; + animation: animloader 1.5s linear infinite; +} + +@keyframes animloader { + 0%, + 100% { + box-shadow: 22px 0 0 0px var(--wi_color3), 62px 0 0 0px var(--wi_color4), + -22px 0 0 0px var(--wi_color2), -62px 0 0 0px var(--wi_color1); + } + 20% { + box-shadow: 22px 0 0 0px var(--wi_color3), 62px 0 0 0px var(--wi_color4), + -22px 0 0 0px var(--wi_color2), -62px 0 0 7.5px var(--wi_color1); + } + 40% { + box-shadow: 22px 0 0 0px var(--wi_color3), 62px 0 0 0px var(--wi_color4), + -22px 0 0 7.5px var(--wi_color2), -62px 0 0 0px var(--wi_color1); + } + 60% { + box-shadow: 22px 0 0 7.5px var(--wi_color3), 62px 0 0 0px var(--wi_color4), + -22px 0 0 0px var(--wi_color2), -62px 0 0 0px var(--wi_color1); + } + 80% { + box-shadow: 22px 0 0 0px var(--wi_color3), 62px 0 0 7.5px var(--wi_color4), + -22px 0 0 0px var(--wi_color2), -62px 0 0 0px var(--wi_color1); + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/Window.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/Window.module.scss new file mode 100644 index 0000000..aff9cca --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/Window.module.scss @@ -0,0 +1,53 @@ +@import "./Variables.scss"; + +.window { + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + overflow: auto; + background-color: $window_main_bg; + + .form { + left: 0; + } +} + +.main-menu { + top: 0; + border-radius: 12px; + background-color: $window_main_menu_bg; +} + +.window-disabled-scroll { + position: fixed; + overflow: hidden; + top: $window_top_margin; + left: 0; + bottom: 0; + right: 0; +} + +.window-premium { + left: 10px; + background-color: $window_bg; + + .form { + left: 50px; + background-color: $window_bg; + } + + &.main-menu { + left: 10px; + } +} + +.window-premium-console { + left: 0px; +} + +// Scrollbar +::-webkit-scrollbar:not(.e-diagram) { + width: 0px; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/WindowBarBrowser.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/WindowBarBrowser.module.scss new file mode 100644 index 0000000..e66c273 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/WindowBarBrowser.module.scss @@ -0,0 +1,190 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +$wb_split_content_title_width: calc(100% - 44px) !default; +$wb_command_height: auto !default; +$wb_command_content_height: 30px !default; +$wb_command_content_title_width: calc(100% - 24px) !default; +$wb_command_content_title_height: auto !default; +$wb_command_content_icon_width: 24px !default; +$wb_command_content_icon_height: inherit !default; +$wb_command_content_icon_svg_width: 16px !default; +$wb_command_content_icon_svg_height: inherit !default; + +.wb { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 40px; + background-color: $wb_bg; + box-shadow: $wb_shadow; + + border-top-right-radius: 12px; + border-bottom-left-radius: 12px; + border-bottom-right-radius: 12px; + border: 1px solid transparent; + + &:focus-visible { + @include focus($outline-offset: -1px, + $box-shadow: inset 0 0 3px 1px #016E46, + ); + } + + &.wiz { + left: 0; + } + + .wb-content { + position: absolute; + left: 0; + width: 100%; + + .wb-line { + @include partial-row-center-start; + @include flexJustifyContent(space-between, justify); + position: absolute; + top: 0; + left: 0; + width: 100%; + } + + .wb-commands-mainline { + @include partial-row-center-start; + position: absolute; + top: 16px; + right: 12px; + height: inherit; + flex-wrap: nowrap; + justify-content: flex-end; + align-content: space-around; + } + + .wb-commands-line { + @include partial-row-center-end; + width: 100%; + max-height: 42px; + right: 10px; + } + + .wb-extra-lines { + @include partial-column-center; + @include flexAlignItems(flex-end, end); + position: absolute; + top: 50px; + right: 0px; + left: 0; + width: 100%; + min-height: 36px; + padding: 5px 12px 0 10px; + gap: 8px; + + .wb-extraline { + @include partial-row-center-end; + @include flexAlignItems(flex-start, start); + width: 100%; + } + } + + .wb-commands-mainline, + .wb-extra-lines .wb-extraline { + gap: 8px; + } + + .wb-header { + @include partial-row-center; + @include flexJustifyContent(flex-start, start); + position: absolute; + top: 11px; + left: 10px; + height: 40px; + gap: 8px; + + &:focus-visible { + @include focus(); + } + + .wb-fav-container { + @include partial-column-center; + height: inherit; + width: 26px; + padding-bottom: 2px; + + .wb-icon { + cursor: pointer; + color: $wb_header_icon_color; + + svg { + @include partial-column-center; + height: inherit; + width: 16px; + + path { + fill: $wb_header_icon_color; + } + } + + &.active { + color: $wb_header_icon_fav_color; + + svg { + path { + fill: $wb_header_icon_fav_color; + } + } + } + } + } + + .wb-nav-form { + @include partial-row-center-start; + height: inherit; + gap: 5px; + + .wb-nav:not(:first-child) { + margin-left: 5px; + } + } + + .wb-text { + @include partial-row-center-start; + height: inherit; + width: calc(100% - 30px); + font-family: $wb_header_font_family; + font-size: $wb_header_font_size; + line-height: calc($wb_header_font_size + 2pt); + font-weight: normal; + color: $wb_header_color; + margin: 0; + + span { + @include partial-ellipsis; + } + + &.no-fav { + left: 10px; + } + } + + .wb-nav-form + .wb-text { + left: 85px; + width: calc(100% - 85px); + } + } + } + + .wb-wiz { + @include partial-row-center-start; + position: absolute; + top: 42px; + left: 10px; + right: 10px; + height: 80px; + } +} + +.wb-menu { + right: 0; + border-bottom: none; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/WindowBarCommands.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/WindowBarCommands.module.scss new file mode 100644 index 0000000..42e548f --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/WindowBarCommands.module.scss @@ -0,0 +1,49 @@ +@import '../common/PredefinedMixins.scss'; +@import './partial.scss'; +@import './Variables.scss'; + +.wb-commands { + @include partial-row-center-start; + @include flexAlignItems(flex-end, end); + @include flexDirection(column); + position: absolute; + right: 6px; + top: 0; + height: inherit; + border: 1px solid transparent; + + &:focus-visible { + @include focus( + $outline-width: 0px, + $outline-offset: 0px, + $border: $focus_border, + $box-shadow: none + ); + } + + .wb-commands-mainline { + @include partial-row-center-start; + @include flexAlignContent(space-around, space-around); + top: 0; + right: 10px; + height: inherit; + height: 38px; + padding-top: 2px; + gap: 6px; + } + + .wb-commands-line { + @include partial-row-center-end; + width: 100%; + max-height: 26px; + right: 10px; + gap: 6px; + } +} + +.wb-commands-console { + @include partial-row-center-end; + width: 100%; + height: 100%; + margin-right: 2px; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/WindowBarNavFormCommand.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/WindowBarNavFormCommand.module.scss new file mode 100644 index 0000000..04d33ce --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/WindowBarNavFormCommand.module.scss @@ -0,0 +1,72 @@ +@import '../common/PredefinedMixins.scss'; +@import './partial.scss'; +@import './Variables.scss'; + +.wb-nav { + @include partial-transition; + cursor: pointer; + border-radius: 8px; + color: $command_secondary_fg; + background-color: transparent; + margin: 0; + padding: 0; + width: 32px; + height: auto; + border: none; + box-shadow: none; + + &:focus-visible { + @include focus(); + } + + .content { + @include partial-column-center; + width: inherit; + height: 30px; + + .icon { + @include partial-column-center; + width: inherit; + height: inherit; + + svg { + width: 16px; + height: inherit; + + path { + fill: $command_secondary_fg; + } + } + } + } + + &:hover:not(.disabled), + &.hover:not(.disabled):not(:focus-visible) { + color: $command_secondary_hover_fg; + background-color: $command_secondary_hover_bg; + box-shadow: $command_shadow; + + .content { + .icon svg path { + fill: $command_secondary_hover_fg; + } + } + } + + &:active { + background-color: $command_form_active_bg; + color: $command_form_active_fg; + box-shadow: $command_shadow; + + .content { + .icon svg path { + fill: $command_form_active_fg; + } + } + } + + &.disabled { + cursor: default; + opacity: 0.6; + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/WizardBar.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/WizardBar.module.scss new file mode 100644 index 0000000..3a666f9 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/WizardBar.module.scss @@ -0,0 +1,14 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.wizard-bar { + @include flexDisplay; + @include flexWrap(wrap); + @include flexJustifyContent(space-between, justify); + position: absolute; + height: 90px; + bottom: 16px; + left: 16px; + right: 16px; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/WizardStepsBar.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/WizardStepsBar.module.scss new file mode 100644 index 0000000..304be06 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/WizardStepsBar.module.scss @@ -0,0 +1,74 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; + +.wb-wiz { + @include partial-row-center-start; + position: absolute; + top: 46px; + left: 16px; + right: 16px; + height: 36px; + font-family: $tertiaryFont; + + .wiz-step { + @include partial-row-center-start; + width: 210px; + gap: 8px; + + .step-cir { + @include partial-column-center; + @include flexSelf(0, 0, auto); + width: 24px; + height: 24px; + -moz-border-radius: 50%; + -webkit-border-radius: 50%; + border-radius: 50%; + background-color: $wizard_step; + + .con-icon { + height: 21px; + width: 21px; + padding-right: 3px; + padding-top: 2px; + + path { + fill: $wizard_step_icon; + } + } + + &.prev { + background-color: $wizard_step_prev; + } + + &.active { + background-color: transparent; + border: 2px solid $wizard_step_active; + } + } + + .step-desc { + @include partial-ellipsis; + @include flexSelf(0, 1, auto); + margin-left: 2px; + font-size: 14px; + color: $wizard_step_fg; + } + + .step-sep { + @include flexSelf(1, 1, auto); + min-width: 16px; + margin-right: 8px; + border-bottom: 2px solid $wizard_step; + transform: translateY(-50%); + + &.prev { + border-color: $wizard_step_prev; + } + + &.active { + border-color: $wizard_step_active; + } + } + } +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/WizardWindow.module.scss b/soneta-ui-style/wzorce/css/fullbrowser/WizardWindow.module.scss new file mode 100644 index 0000000..be7308d --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/WizardWindow.module.scss @@ -0,0 +1,13 @@ +@import "../common/PredefinedMixins.scss"; +@import "./partial.scss"; +@import "./Variables.scss"; +@import "./Window.module.scss"; + +.wizard-content { + position: absolute; + top: 64px; + width: 100%; + max-height: calc(100% - 116px); + padding: 0px 24px; + overflow-y: auto; +} diff --git a/soneta-ui-style/wzorce/css/fullbrowser/animations.scss b/soneta-ui-style/wzorce/css/fullbrowser/animations.scss new file mode 100644 index 0000000..fca7c31 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/animations.scss @@ -0,0 +1,537 @@ +// // Animation + +// /** +// * ---------------------------------------- +// * slide in from top +// * ---------------------------------------- +// */ +// .animationLightSpeedIn :global { +// animation-duration: 0.8s; +// animation-fill-mode: both; +// animation-name: lightSpeedIn; +// animation-timing-function: ease-out; +// -webkit-animation-duration: 0.5s; +// -webkit-animation-fill-mode: both; +// -webkit-animation-name: lightSpeedIn; +// -webkit-animation-timing-function: ease-out; +// } + +// @-webkit-keyframes lightSpeedIn { +// 0% { +// -webkit-transform: translateY(-100%); +// opacity: 0; +// } + +// 60% { +// -webkit-transform: translateY(20%); +// opacity: 1; +// } + +// 80% { +// -webkit-transform: translateY(0%); +// opacity: 1; +// } + +// 100% { +// -webkit-transform: translateY(0%); +// opacity: 1; +// } +// } + +// @keyframes lightSpeedIn { +// 0% { +// transform: translateY(-100%); +// opacity: 0; +// } + +// 60% { +// transform: translateY(20%); +// opacity: 1; +// } + +// 80% { +// transform: translateY(0%); +// opacity: 1; +// } + +// 100% { +// transform: translateY(0%); +// opacity: 1; +// } +// } + +// /** +// * ---------------------------------------- +// * slide left and right +// * ---------------------------------------- +// */ +// .animationLightSpeedRollLeft :global { +// animation-duration: 0.5s; +// animation-fill-mode: both; +// animation-name: RollXLeft; +// animation-timing-function: ease-out; +// -webkit-animation-duration: 0.5s; +// -webkit-animation-fill-mode: both; +// -webkit-animation-name: RollXLeft; +// -webkit-animation-timing-function: ease-out; +// } + +// @-webkit-keyframes RollXLeft { +// 0% { +// -webkit-transform: translateX(-100%); +// opacity: 0; +// } + +// 60% { +// -webkit-transform: translateX(0%); +// opacity: 1; +// } + +// 80% { +// -webkit-transform: translateX(0%); +// opacity: 1; +// } + +// 100% { +// -webkit-transform: translateX(0%); +// opacity: 1; +// } +// } + +// .animationLightSpeedRollRight :global { +// animation-duration: 0.5s; +// animation-fill-mode: both; +// animation-name: RollXRight; +// animation-timing-function: ease-out; +// -webkit-animation-duration: 0.5s; +// -webkit-animation-fill-mode: both; +// -webkit-animation-name: RollXRight; +// -webkit-animation-timing-function: ease-out; +// } + +// @-webkit-keyframes RollXRight { +// 0% { +// -webkit-transform: translateX(100%); +// opacity: 0; +// } + +// 60% { +// -webkit-transform: translateX(0%); +// opacity: 1; +// } + +// 80% { +// -webkit-transform: translateX(0%); +// opacity: 1; +// } + +// 100% { +// -webkit-transform: translateX(0%); +// opacity: 1; +// } +// } + +// @-webkit-keyframes anim-open { +// 0% { +// opacity: 0; +// -webkit-transform: scale3d(0, 0, 1); +// } + +// 100% { +// opacity: 1; +// -webkit-transform: scale3d(1, 1, 1); +// } +// } + +// @-webkit-keyframes anim-close { +// 0% { +// opacity: 0; +// -webkit-transform: scale3d(0, 0, 1); +// } + +// 100% { +// opacity: 1; +// -webkit-transform: scale3d(1, 1, 1); +// } +// } + +// @keyframes anim-open { +// 0% { +// opacity: 0; +// transform: scale3d(0, 0, 1); +// } + +// 100% { +// opacity: 1; +// transform: scale3d(1, 1, 1); +// } +// } + +// @keyframes anim-close { +// 0% { +// opacity: 0; +// transform: scale3d(0, 0, 1); +// } + +// 100% { +// opacity: 1; +// transform: scale3d(1, 1, 1); +// } +// } + +// /** +// * ---------------------------------------- +// * BounceIn +// * ---------------------------------------- +// */ +// @-webkit-keyframes bounceIn { +// 0%, 20%, 40%, 60%, 80%, 100% { +// -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); +// transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); +// } + +// 0% { +// opacity: 0; +// -webkit-transform: scale3d(.3, .3, .3); +// transform: scale3d(.3, .3, .3); +// } + +// 20% { +// -webkit-transform: scale3d(1.1, 1.1, 1.1); +// transform: scale3d(1.1, 1.1, 1.1); +// } + +// 40% { +// -webkit-transform: scale3d(.9, .9, .9); +// transform: scale3d(.9, .9, .9); +// } + +// 60% { +// opacity: 1; +// -webkit-transform: scale3d(1.03, 1.03, 1.03); +// transform: scale3d(1.03, 1.03, 1.03); +// } + +// 80% { +// -webkit-transform: scale3d(.97, .97, .97); +// transform: scale3d(.97, .97, .97); +// } + +// 100% { +// opacity: 1; +// -webkit-transform: scale3d(1, 1, 1); +// transform: scale3d(1, 1, 1); +// } +// } + +// @keyframes bounceIn { +// 0%, 20%, 40%, 60%, 80%, 100% { +// -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); +// transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); +// } + +// 0% { +// opacity: 0; +// -webkit-transform: scale3d(.3, .3, .3); +// transform: scale3d(.3, .3, .3); +// } + +// 20% { +// -webkit-transform: scale3d(1.1, 1.1, 1.1); +// transform: scale3d(1.1, 1.1, 1.1); +// } + +// 40% { +// -webkit-transform: scale3d(.9, .9, .9); +// transform: scale3d(.9, .9, .9); +// } + +// 60% { +// opacity: 1; +// -webkit-transform: scale3d(1.03, 1.03, 1.03); +// transform: scale3d(1.03, 1.03, 1.03); +// } + +// 80% { +// -webkit-transform: scale3d(.97, .97, .97); +// transform: scale3d(.97, .97, .97); +// } + +// 100% { +// opacity: 1; +// -webkit-transform: scale3d(1, 1, 1); +// transform: scale3d(1, 1, 1); +// } +// } + +// /** +// * ---------------------------------------- +// * FadeInUp +// * ---------------------------------------- +// */ +// @-webkit-keyframes fadeInUp { +// 0% { +// opacity: 0; +// -webkit-transform: translate3d(0, 100%, 0); +// transform: translate3d(0, 100%, 0); +// } + +// 100% { +// opacity: 1; +// -webkit-transform: none; +// transform: none; +// } +// } + +// @keyframes fadeInUp { +// 0% { +// opacity: 0; +// -webkit-transform: translate3d(0, 100%, 0); +// transform: translate3d(0, 100%, 0); +// } + +// 100% { +// opacity: 1; +// -webkit-transform: none; +// transform: none; +// } +// } + + +// /** +// * ---------------------------------------- +// * FadeOutDown +// * ---------------------------------------- +// */ + +// @-webkit-keyframes fadeOutDown { +// 0% { +// opacity: 1; +// -webkit-transform: translateY(0%); +// transform: translateY(0%); +// } + +// 100% { +// opacity: 0; +// -webkit-transform: translateY(100%); +// transform: translateY(100%); +// } +// } + +// @keyframes fadeOutDown { +// 0% { +// opacity: 1; +// -webkit-transform: translateY(0%); +// transform: translateY(0%); +// } + +// 100% { +// opacity: 0; +// -webkit-transform: translateY(100%); +// transform: translateY(100%); +// } +// } + + +// /** +// * ---------------------------------------- +// * LightSpeedIn +// * ---------------------------------------- +// */ +// .lightSpeedIn :global { +// -webkit-animation-name: lightSpeedIn; +// animation-name: lightSpeedIn; +// -webkit-animation-timing-function: ease-out; +// animation-timing-function: ease-out; +// -webkit-animation-duration: 1s; +// animation-duration: 1s; +// -webkit-animation-fill-mode: both; +// animation-fill-mode: both; +// } + +// @-webkit-keyframes lightSpeedIn { +// 0% { +// -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); +// transform: translate3d(100%, 0, 0) skewX(-30deg); +// opacity: 0; +// } + +// 60% { +// -webkit-transform: skewX(20deg); +// transform: skewX(20deg); +// opacity: 1; +// } + +// 80% { +// -webkit-transform: skewX(-5deg); +// transform: skewX(-5deg); +// opacity: 1; +// } + +// 100% { +// -webkit-transform: none; +// transform: none; +// opacity: 1; +// } +// } + +// @keyframes lightSpeedIn { +// 0% { +// -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); +// transform: translate3d(100%, 0, 0) skewX(-30deg); +// opacity: 0; +// } + +// 60% { +// -webkit-transform: skewX(20deg); +// transform: skewX(20deg); +// opacity: 1; +// } + +// 80% { +// -webkit-transform: skewX(-5deg); +// transform: skewX(-5deg); +// opacity: 1; +// } + +// 100% { +// -webkit-transform: none; +// transform: none; +// opacity: 1; +// } +// } + + +// /** +// * ---------------------------------------- +// * animation shadow-drop-center +// * ---------------------------------------- +// */ +// @-webkit-keyframes shadow-drop-center { +// 0% { +// -webkit-transform: translateZ(0); +// transform: translateZ(0); +// box-shadow: 0 0 0 0 rgba($pureBlack, 0); +// } + +// 100% { +// -webkit-transform: translateZ(50px); +// transform: translateZ(50px); +// box-shadow: 0 0 20px 0px rgba($pureBlack, 0.35); +// } +// } + +// @keyframes shadow-drop-center { +// 0% { +// -webkit-transform: translateZ(0); +// transform: translateZ(0); +// box-shadow: 0 0 0 0 rgba($pureBlack, 0); +// } + +// 100% { +// -webkit-transform: translateZ(50px); +// transform: translateZ(50px); +// box-shadow: 0 0 20px 0px rgba($pureBlack, 0.35); +// } +// } + +// /** +// * ---------------------------------------- +// * animation shadow-inset-center +// * ---------------------------------------- +// */ +// @-webkit-keyframes shadow-inset-center { +// 0% { +// box-shadow: inset 0 0 0 0 rgba($pureBlack, 0); +// } + +// 100% { +// box-shadow: inset 0 0 14px 0px rgba($pureBlack, 0.5); +// } +// } + +// @keyframes shadow-inset-center { +// 0% { +// box-shadow: 0 0 20px 0px rgba($pureBlack, 0.35); +// } + +// 100% { +// box-shadow: 0 0 1px 1px rgba(175, 175, 175, 0.1), 0 0 1px 1px rgba(175, 175, 175, 0.2); +// } +// } + + + +// /** +// * ---------------------------------------- +// * animation swing-in-top-fwd +// * ---------------------------------------- +// */ +// @-webkit-keyframes swing-in-top-fwd { +// 0% { +// -webkit-transform: rotateX(-100deg); +// transform: rotateX(-100deg); +// -webkit-transform-origin: top; +// transform-origin: top; +// opacity: 0; +// } + +// 100% { +// -webkit-transform: rotateX(0deg); +// transform: rotateX(0deg); +// -webkit-transform-origin: top; +// transform-origin: top; +// opacity: 1; +// } +// } + +// @keyframes swing-in-top-fwd { +// 0% { +// -webkit-transform: rotateX(-100deg); +// transform: rotateX(-100deg); +// -webkit-transform-origin: top; +// transform-origin: top; +// opacity: 0; +// } + +// 100% { +// -webkit-transform: rotateX(0deg); +// transform: rotateX(0deg); +// -webkit-transform-origin: top; +// transform-origin: top; +// opacity: 1; +// } +// } + +// /** +// * ---------------------------------------- +// * animation flip-in-hor-bottom +// * ---------------------------------------- +// */ +// @-webkit-keyframes flip-in-hor-bottom { +// 0% { +// -webkit-transform: rotateX(80deg); +// transform: rotateX(80deg); +// opacity: 0; +// } + +// 100% { +// -webkit-transform: rotateX(0); +// transform: rotateX(0); +// opacity: 1; +// } +// } + +// @keyframes flip-in-hor-bottom { +// 0% { +// -webkit-transform: rotateX(80deg); +// transform: rotateX(80deg); +// opacity: 0; +// } + +// 100% { +// -webkit-transform: rotateX(0); +// transform: rotateX(0); +// opacity: 1; +// } +// } diff --git a/soneta-ui-style/wzorce/css/fullbrowser/general.scss b/soneta-ui-style/wzorce/css/fullbrowser/general.scss new file mode 100644 index 0000000..d145d0a --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/general.scss @@ -0,0 +1,53 @@ +$font_size_body: 10pt; + +* { + box-sizing: border-box; +} + +body { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: 0; + padding: 0; + width: 100%; + height: 100%; + line-height: 20px; + display: block; + font-size: $font_size_body; + font-family: $defaultFont; + background: $theme_bg; + background-size: cover; + background-attachment: fixed; + color: pink; + @extend .unselectable; +} +//będzie potrzebne by nie tworzył mechanizmu zazaczania na nie potrzebnych elementach +.unselectable { + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +.container { + @extend .unselectable; + height: 100%; +} + +.noscroll { + overflow: hidden; +} + +input[type=text]::-ms-clear, +input[role=textbox]::-ms-clear { + display: none; +} + +template { + display: none; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/generalPremium.scss b/soneta-ui-style/wzorce/css/fullbrowser/generalPremium.scss new file mode 100644 index 0000000..27af8e8 --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/generalPremium.scss @@ -0,0 +1,7 @@ +@import "./general.scss"; + +$font_size_label: 10pt; + +body { + background: $theme_body_bg; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/iscroll.scss b/soneta-ui-style/wzorce/css/fullbrowser/iscroll.scss new file mode 100644 index 0000000..f95e49c --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/iscroll.scss @@ -0,0 +1,6 @@ +.iScrollBothScrollbars.iScrollVerticalScrollbar { + width: 10px; +} +.iScrollBothScrollbars.iScrollHorizontalScrollbar { + height: 10px; +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/fullbrowser/partial.scss b/soneta-ui-style/wzorce/css/fullbrowser/partial.scss new file mode 100644 index 0000000..2e8828c --- /dev/null +++ b/soneta-ui-style/wzorce/css/fullbrowser/partial.scss @@ -0,0 +1,450 @@ +@mixin partial-box-shadow { + box-shadow: $theme_shadow; + -webkit-box-shadow: $theme_shadow; + -moz-box-shadow: $theme_shadow; +} + +@mixin partial-editor-shadow { + -moz-box-shadow: 0px 0px 3px 1px $theme_darkprimary_fg; + -webkit-box-shadow: 0px 0px 3px 1px $theme_darkprimary_fg; + box-shadow: 0px 0px 3px 1px $theme_darkprimary_fg; +} + +@mixin partial-editor-shadow-premium { + -webkit-box-shadow: 0px 3px 6px 1px rgba(61, 207, 120, 0.17); + -moz-box-shadow: 0px 3px 6px 1px rgba(61, 207, 120, 0.17); + box-shadow: 0px 3px 6px 1px rgba(61, 207, 120, 0.17); +} + +@mixin partial-command-title-height { + font-size: 10pt; + padding-left: 10px; + line-height: 48px; +} + +@mixin partial-column-center { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(column); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + @include flexAlignContent(stretch, stretch); +} + +@mixin partial-column-center-start { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(column); + @include flexJustifyContent(center, center); + @include flexAlignItems(flex-start, start); + @include flexAlignContent(flex-start, start); +} + +@mixin partial-column-start-start { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(column); + @include flexJustifyContent(flex-start, start); + @include flexAlignItems(flex-start, start); + @include flexAlignContent(flex-start, start); +} + +@mixin partial-column-start-start-wrap { + @include flexWrap(wrap); + @include flexDirection(column); + @include flexJustifyContent(flex-start, start); + @include flexAlignItems(flex-start, start); + @include flexAlignContent(inherit, inherit); +} + +@mixin partial-column-center-end { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(column); + @include flexJustifyContent(center, center); + @include flexAlignItems(flex-end, end); + @include flexAlignContent(flex-start, start); +} + +@mixin partial-column-center-space-between { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(column); + @include flexJustifyContent(space-between, justify); + @include flexAlignItems(center, center); + @include flexAlignContent(stretch, stretch); +} + +@mixin partial-column-start { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(column); + @include flexJustifyContent(flex-start, start); + @include flexAlignItems(center, center); + @include flexAlignContent(stretch, stretch); +} + +@mixin partial-column-start-bottom { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(row); + @include flexJustifyContent(flex-start, start); + @include flexAlignItems(flex-end, end); + @include flexAlignContent(stretch, stretch); +} + +@mixin partial-row-center { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(row); + @include flexJustifyContent(center, center); + @include flexAlignItems(center, center); + @include flexAlignContent(stretch, stretch); +} + +@mixin partial-row-center-top { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(row); + @include flexJustifyContent(center, center); + @include flexAlignItems(flex-start, start); + @include flexAlignContent(stretch, stretch); +} + +@mixin partial-row-center-start { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(row); + @include flexJustifyContent(flex-start, start); + @include flexAlignItems(center, center); + @include flexAlignContent(stretch, stretch); +} + +@mixin partial-row-start-top { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(row); + @include flexJustifyContent(flex-start, start); + @include flexAlignItems(flex-start, start); + @include flexAlignContent(stretch, stretch); +} + +@mixin partial-row-center-end { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(row); + @include flexJustifyContent(flex-end, end); + @include flexAlignItems(center, center); + @include flexAlignContent(stretch, stretch); +} + +@mixin partial-row-start-wrap { + @include flexDisplay(); + @include flexWrap(wrap); + @include flexDirection(row); + @include flexJustifyContent(flex-start, end); + @include flexAlignItems(flex-start, flex-start); + @include flexAlignContent(flex-start, flex-start); +} + +@mixin partial-row-center-space-between { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(row); + @include flexJustifyContent(space-between, justify); + @include flexAlignItems(center, center); + @include flexAlignContent(stretch, stretch); +} + +@mixin partial-field-reverse { + @include flexDisplay(); + @include flexWrap(nowrap); + @include flexDirection(row-reverse); + @include flexJustifyContent(flex-end, end); + @include flexAlignItems(center, center); + @include flexAlignContent(stretch, stretch); +} + +@mixin partial-unselectable { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +@mixin partial-sellect-text { + -webkit-user-select: text; + -moz-user-select: text; + -ms-user-select: text; + user-select: text; +} + +@mixin partial-ellipsis { + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; +} + +@mixin partial-no-ellipsis { + text-overflow: unset; + white-space: normal; + overflow: hidden; +} + +@mixin partial-blink { + position: absolute; + display: block; + border-radius: 100%; + transform: scale(0); + -moz-transform: scale(0); +} + +@mixin partial-blink-normal { + position: absolute; + display: block; + border-radius: 100%; + transform: scale(0); + -moz-transform: scale(0); + background: rgba(190, 190, 190, 0.2); +} + +@mixin partial-blink-blue { + position: absolute; + display: block; + border-radius: 100%; + transform: scale(0); + -moz-transform: scale(0); + background: rgba(154, 219, 249, 0.2); +} + +@mixin partial-box-sizing { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + +@mixin partial-bottom-gradient-border { + background-image: -webkit-gradient(linear, 0 0, 0 100%, from($theme_gradient_from), to(transparent)); + background-image: -webkit-linear-gradient(180deg, $theme_gradient_from, transparent), -webkit-linear-gradient(180deg, $theme_gradient_from, transparent); + background-image: -moz-linear-gradient(180deg, $theme_gradient_from, transparent), -moz-linear-gradient(180deg, $theme_gradient_from, transparent); + background-image: -o-linear-gradient(180deg, $theme_gradient_from, transparent), -o-linear-gradient(180deg, $theme_gradient_from, transparent); + background-image: linear-gradient(20deg, $theme_gradient_from, transparent), linear-gradient(90deg, $theme_gradient_from, transparent); + -moz-background-size: 100% 1px; + background-size: 100% 1px; + background-position: 0 100%, 0 100%; + background-repeat: no-repeat; +} + +@mixin partial-transition { + -webkit-transition: all 0.2s ease-in 0s; + -moz-transition: all 0.2s ease-in 0s; + -o-transition: all 0.2s ease-in 0s; + -ms-transition: all 0.2s ease-in 0s; + transition: all 0.2ms ease 0s; +} + +@mixin partial-command($activeExcludeClass: _) { + @include partial-transition; + position: absolute; + cursor: pointer; + border: none; + border-radius: 2px; + box-shadow: $command_form_shadow; + background-color: $command_form_bg; + + .content { + @include partial-row-center-start; + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + + .icon { + @include partial-column-center; + @include flexDisplay(); + float: left; + width: 26px; + height: 100%; + + svg { + width: 20px; + height: inherit; + + path { + fill: $command_form_fg; + } + } + } + + .title { + color: $command_form_fg; + float: left; + padding-left: 0; + font-size: 9pt; + width: 100%; + text-align: center; + } + + .icon + .title { + width: calc(100% - 26px); + text-align: left; + padding-left: 10px; + } + } + + &:hover:not(.disabled), + &.hover:not(.disabled) { + box-shadow: $command_shadow; + background-color: $command_hover_bg; + } + + &:active:not(.disabled):not(.#{$activeExcludeClass}) { + box-shadow: $command_shadow_active; + background-color: $command_form_active_bg; + border: $command_form_active_border; + + .content { + .icon { + svg { + path { + fill: $command_form_active_fg; + } + } + } + + .title { + color: $command_form_active_fg; + } + } + } + + &.disabled { + opacity: 0.6; + } +} + +@mixin partial-label { + border-bottom: 1px solid $theme_editor_label_border; + color: $theme_editor_label_fg; + font-size: $font_size_label; + font-weight: 300; + line-height: $font_size_label; + max-height: 100%; + + .phc { + @include partial-ellipsis; + line-height: 26px; + } + + .pht { + @include partial-row-center; + height: inherit; + cursor: help; + + svg { + width: 14px; + height: 14px; + + path { + fill: $input_icon_fg; + } + } + } + + &.multiline { + @include partial-multiline; + } + + &.disabled { + color: $theme_editor_label_disabled_fg; + } +} + +@mixin partial-multiline { + @include partial-column-start-bottom; + @include partial-no-ellipsis; + line-height: $font_size_label; + padding-bottom: 6px; + justify-content: space-around;// + + .phc { + @include partial-no-ellipsis; + position: unset; + line-height: 1.1em; + } + .pht { + height: unset; + } +} +$partial_clearable_style: str-insert("style='fill:;'", "var(--neutral_400)", 13); +$partial_clearable_path: str-insert("", $partial_clearable_style, 7); +$partial_clearable_data_url: str-insert("data:image/svg+xml;utf8, ", $partial_clearable_path, 88); + +@mixin partial-clearable { + background-size: 10px 10px; + background-color: transparent; + background-repeat: no-repeat; + background-image: url(quote($partial_clearable_data_url)); + padding: 0 18px 0 10px !important; + + &.X { + transition: background 0.5s; + } + + &.onX { + cursor: pointer; + } + + &::-ms-clear { + display: none; + width: 0; + height: 0; + } +} + +@mixin partial-clearable-text { + @include partial-clearable; + background-position: right -16px center; + + &.X { + background-position: right 5px center; + } +} + +@mixin partial-clearable-memo { + @include partial-clearable; + background-position: right -16px top 4px; + + &.X { + background-position: right 5px top 5px; + } +} + +@mixin partial-text-transition-start { + text-overflow: initial; + white-space: nowrap; + animation: backAndForth 12s linear infinite; + -webkit-animation: backAndForth 12s linear infinite; +} + +@mixin partial-text-transition-stop { + animation-play-state: paused; + white-space: nowrap; + + &:not(:hover) { + @include partial-ellipsis; + } +} + +@mixin partial-flex-item { + -webkit-order: 0; + -ms-flex-order: 0; + order: 0; + -webkit-flex: 0 1 auto; + -ms-flex: 0 1 auto; + flex: 0 1 auto; + -webkit-align-self: auto; + -ms-flex-item-align: auto; + align-self: auto; +} diff --git a/soneta-ui-style/wzorce/css/standard/PaletteBase.css b/soneta-ui-style/wzorce/css/standard/PaletteBase.css new file mode 100644 index 0000000..bdf3e17 --- /dev/null +++ b/soneta-ui-style/wzorce/css/standard/PaletteBase.css @@ -0,0 +1,1769 @@ +.PaletteBase { + /* Neutral */ + --neutral_1000: 25, 27, 24; /* HEX: #191B18 */ + --neutral_950: 10, 10, 10; /* HEX: #0A0A0A */ + --neutral_900: 23, 23, 23; /* HEX: #171717 */ + --neutral_850: 33, 33, 33; /* HEX: #212121 */ + --neutral_800: 38, 38, 38; /* HEX: #262626 */ + --neutral_700: 77, 81, 80; /* HEX: #4D5150 */ + --neutral_600: 82, 82, 82; /* HEX: #525252 */ + --neutral_500: 109, 115, 113; /* HEX: #6D7371 */ + --neutral_400: 133, 139, 137; /* HEX: #858B89 */ + --neutral_300: 212, 212, 212; /* HEX: #D4D4D4 */ + --neutral_200: 229, 229, 229; /* HEX: #E5E5E5 */ + --neutral_150: 237, 237, 237; /* HEX: #EDEDED */ + --neutral_100: 245, 245, 245; /* HEX: #F5F5F5 */ + --neutral_50: 252, 252, 252; /* HEX: #FCFCFC */ + --neutral_10: 250, 250, 250; /* HEX: #FAFAFA */ + --neutral_0: 255, 255, 255; /* HEX: #FFFFFF */ + + /* Red/Error */ + --red_700: 185, 28, 28; /* HEX: #B91C1C */ + --red_600: 220, 38, 38; /* HEX: #DC2626 */ + --red_500: 239, 68, 68; /* HEX: #EF4444 */ + --red_400: 248, 113, 113; /* HEX: #F87171 */ + + /* Green */ + --green_600: 8, 92, 0; /* HEX: #085C00*/ + --green_500: 9, 116, 0; /* HEX: #097400*/ + --green_400: 16, 194, 0; /* HEX: #10C200 */ + --green_300: 40, 255, 20; /* HEX: #28FF14 */ + --green_200: 110, 255, 97; /* HEX: #6EFF61 */ + --green_100: 185, 255, 179; /* HEX: #B9FFB3 */ + --green_50: 218, 255, 214; /* HEX: #DAFFD6 */ + --green_10: 169, 188, 55; /* HEX: #A9BC37 */ + + /* Blue */ + --blue_900: 30, 58, 138; /* HEX: #1E3A8A */ + --blue_800: 30, 64, 175; /* HEX: #1E40AF */ + --blue_700: 29, 78, 216; /* HEX: #1D4ED8 */ + --blue_600: 37, 99, 235; /* HEX: #2563EB */ + --blue_500: 59, 130, 246; /* HEX: #3B82F6 */ + --blue_400: 96, 165, 250; /* HEX: #60A5FA */ + --blue_200: 92, 176, 255; /* HEX: #5CB0FF */ + --blue_100: 173, 216, 255; /* HEX: #ADD8FF */ + --blue_50: 239, 246, 255; /* HEX: #EFF6FF */ + + /* Yellow */ + --yellow_400: 243, 217, 48; /* HEX: #F3D930 */ + + /* Emerald */ + --emerald_200: 102, 234, 151; /* HEX: #66EA97 */ + --emerald_300: 30, 220, 100; /* HEX: #1edc64 */ + --emerald_400: 19, 144, 65; /* HEX: #139041 */ + --emerald_500: 9, 67, 30; /* HEX: #09431E */ + + /* Orange */ + --orange_400: 251, 146, 60; /* HEX: #FB923C */ + --orange_500: 249, 115, 22; /* HEX: #F97316 */ + + /* Amber */ + --amber_500: 220, 137, 12; /* HEX: #DC890C */ + + /* Gray */ + --gray_500: 177, 179, 180; /* HEX: #B1B3B4 */ + --gray_400: 2193, 194, 195; /* HEX: #C1C2C3 */ + --gray_300: 208, 209, 210; /* HEX: #D0D1D2 */ + + /* Brand */ + --brand_700: 1, 66, 42; /* HEX: #01422A */ + --brand_600: 1, 84, 54; /* HEX: #015436 */ + --brand_500: 1, 110, 70; /* HEX: #016E46 */ + --brand_300: 58, 142, 111; /* HEX: #02BB77 */ + --brand_200: 2, 227, 145; /* HEX: #02E391 */ + + /* Brand OP - White */ + --brand_60: 103, 168, 144; /* HEX: #67A890 */ + --brand_30: 179, 212, 200; /* HEX: #B3D4C8 */ + --brand_20: 204, 226, 218; /* HEX: #CCE2DA */ + --brand_10: 230, 241, 237; /* HEX: #E6F1ED */ + --brand_5: 242, 248, 246; /* HEX: #F2F8F6 */ + + --defaultFont: "ROBOTO", Arial; + --primaryFont: "FiraSans", Arial; + --secondaryFont: "FiraSans", Arial; + --tertiaryFont: "ROBOTO", sans-serif; + --OpenSans: "OpenSans", Arial; + --OpenSansSemiBold: "OpenSansSemibBold", Arial; + + --font_size_label: 9pt; + --group_title_font_size: 10pt; + + --white: 255, 255, 255; + + --lightGray: 208, 208, 208; + --lightGray2: 213, 213, 213; + --lightGray3: 187, 187, 187; + --lightGray4: 172, 172, 172; + --lightGray5: 163, 163, 163; + --lightGray6: 82, 82, 82; + --lightGray7: 212, 212, 212; + + --verylightGray: 242, 242, 242; + --verylightGray2: 224, 224, 224; + --verylightGray4: 234, 234, 234; + --verylightGray5: 229, 229, 229; + --verylightGray6: 193, 193, 193; + --verylightGray7: 245, 245, 245; + + --darkGray: 140, 140, 140; + --darkGray2: 128, 128, 128; + --verydarkGray: 70, 70, 70; + --verydarkGray2: 95, 95, 95; + + --darkGreen: 27, 94, 32; + --darkGreen3: 100, 146, 0; + --darkGreen4: 34, 49, 55, 1; + + --pureBlack: 0, 0, 0; + --mostlyBlack: 45, 45, 45; + --strongYellow: 200, 200, 50; + --strongOrange: 255, 152, 0; + --strongRed: 220, 20, 0; + --strongGreen: 60, 130, 50; + --strongBlue: 0, 178, 238; + + --mostlydesaturateddarkBlue: 94, 134, 152; + --lightdesaturateddarkBlue: 120, 170, 195, 0.85; + --verypaleYellow: 255, 250, 208; + + --vividBlue: 34, 34, 255; + --vividLimeGreen: 34, 255, 34; + --vividOrange: 255, 165, 34; + --vividRed: 255, 34, 34; + + --palette_premium_blue: 59, 134, 255; + --palette_premium_green: 61, 207, 120; + --palette_premium_gray: 66, 82, 109; + --palette_premium_orange: 255, 157, 0; + --palette_premium_red: 214, 36, 77; + --palette_premium_turquise: 66, 210, 212; + + --palette_premium_darkgreen: 43, 157, 31; + --palette_premium_lightgray: RGBA(195, 52, 235, 1); + + --theme: 118, 163, 0; + --theme_bg: rgb(230, 231, 231); + --theme_darkprimary_fg: RGBA(var(--darkGreen), 1); + --theme_accent: RGBA(var(--mostlydesaturateddarkBlue), 1); + + --theme_primary_text: RGBA(var(--mostlyBlack), 1); + --theme_shadow: none; + --theme_overlay_bg: RGBA(var(--mostlyBlack), 0.3); + --theme_gradient_from: RGBA(var(--theme), 0.3); + + + --theme_editor_fg: var(--theme_primary_text); + --theme_editor_bg: var(--theme_bg); + --theme_editor_border: RGBA(195, 227, 234, 1); + --theme_editor_common_border: 1px solid RGBA(var(--neutral_300)); + --theme_editor_disabled_fg: RGBA(var(--darkGray2), 1); + + + --theme_editor_disabled_bg: RGBA(var(--verylightGray5), 1); + --theme_editor_disabled_border: RGBA(var(--lightGray2), 1); + --theme_editor_focused_bg: RGBA(var(--verypaleYellow), 1); + --theme_editor_label_fg: RGBA(var(--neutral_600)); + --theme_editor_label_disabled_fg: RGBA(82, 82, 82, 1); + --theme_editor_label_border: 1px solid RGBA(var(var(--neutral_300))); + + --theme_window_main_bg: var(--theme_bg); + + + --theme_shadow_active: 0 0 1px 1px RGBA(var(--lightGray4), 0.1), 0 0 1px 1px RGBA(var(--lightGray4), 0.2); + --theme_shadow_btn: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --theme_shadow_hover_btn: 0 0 0 1px RGBA(var(--pureBlack), 0.1), 1px 1px 6px 2px RGBA(var(--pureBlack), 0.2); + --theme_command_bg: RGBA(var(--verylightGray7), 1); + + --theme_command_bg_hover: RGBA(var(--verylightGray7), 1); + --theme_command_fg: RGBA(var(--darkGreen4)); + --theme_command_fg_hover: var(--theme_accent); + --theme_command_important_bg: RGBA(var(--green_500)); + --theme_command_important_fg: RGBA(var(--white), 1); + + /* Focus */ + --focus_outline: 1px solid #016E46; + --focus_outline_secondary: 1px solid #FFF; + --focus_outline_tertiary: 1px solid #000; + --focus_outline_quaternary: 1px solid #000; + --focus_outline_quinary: 1px solid #000; + --focus_box_shadow: 0 0 3px 1px #016E46; + --focus_box_shadow_inset: inset 0 0 3px 1px #016E46; + --focus_border: 1px solid #016E46; + --focus_color: #016E46; + + /* Logo */ + --logo_color_1: RGBA(var(--brand_500), 1); + --logo_color_2: RGBA(var(--pureBlack), 1); + + /* GENERAL */ + --warning: RGBA(var(--strongOrange), 1); + --error: RGBA(var(--strongRed), 1); + --info: RGBA(var(--strongGreen), 1); + --question: RGBA(0, 177, 255, 1); + + /* Loader */ + --loader_bg: RGBA(255, 255, 255, 0.7); + --loader_color1: RGBA(var(--vividBlue), 1); + --loader_color2: RGBA(var(--vividLimeGreen), 1); + --loader_color3: RGBA(var(--vividOrange), 1); + --loader_color4: RGBA(var(--vividRed), 1); + + /* PathBar */ + --path_font_family: var(--tertiaryFont); + --path_font_size: 14px; + --path_fg: RGBA(0, 97, 255, 1); + --path_hover_fg: RGBA(var(--blue_800)); + --path_separator_border: 1px solid RGBA(var(--neutral_500), 1); + --path_icon: RGBA(var(--neutral_400), 1); + --path_active_icon: RGBA(var(--amber_500)); + --path_home: RGBA(var(--blue_700)); + + /* WINDOW */ + --window_main_bg: var(--theme_bg); + --window_main_menu_bg: var(--theme_bg); + --window_border_top: 1px solid RGBA(var(--neutral_200)); + + /* Scroll */ + --scroll_thumb_bg: RGBA(var(--neutral_400)); + --scroll_thumb_hover_bg: RGBA(var(--neutral_600)); + --scroll_track_bg: RGBA(var(--neutral_300)); + + /* NAVIGATION BAR | GRID BAR */ + --nav_bar_dark: RGBA(var(--neutral_0), 1); + --nav_bar_border: 1px solid RGBA(var(--neutral_300)); + --nav_bar_bg: RGBA(var(--neutral_0), 1); + --nav_bar_gradient: RGBA(var(--brand_5), 1); + --nav_bar_arrows_bg: RGBA(var(--neutral_0)); + + --nav_group_bg: none; + --nav_con_bg: RGBA(var(--neutral_0), 1); + --nav_con_fg: RGBA(var(--mostlyBlack), 1); + --nav_con_shadow: 15px 0px 18px -5px RGBA(var(--darkGray2), 0.3); + --nav_fg: RGBA(var(--neutral_1000)); + --nav_placeholder_fg: inherit; + --nav_marked_fg: RGBA(var(--neutral_1000)); + --nav_marked_bg: RGBA(var(--brand_20)); + --nav_icon: RGBA(var(--neutral_800)); + --nav_icon_border: RGBA(var(--neutral_50)); + --nav_marked_icon: RGBA(var(--neutral_1000)); + --nav_item_hover_bg: RGBA(var(--brand_30), 1); + --nav_item_hover_fg: RGBA(var(--neutral_800)); + + --nav_item_disabled_fg: rgb(165, 164, 164); + --nav_item_disabled_hover_bg: rgb(238, 236, 236); + --nav_item_disabled_hover_fg: rgb(165, 164, 164); + + --nav_arrows_icon: RGBA(var(--neutral_500)); + --nav_arrows_active: RGBA(var(--neutral_800)); + --nav_arrows_border: 1px solid RGBA(var(--white), 0.3); + --nav_menu_form_shadow: var(--theme_shadow_btn); + --nav_popup_overlay_bg: var(--theme_overlay_bg); + --nav_popup_box_shadow: 0 0 10px 0 RGBA(0, 0, 0, 0.12); + + --nav_menu_input_border: 1px solid RGBA(132, 139, 137, 1); + --nav_menu_input_border_radius: 8px; + + --nav_folder_width: 350px; + --nav_folder_collapsed_width: 60px; + --nav_form_width: 316px; + --nav_form_collapsed_width: 60px; + + @media (max-width: 1150px) { + --nav_folder_width: 280px; + --nav_folder_collapsed_width: 48px; + --nav_form_width: 280px; + --nav_form_collapsed_width: 48px; + } + + @media (max-width: 840px) { + --nav_folder_width: 240px; + --nav_form_width: 240px; + } + + --nav_tree_font: var(--secondaryFont); + --nav_tree_bold_font: var(--primaryFont); + --nav_tree_header_font: 'FiraSansLightItalic'; + --nav_tree_search_font: 'FiraSansLightItalic'; + + --nav_tree_scrollbar_track: RGBA(var(--neutral_0)); + --nav_tree_scrollbar_thumb: rgb(172, 178, 176); + --nav_tree_panel_fg: RGBA(var(--neutral_0)); + --nav_tree_panel_icon: RGBA(var(--neutral_0)); + --nav_tree_panel_bg: RGBA(0, 51, 32, 1); + --nav_tree_panel_shadow: none; + --nav_tree_panel_font: var(--defaultFont); + --nav_tree_group_fg: RGBA(var(--neutral_0)); + --nav_tree_group_icon: RGBA(var(--neutral_0)); + --nav_tree_graph: RGBA(172, 178, 176); + --nav_tree_header_fg: RGBA(var(--neutral_0)); + --nav_tree_header_bg: RGBA(0, 51, 32, 1); + --nav_tree_header_hover: RGBA(0, 70, 38, 1); + --nav_tree_search_fg: RGBA(var(--pureBlack)); + --nav_tree_search_bg: RGBA(0, 51, 32, 1); + --nav_tree_search_input_bg: RGBA(var(--neutral_200)); + --nav_tree_search_input_placeholder: RGBA(var(--neutral_0)); + --nav_tree_item_hover: RGBA(0, 70, 38, 1); + --nav_tree_item_selected: RGBA(0, 88, 48, 1); + --nav_tree_tooltip_bg: RGBA(var(--neutral_800)); + --nav_tree_tooltip_fg: RGBA(var(--neutral_100)); + --nav_tree_scroll_indicator_height: 270px; + --nav_tree_scroll_indicator_down_bg: transparent linear-gradient(180deg, rgba(var(--neutral_200), 0) 0%, rgba(var(--neutral_200), 0.5) 100%) 0% 0% no-repeat padding-box; + --nav_tree_scroll_indicator_up_bg: none; + + --nav_tree_form_font: 'FiraSans'; + --nav_tree_form_bold_font: 'FiraSansMedium'; + --nav_tree_form_header_font: 'FiraSansItalic'; + --nav_tree_form_search_font: 'FiraSansItalic'; + + --nav_tree_form_scrollbar_track: RGBA(var(--neutral_0)); + --nav_tree_form_scrollbar_thumb: rgb(172, 178, 176); + --nav_tree_form_panel_fg: RGBA(var(--neutral_800)); + --nav_tree_form_panel_icon: RGBA(var(--neutral_600)); + --nav_tree_form_panel_bg: RGBA(var(--neutral_0), 1); + --nav_tree_form_group_fg: RGBA(var(--neutral_800)); + --nav_tree_form_group_icon: RGBA(var(--neutral_800)); + --nav_tree_form_graph: rgb(106, 115, 113); + --nav_tree_form_header_fg: RGBA(var(--neutral_800)); + --nav_tree_form_header_bg: RGBA(var(--neutral_0), 1); + --nav_tree_form_header_hover: RGBA(var(--neutral_200), 1); + --nav_tree_form_search_fg: RGBA(var(--pureBlack)); + --nav_tree_form_search_wrapper_bg: RGBA(var(--neutral_0)); + --nav_tree_form_search_bg: RGBA(var(--neutral_0)); + --nav_tree_form_search_input_bg: rgb(230, 231, 231); + --nav_tree_form_item_hover: RGBA(var(--neutral_150), 1); + --nav_tree_form_item_selected: RGBA(var(--neutral_200), 1); + --nav_tree_form_tooltip_bg: rgb(55, 78, 89); + --nav_tree_form_tooltip_fg: rgb(212, 217, 220); + --nav_tree_form_scroll_indicator_down_bg: transparent linear-gradient(180deg, rgba(var(--neutral_200), 0) 0%, rgba(var(--neutral_200), 0.5) 100%) 0% 0% no-repeat padding-box; + --nav_tree_form_scroll_indicator_up_bg: none; + --nav_tree_favorite_border: 1px solid RGBA(var(--neutral_200)); + + /* HeaderBar */ + --headerbar_bg: RGBA(var(--brand_500), 1); + --headerbar_fg: RGBA(var(--neutral_50)); + --headerbar_command_bg: none; + --headerbar_command_hover_bg: rgb(1, 87, 56); + --headerbar_icon: RGBA(var(--neutral_0)); + --headerbar_icon_hover: RGBA(var(--neutral_50)); + --headerbar_icon_focus: RGBA(var(--neutral_50)); + --headerbar_logo_icon: RGBA(var(--neutral_50)); + --headerbar_logo_icon2: RGBA(var(--neutral_50)); + --headerbar_command_bell_bg: RGBA(var(--red_700)); + --headerbar_command_bell_fg: RGBA(var(--neutral_0)); + --headerbar_command_special_bg: RGBA(var(--red_700)); + --headerbar_command_special_icon: RGBA(var(--neutral_50)); + --headerbar_command_special_shadow: 2px 4px 14px rgba(120, 120, 120, 0.8); + --headerbar_command_special_fill: RGBA(var(--neutral_50)); + --headerbar_command_special_hover_bg: RGBA(var(--red_600)); + --headerbar_command_usermenu_fg: RGBA(var(--white), 1); + --headerbar_command_split_border: RGBA(var(--white), .4); + --headerbar_command_usermenu_font: var(--defaultFont); + --headerbar_command_usermenu_bg: rgb(0, 51, 32); + --headerbar_command_usermenu_hover_bg: rgb(0, 89, 55); + + /* GRID */ + --grid_odd_bg: RGBA(var(--neutral_0)); + --grid_even_bg: RGBA(var(--neutral_100)); + --grid_viewport: RGBA(var(--neutral_100)); + --grid_bar_bg: RGBA(var(--neutral_200)); + --grid_bar_color: RGBA(var(--neutral_800)); + --grid_bar_gradient: RGBA(var(--neutral_50)); + --grid_bar_border: RGBA(var(--neutral_200)); + --grid_bar_border_top: 1px solid RGBA(var(--neutral_200)); + --grid_bar_border_radius: 0; + --grid_bar_command_border_bottom: 1px solid RGBA(var(--neutral_200)); + --grid_command_bg: RGBA(var(--neutral_50)); + --grid_command_icon: RGBA(var(--neutral_800)); + --grid_command_icon_hover: RGBA(var(--neutral_800)); + --grid_special_row_bg: RGBA(205, 227, 204, 1); + --grid_row_focused_bg: RGBA(224, 242, 237, 1); + --grid_row_selected_bg: RGBA(204, 226, 218, 1); + --grid_headercolumn_bg: RGBA(var(--neutral_50)); + --grid_headercolumn_fg: RGBA(var(--neutral_1000)); + --grid_row_content_fg: RGBA(var(--neutral_800)); + --grid_row_grouping_fg: RGBA(var(--blue_700)); + --grid_row_grouping_fs: 9pt; + --grid_row_grouping_fw: 600; + --grid_row_focused_fg: RGBA(var(--neutral_800)); + --grid_row_sum_icon: RGBA(var(--green_500)); + --grid_icon: RGBA(var(--green_500)); + --grid_tree_icon: RGBA(var(--neutral_1000)); + --grid_sum_color_icon: RGBA(var(--neutral_1000)); + --grid_row_focused_selected_color: RGBA(var(--neutral_800)); + --grid_row_focused_selected_icon_color: RGBA(var(--neutral_400)); + --grid_row_dragenter: rgba(230, 231, 231, 1); + + --grid_row_check_checked: RGBA(var(--green_500)); + --grid_row_check_unchecked: RGBA(var(--neutral_800), 1); + --grid_row_drag_enter: var(--theme_accent); + --grid_emptycontent: RGBA(var(--lightGray), 1); + --grid_header_sort: RGBA(171, 171, 171, 1); + --grid_border: 1px solid transparent; + --grid_filter_bg: RGBA(var(--neutral_100), 1); + --grid_focused_border: 1px solid RGBA(var(--neutral_300), 1); + --grid_filter_focused_bg: RGBA(var(--neutral_100), 1); + --grid_column_smartopen_fg: RGBA(var(--blue_700), 1); + --grid_column_smartopen_even_bg: RGBA(var(--neutral_150)); + --grid_column_smartopen_odd_bg: RGBA(var(--neutral_50)); + --grid_column_frozen_border_color: rgb(216, 216, 216); + --grid_column_command_hover_bg: rgb(76, 108, 122); + --grid_column_focused_bg: RGBA(var(--green_600)); + --grid_column_focused_border: 1px dashed rgb(178, 198, 207); + --grid_column_focus_fc: RGBA(var(--neutral_0), 1); + + --grid_row_grouping_border_top: 1px solid RGBA(var(--neutral_200)); + --grid_row_grouping_border_bottom: 1px solid RGBA(var(--neutral_200)); + --grid_row_grouping_bg: RGBA(var(--neutral_50)); + --grid_row_sumgrouping_border: none; + --grid_gfsum_before_bg: RGBA(var(--neutral_600), 0.1); + --grid_gfsum_bg: transparent; + --grid_gfsum_border: none; + --grid_gfsum_text_fw: inherit; + --grid_gfsum_color: RGBA(var(--mostlyBlack), 1); + --grid_row_check: RGBA(var(--lightGray3), 1); + --grid_header_pulse_bg: RGBA(var(--mostlydesaturateddarkBlue), 0.2); + --grid_header_pulse_shadow: 0 0 1px 2px RGBA(var(--mostlydesaturateddarkBlue), 1); + --grid_header_filter_bg: RGBA(251, 251, 251, 1); + --grid_row_icon: RGBA(var(--neutral_400)); + --grid_row_selected_focused_border: RGBA(var(--green_500)); + --grid_row_frozen_odd_bg: RGBA(var(--neutral_50)); + --grid_row_frozen_even_bg: RGBA(var(--neutral_150)); + --grid_command_hover_bg: RGBA(var(--neutral_300)); + --grid_bar_special_icon: RGBA(var(--neutral_800)); + --grid_bar_special_icon_border: 1px dotted RGBA(var(--neutral_200)); + --grid_bar_special_icon_hover: RGBA(var(--neutral_800)); + --grid_bar_special_icon_hover_bg: RGBA(var(--neutral_300)); + --grid_cell_fg: RGBA(163, 163, 163, 1); + --grid_cell_ac_fg: RGBA(0, 0, 0, 1); + --grid_cell_highlight_bg: RGBA(9, 116, 0, 0.10); + --grid_cell_border: 1px solid rgb(9, 116, 0); + --grid_cell_boxshadow: 1px 1px 2px 1px rgb(115, 115, 115) inset; + + --grid_loc_input_placeholder_fg: RGBA(var(--pureBlack), 1); + --grid_loc_command_border_color: rgb(212, 212, 212); + + /* Grid Cards */ + --grid_cards_bg: RGBA(var(--neutral_0)); + --grid_cards_color: RGBA(var(--mostlyBlack), 1); + --grid_cards_box_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --grid_cards_odd_bg: RGBA(var(--neutral_0)); + --grid_cards_even_bg: RGBA(var(--neutral_0)); + --grid_cards_cmd_bg: RGBA(var(--neutral_200)); + --grid_cards_cmd_hover_bg: RGBA(var(--neutral_300)); + --grid_cards_cmd_icon: RGBA(var(--neutral_800)); + --grid_cards_cmd_hover_icon: RGBA(var(--neutral_800)); + --grid_card_cap_fw: 300; + --grid_card_val_fw: 500; + --grid_card_fc: RGBA(var(--mostlyBlack), 1); + --grid_cards_column_select_bg: RGBA(var(--green_500)); + --grid_cards_column_select_open_rect: RGBA(var(--green_500)); + --grid_cards_column_select_open_path: RGBA(var(--neutral_50)); + --grid_cards_column_select_close_rect: RGBA(var(--green_500)); + --grid_card_panel_cmd_bg: RGBA(0, 114, 61, 1); + --grid_card_panel_cmd_hover_bg: RGBA(var(--neutral_500), 1); + --grid_card_panel_cmd_icon: RGBA(var(--neutral_200), 1); + --grid_card_panel_cmd_hover_icon: RGBA(var(--neutral_200), 1); + + /* FeatureBar */ + --featurebar_bg: RGBA(var(--neutral_0)); + --featurebar_item_icon: RGBA(var(--blue_600)); + --featurebar_item_hover_icon: RGBA(var(--neutral_50)); + --featurebar_group_bg: RGBA(var(--neutral_50)); + --featurebar_features_bg: RGBA(var(--neutral_50)); + --featurebar_features_border: 1px solid RGBA(var(--neutral_200)); + --featurebar_features_fg: RGBA(var(--neutral_800)); + --featurebar_text_hover_fg: RGBA(var(--neutral_50)); + --featurebar_item_hover_bg: RGBA(var(--green_500)); + --featurebar_features_header_bg: RGBA(var(--neutral_50)); + --featurebar_item_bg: RGBA(var(--neutral_50)); + + /* GROUP */ + --group_bg: RGBA(var(--neutral_0)); + --group_bg_image: none; + --group_title_fg: RGBA(var(--brand_500)); + --group_item_fg: RGBA(114, 114, 114, 1); + --group_icon: RGBA(var(--green_500), 1); + --group_content_fg: RGBA(var(--neutral_800)); + --group_shadow: none; + --group_fw: 400; + + /* COMMAND */ + --command_shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 1px 1px 6px 2px rgba(0, 0, 0, 0.2); + --command_shadow_active: none; + --command_hover_bg: RGBA(var(--verylightGray2), 1); + --command_form_bg: RGBA(var(--verylightGray2), 1); + --command_form_fg: RGBA(var(--darkGreen4)); + --command_form_active_fg: RGBA(177, 177, 177, 1); + --command_form_active_bg: transparent; + --command_form_active_border: none; + --command_form_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --command_border: 1px solid RGBA(var(--neutral_300)); + --command_font: 'ROBOTO', sans-serif; + --command_icon: RGBA(var(--verydarkGray2), 1); + --command_title_fg: var(--theme_primary_text); + --command_timewatch_svg_fg: RGBA(var(--neutral_0)); + --command_timewatch_svg_hover_bg: RGBA(var(--green_500), 0.2); + + --command_primary_fg: RGBA(var(--neutral_0)); + --command_primary_bg: rgb(0, 114, 61); + --command_primary_border_color: rgb(0, 114, 61); + --command_primary_hover_fg: RGBA(var(--neutral_0)); + --command_primary_hover_bg: rgb(0, 147, 107); + --command_primary_hover_border_color: rgb(0, 147, 107); + --command_primary_pressed_fg: RGBA(var(--neutral_0)); + --command_primary_pressed_bg: rgb(0, 70, 38); + --command_primary_pressed_border_color: rgb(0, 70, 38); + --command_primary_focused_fg: RGBA(var(--neutral_0)); + --command_primary_focused_bg: rgb(0, 114, 61); + --command_primary_focused_border_color: rgb(0, 36, 20); + --command_primary_selected_fg: RGBA(var(--neutral_0)); + --command_primary_selected_bg: rgb(0, 88, 48); + --command_primary_selected_border_color: rgb(0, 88, 48); + --command_primary_disabled_fg: rgb(106, 115, 113); + --command_primary_disabled_bg: rgb(230, 231, 231); + --command_primary_disabled_border_color: rgb(230, 231, 231); + + --command_secondary_fg: RGBA(var(--pureBlack)); + --command_secondary_bg: RGBA(var(--neutral_0)); + --command_secondary_border_color: rgb(130, 139, 137); + --command_secondary_hover_fg: RGBA(var(--pureBlack)); + --command_secondary_hover_bg: rgb(230, 231, 231); + --command_secondary_hover_border_color: rgb(130, 139, 137); + --command_secondary_pressed_fg: RGBA(var(--pureBlack)); + --command_secondary_pressed_bg: rgb(205, 210, 210); + --command_secondary_pressed_border_color: rgb(130, 139, 137); + --command_secondary_focused_fg: RGBA(var(--pureBlack)); + --command_secondary_focused_bg: RGBA(var(--neutral_0)); + --command_secondary_focused_border_color: rgb(0, 5, 3); + --command_secondary_selected_fg: RGBA(var(--pureBlack)); + --command_secondary_selected_bg: rgb(224, 242, 237); + --command_secondary_selected_border_color: rgb(0, 90, 48); + --command_secondary_disabled_fg: rgb(106, 115, 113); + --command_secondary_disabled_bg: RGBA(var(--neutral_0)); + --command_secondary_disabled_border_color: rgb(205, 210, 210); + + --command_tertiary_fg: RGBA(var(--pureBlack)); + --command_tertiary_bg: RGBA(var(--neutral_0)); + --command_tertiary_icon: RGBA(var(--brand_500)); + --command_tertiary_border_color: RGBA(var(--neutral_0)); + --command_tertiary_hover_fg: RGBA(var(--pureBlack)); + --command_tertiary_hover_bg: rgb(230, 231, 231); + --command_tertiary_hover_icon: RGBA(var(--brand_500)); + --command_tertiary_hover_border_color: rgb(230, 231, 231); + --command_tertiary_pressed_fg: RGBA(var(--pureBlack)); + --command_tertiary_pressed_bg: RGBA(var(--neutral_0)); + --command_tertiary_pressed_icon: rgb(1, 68, 43); + --command_tertiary_pressed_border_color: RGBA(var(--neutral_0)); + --command_tertiary_focused_fg: RGBA(var(--pureBlack)); + --command_tertiary_focused_bg: RGBA(var(--neutral_0)); + --command_tertiary_focused_icon: RGBA(var(--brand_500)); + --command_tertiary_focused_border_color: rgb(0, 5, 3); + --command_tertiary_selected_fg: RGBA(var(--pureBlack)); + --command_tertiary_selected_bg: rgb(224, 242, 237); + --command_tertiary_selected_icon: RGBA(var(--pureBlack)); + --command_tertiary_selected_border_color: rgb(224, 242, 237); + --command_tertiary_disabled_fg: rgb(106, 115, 113); + --command_tertiary_disabled_bg: RGBA(var(--neutral_0)); + --command_tertiary_disabled_icon: rgb(109, 115, 113); + --command_tertiary_disabled_border_color: RGBA(var(--neutral_0)); + + + --command_cube_fg: RGBA(var(--neutral_1000)); + --command_cube_bg: RGBA(var(--neutral_0)); + --command_cube_boxshadow: 0 0 20px 0 RGBA(var(--neutral_1000), 0.18); + --command_cube_icon_fg: RGBA(var(--neutral_1000)); + + /* WINDOW BAR BROWSER */ + --wb_bg: RGBA(var(--neutral_0)); + --wb_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --wb_header_icon_color: RGBA(var(--neutral_1000)); + --wb_header_icon_fav_color: RGBA(244, 176, 5, 1); + --wb_header_color: RGBA(var(--neutral_800)); + --wb_header_font_family: var(--defaultFont); + --wb_header_font_size: 18px; + --wb_close_color: rgb(251, 44, 54); + --wb_command_bg: transparent; + --wb_command_shadow: 0px 0px 10px 1px RGBA(var(--neutral_200)); + --wb_command_hover_shadow: none; + --wb_command_disabled: RGBA(var(--lightGray)); + --wb_command_font_family: var(--command_font); + --wb_command_font_size: 14px; + + /* Page */ + --page_fg: RGBA(var(--white), 1); + --page_footer_fg: RGBA(var(--pureBlack), 1); + --page_info_fg: RGBA(250, 250, 250, 1); + --page_image_bg_before: linear-gradient(140deg, rgba(211, 227, 180, 1) 0%, rgba(167, 206, 113, 1) 20%, rgba(54, 128, 95, 1) 90%); + --page_image_filter: none; + --page_header_logo_bg: linear-gradient(90deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.70) 61.06%); + --page_header_text_fg: RGBA(var(--pureBlack), 1); + + --page_info_text_shadow: 1px 1px 1px rgb(34, 34, 34); + --page_content_shadow: -15px 0px 45px 0px rgba(50, 50, 50, 0.3); + --page_content_bg: RGBA(var(--neutral_0)); + --page_adm_fg: var(--theme_primary_text); + --page_adm_locked_fg: RGBA(255, 0, 0, 1); + --page_adm_icon: RGBA(169, 188, 55, 1); + + --page_adm_domain_border: 1px solid rgb(216, 216, 216); + --page_adm_domain_bg: RGBA(232, 232, 232, 1); + --page_adm_domain_title_fg: var(--theme_primary_text); + --page_adm_domain_even_bg: RGBA(var(--darkGray), 0.1); + --page_adm_domain_odd_bg: RGBA(var(--white), 0.3); + + --page_adm_action_border: 1px solid RGBA(var(--lightGray3), 1); + --page_adm_action_shadow_target_color: RGBA(0, 0, 0, 0.4); + + --page_adm_action_bg: var(--theme_command_bg); + --page_adm_action_fg: var(--theme_command_fg); + --page_adm_action_hover_bg: var(--theme_command_bg_hover); + --page_adm_action_hover_fg: var(--theme_command_fg_hover); + + /* INPUT EDITOR */ + --input_fg: var(--theme_editor_fg); + --input_bg: RGBA(var(--neutral_0)); + --input_border: 1px solid RGBA(var(--neutral_200)); + --input_disabled_bg: RGBA(var(--neutral_100)); + --input_border_disabled: 1px solid RGBA(var(--neutral_200)); + --input_focused_bg: transparent; + --input_test_focused_bg: var(--theme_bg); + --input_tooltip_fg: RGBA(214, 214, 214, 1); + --input_text_editor_fg: RGBA(var(--neutral_800), 1); + --input_text_editor_bg: RGBA(var(--neutral_0), 1); + --input_shadow_disabled: 1px 1px 1px RGBA(var(--white), 1); + --input_icon_fg: RGBA(var(--green_500)); + --input_icon_fg_disabled: RGBA(var(--neutral_400), 1); + --input_error_shadow: 0px 0px 3px 1px var(--error); + --input_warning_shadow: 0px 0px 3px 1px var(--warning); + --input_disabled_fg: RGBA(var(--neutral_500), 1); + --input_focused_fg: RGBA(var(--neutral_800)); + --input_autofill_shadow: 0 0 0 30px RGBA(var(--theme_editor_bg), 1) inset; + --input_autofill_focused_shadow: 0 0 0 30px var(--theme_editor_focused_bg) inset; + --input_text_asteriks_focus_bg: RGBA(var(--neutral_200)); + --input_text_asteriks_bg: var(--input_text_editor_fg); + --input_text_asteriks_color: var(--input_bg); + --input_text_asteriks_border: 1px solid RGBA(var(--neutral_200)); + --input_vertical_disabled_bg: 1px solid RGBA(var(--neutral_200)); + --input_vertical_border: 1px solid RGBA(var(--neutral_200)); + --input_vertical_focused_border: 1px solid RGBA(var(--darkGreen), 1); + + /* RATING EDITOR */ + --rating_bg: RGBA(var(--theme_editor_bg), 1); + + --rating_fg: RGBA(204, 204, 204, 1); + --rating_star_shadow: 1px 1px 2px rgb(250, 250, 250); + --rating_hover_fg: RGBA(255, 215, 0, 1); + --rating_checked_fg: RGBA(255, 119, 0, 1); + --rating_checked_hover_fg: RGBA(238, 170, 0, 1); + --rating_hover_shadow: rgb(216, 216, 216) 2px 2px 5px; + + /* DatePicker */ + --dp_box_bg: RGBA(var(--neutral_0), 1); + --dp_element_fg: RGBA(var(--pureBlack), 1); + --dp_button_fg: RGBA(var(--verydarkGray), 1); + --dp_ym_separator: linear-gradient(to bottom, rgba(17, 218, 0, 0) 0%, rgb(9, 116, 0) 54%, rgba(17, 218, 0, 0) 100%); + --dp_ym_level_0_fg: RGBA(var(--neutral_1000), 1); + --dp_ym_level_1_fg: rgb(68, 70, 69); + --dp_ym_level_2_fg: rgb(130, 139, 137); + --dp_ym_level_3_fg: RGBA(var(--neutral_300), 1); + --dp_overlay_bg: var(--theme_overlay_bg); + --dp_element_fg: RGBA(var(--pureBlack), 1); + --dp_week_fg: rgb(0, 97, 255); + --dp_shortday_fg: RGBA(var(--lightGray5), 1); + --dp_day_range: rgb(9, 116, 0); + --dp_day_selected_bg: rgb(0, 114, 61); + --dp_day_selected_fg: RGBA(var(--neutral_0)); + --dp_day_today_border_color: rgb(0, 114, 61); + --dp_day_today_fg: rgb(0, 114, 61); + --dp_field_border_color: RGBA(var(--lightGray7), 1); + --dp_field_border_color_active: rgb(0, 114, 61); + --dp_in_range_bg: RGBA(var(--brand_10), 1); + --dp_in_range_fg: RGBA(var(--neutral_800)); + --dp_font: 'ROBOTO', sans-serif; + --dp_bg: RGBA(var(--neutral_0), 1); + --dp_color: RGBA(var(--neutral_800), 1); + --dp_container_bg: RGBA(var(--neutral_0)); + --dp_navigation_color: RGBA(var(--pureBlack)); + --dp_border: 1px solid rgb(205, 210, 210); + --dp_label_fg: rgb(0, 0, 0); + --dp_label_border: 1px solid rgb(130, 139, 137); + --dp_label_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --dp_start_color: RGBA(var(--neutral_0)); + --dp_scrollbar_track_color: transparent; + --dp_scrollbar_thumb_bg: transparent; + --dp_scrollbar_thumb_hover_bg: transparent; + --dp_day_of_week_fg: rgb(68, 70, 69); + + /* TimePicker */ + --tp_bg: RGBA(var(--neutral_0)); + --tp_sep: RGBA(0, 0, 0); + --tp_color: RGBA(0, 0, 0); + --tp_border: 1px solid RGBA(133, 139, 137); + --tp_button_ok_bg: RGBA(var(--brand_500)); + --tp_button_ok_fg: RGBA(var(--neutral_0)); + --tp_box_shadow: 0px 0px 10px RGBA(0, 0, 0, 0.12); + --tp_overlay_bg: RGBA(var(--neutral_1000), 0.5); + --tp_mark: RGBA(230, 241, 237); + --tp_focus: 1px solid RGBA(var(--neutral_950)); + + /* DateScopePicker */ + --dsp_font: 'ROBOTO', sans-serif; + --dsp_command_fg: RGBA(var(--brand_500), 1); + --dsp_command_bg: RGBA(var(--white), 1); + --dsp_label_fg: var(--primaryText, rgb(0, 0, 0)); + --dsp_caption_fg: RGBA(var(--pureBlack), 1); + + /* ColorPicker */ + --cp_box_bg: RGBA(var(--neutral_0)); + --cp_box_fg: RGBA(var(--neutral_0)); + --cp_overlay_bg: RGBA(var(--neutral_1000), 0.5); + --cp_box_shadow: none; + --cp_empty_bg: repeating-linear-gradient(45deg, rgb(220, 220, 220), rgb(220, 220, 220) 5px, RGBA(var(--white)) 5px, RGBA(var(--white)) 10px); + --cp_empty_icon: RGBA(38, 38, 38); + --cp_box_border: none; + --cp_box_fc: RGBA(var(--neutral_1000)); + --cp_button_save_bg: RGBA(var(--brand_600)); + --cp_button_box_shadow: 0px 0px 10px RGBA(0, 0, 0, 0.12); + --cp_button_color: RGBA(0, 0, 0); + --cp_checkbox_bg: RGBA(var(--neutral_0)); + --cp_checkbox_checked_bg: RGBA(var(--brand_500)); + --cp_button_understand_bg: RGBA(var(--brand_500)); + --cp_button_border: 1px solid RGBA(var(--neutral_400)); + --cp_button_save_color: RGBA(var(--neutral_0)); + --cp_active: 1px solid RGBA(var(--neutral_950)); + + /* StatusPicker */ + --status_picker_bg: RGBA(var(--neutral_50)); + --status_picker_border: 1px solid RGBA(var(--neutral_300)); + --status_picker_items_bg: inherit; + --status_picker_item_hover: RGBA(242, 242, 242, 1); + --status_picker_item_border: none; + --status_picker_item_border_hover: none; + --status_picker_cursor: default; + --status_picker_item_bg: RGBA(250, 250, 250, 1); + + /* Lookup */ + --lookup_auto_bg: RGBA(var(--neutral_50)); + --lookup_header_border: RGBA(var(--neutral_300)); + --lookup_item_bg: RGBA(var(--neutral_50)); + --lookup_item_hover_bg: RGBA(var(--brand_30), 1); + --lookup_item_fg: RGBA(var(--neutral_1000)); + --lookup_auto_border: 1px solid RGBA(var(--neutral_300)); + --lookup_item_hover_fg: RGBA(var(--neutral_1000)); + --lookup_editor_icon: RGBA(var(--darkGreen), 1); + + /* TileMenu */ + --tile_group_fg: var(--theme_primary_text); + --tile_group_hover_bg: RGBA(var(--neutral_100)); + --tile_item_bg: RGBA(var(--neutral_0)); + --tile_active_fg: RGBA(var(--lightGray4), 1); + --tile_active_bg: RGBA(var(--verylightGray), 1); + --tile_command_icon: RGBA(var(--verydarkGray2), 1); + --tile_command_fg: var(--theme_primary_text); + --tile_command_shadow: 0px 0px 10px rgb(230, 230, 230); + --tile_desc_fg: rgb(68, 70, 69); + --tile_group_active_bg: linear-gradient(to bottom, rgb(171, 171, 171), rgb(171, 171, 171) 2px, rgb(240, 240, 240) 2px, transparent); + --tile_item_border_fg: none; + --tile_shadow: 0px 0px 10px 1px RGBA(var(--neutral_200)); + --tile_hover: none; + --tile_hover_webkit: none; + --tile_hover_active: none; + --tile_hover_active_webkit: none; + --tile_fw: 600; + --tile_color: RGBA(var(--pureBlack)); + --tile_group_bg_image: none; + + /* SvgIcon */ + --svg_icon_main_stop: RGBA(var(--verydarkGray2), 1); + --svg_icon_alt_stop: RGBA(var(--verydarkGray2), 1); + + /* Bookmarks */ + --bookmark_font: 'ROBOTO', sans-serif; + --bookmark_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --bookmark_fg: rgb(68, 70, 69); + --bookmark_bg: rgb(230, 231, 231); + --bookmark_icon: rgb(75, 81, 80); + --bookmark_hover_fg: rgb(68, 70, 69); + --bookmark_hover_bg: rgb(230, 231, 231); + --bookmark_hover_icon: rgb(75, 81, 80); + --bookmark_focused_fg: rgb(68, 70, 69); + --bookmark_focused_bg: rgb(230, 231, 231); + --bookmark_focused_icon: rgb(75, 81, 80); + --bookmark_focused_border_color: rgb(0, 36, 20); + --bookmark_pressed_fg: rgb(68, 70, 69); + --bookmark_pressed_bg: RGBA(var(--neutral_0), 1); + --bookmark_pressed_icon: rgb(75, 81, 80); + --bookmark_disabled_bg: none; + --bookmark_disabled_icon: RGBA(var(--neutral_600)); + + --bookmark_selected_fg: RGBA(var(--pureBlack), 1); + --bookmark_selected_bg: RGBA(var(--neutral_0), 1); + --bookmark_selected_icon: rgb(75, 81, 80); + --bookmark_selected_hover_fg: RGBA(var(--pureBlack), 1); + --bookmark_selected_hover_bg: rgb(230, 231, 231); + --bookmark_selected_hover_icon: rgb(75, 81, 80); + --bookmark_selected_focused_fg: RGBA(var(--pureBlack), 1); + --bookmark_selected_focused_bg: RGBA(var(--neutral_0), 1); + --bookmark_selected_focused_icon: rgb(75, 81, 80); + --bookmark_selected_focused_border_color: rgb(0, 36, 20); + --bookmark_selected_pressed_fg: RGBA(var(--pureBlack), 1); + --bookmark_selected_pressed_bg: rgb(205, 210, 210); + --bookmark_selected_pressed_icon: rgb(75, 81, 80); + + --bookmark_close_hover_bg: rgb(217, 218, 218); + --bookmark_close_hover_icon: rgb(75, 81, 80); + --bookmark_close_selected_hover_bg: rgb(221, 223, 223); + --bookmark_close_selected_hover_icon: rgb(75, 81, 80); + + /* Modal */ + --modal_bg: RGBA(var(--neutral_0)); + --modal_border_radius: 12px; + --modal_bar_bg: transparent; + --modal_bar_fg: RGBA(var(--theme_primary_text), 1); + --modal_bar_icon: RGBA(var(--mostlyBlack), 1); + --modal_bar_title_fg: RGBA(var(--pureBlack)); + --modal_bar_border: none; + --modal_section_fg: var(--theme_primary_text); + --modal_command_bg: transparent; + --modal_command_active_bg: RGBA(var(--darkGray2), 1); + --modal_command_fg: RGBA(var(--verylightGray5), 1); + --modal_command_hover_bg: RGBA(var(--green_600)); + --modal_command_hover_fg: RGBA(var(--white), 1); + --modal_overlay_bg: var(--theme_overlay_bg); + --modal_command_shadow: var(--theme_shadow_btn); + --modal_command_text_shadow: none; + --modal_command_hover_shadow: none; + --modal_command_font_size: 1em; + --modal_command_active_fg: RGBA(177, 177, 177, 1); + --modal_command_active_shadow: var(--theme_shadow_active); + --modal_command_active_border: none; + --modal_command_icon: var(--white); + --modal_command_error_icon: var(--error); + --modal_command_info_icon: RGBA(var(--green_500)); + --modal_command_question_icon: var(--question); + --modal_command_warning_icon: var(--warning); + --modal_label_fg: rgb(68, 70, 69); + --modal_shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18); + + /* Indicator */ + --indicator_bg: RGBA(var(--neutral_0), 1); + --indicator_fg: RGBA(var(--neutral_800)); + --indicator_icon: RGBA(var(--neutral_700), 1); + --indicator_text_fg: RGBA(var(--neutral_800)); + --indicator_shadow: none; + --indicator_value_icon: RGBA(var(--green_500), 1); + + /* Checkbox */ + --checkbox_bg: RGBA(var(--brand_500), 1); + --checkbox_bg_hover: RGBA(58, 142, 111); + --checkbox_fill_color: RGBA(var(--neutral_0)); + --checkbox_border: 2px solid RGBA(77, 81, 80); + --checkbox_border_disabled: 2px solid RGBA(230, 231, 231); + --checkbox_border_hover: 2px solid RGBA(133, 139, 137); + --checkbox_content_border: 1px solid RGBA(var(--neutral_300)); + --checkbox_disabled_fg: RGBA(var(--neutral_600)); + --checkbox_disabled_icon: RGBA(109, 115, 113); + --checkbox_disabled_color: RGBA(230, 231, 231); + + --checkbox_fg: var(--theme_editor_fg); + --checkbox_disabled_bg: RGBA(var(--neutral_200)); + --checkbox_focused_bg: transparent; + --checkbox_check: RGBA(var(--green_500)); + --checkbox_border_color: RGBA(77, 81, 80); + --checkbox_grid_border: 2px solid RGBA(77, 81, 80, 1); + --checkbox_border_focused: 2px solid RGBA(0, 34, 22); + + /* Chips */ + --chips_fg: RGBA(0, 0, 0); + --chips_icon: RGBA(0, 0, 0); + --chips_border: 1px solid RGBA(133, 139, 137); + + /* Wizard */ + --wizard_step_fg: RGBA(var(--pureBlack), 1); + --wizard_step_icon: RGBA(var(--neutral_0), 1); + --wizard_step: rgb(130, 139, 137); + --wizard_step_active: rgb(255, 105, 0); + --wizard_step_prev: rgb(0, 114, 61); + + /* Cookie Box */ + --cookie_link_fg: rgb(98, 201, 255); + --cookie_path1_color: RGBA(var(--neutral_0)); + --cookie_path2_color: RGBA(var(--neutral_0)); + --cookie_path1_fill: RGBA(var(--neutral_0)); + --cookie_text_fg: RGBA(var(--neutral_0)); + --cookie_bg: rgb(37, 39, 39); + --cookie_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --cookie_action_icon_color: RGBA(var(--neutral_0)); + + /* Dashboard */ + --dashboard_design_icon_bg: RGBA(var(--green_500), 1); + --dashboard_bg: var(--theme_bg); + --dashboard_fg: RGBA(var(--darkGreen), 1); + --dashboard_cell_grid_bg: RGBA(244, 244, 244, 1); + --dashboard_item_icon_bg: var(--theme_accent); + --dashboard_item_icon_hover_bg: RGBA(var(--green_500), 1); + --dashboard_design_icon: RGBA(var(--white), 1); + --dashboard_design_icon_border: 1px solid rgb(42, 183, 185); + --dashboard_item_fg: RGBA(114, 114, 114, 1); + --dashboard_group_border: 1px solid RGBA(var(--pureBlack), 0.1); + --dashboard_design_overlay_bg: RGBA(255, 255, 255, 0.8); + --dashboard_design_focus_shadow: inset 0 0 0 2px rgb(48, 143, 144); + --dashboard_command_split_border: 2px solid RGBA(var(--white), 1); + --dashboard_command_list_bg: rgb(47, 168, 108); + --dashboard_command_list_icon_bg: rgba(102, 102, 102, 0.25); + --dashboard_cell_grid_padding: 20px; + + /* Profile Menu */ + --profile_menu_bg: RGBA(var(--white), 1); + --profile_menu_item_fg: rgb(38, 38, 38); + --profile_group_border: 1px solid RGBA(var(--verylightGray2), 1); + --profile_group_fg: var(--theme_primary_text); + --profile_group_image_bg: RGBA(var(--lightGray2), 1); + --profile_shadow: 0 0 0 1px RGBA(var(--pureBlack), .1), 0 2px 3px RGBA(var(--pureBlack), .2); + --profile_group_icon: RGBA(var(--white), 1); + --profile_menu_image_bg: RGBA(var(--darkGreen3), 1); + --profile_menu_icon: RGBA(var(--white), 1); + --profile_menu_border: 1px solid RGBA(var(--neutral_300)); + --profile_menu_item_shadow: var(--theme_shadow); + --profile_menu_item_hover_fg: RGBA(var(--white), 1); + --profile_menu_item_hover_bg: var(--theme_accent); + --profile_menu_fg: var(--theme_primary_text); + --profile_menu_header_bg: rgb(224, 242, 237); + --profile_menu_header_fg: rgb(0, 0, 0); + --profile_menu_header_item_value: RGBA(var(--brand_500)); + --profile_menu_separator_bg: rgb(229, 229, 229); + --profile_menu_version_fg: rgb(115, 115, 115); + --profile_menu_font: 'ROBOTO', sans-serif; + + /* Chart */ + --chart_bg: RGBA(var(--white), 1); + --chart_border: 1px solid rgb(200, 215, 220); + + /* Gantt */ + --gantt_border: RGBA(224, 224, 224, 1); + --gantt_header_fg: RGBA(0, 0, 0, 0.54); + --gantt_fg: RGBA(var(--pureBlack), 1); + --gantt_focused_row_bg: RGBA(63, 81, 181, 0.149); + --gantt_connector_bg: RGBA(35, 104, 213, 1); + --gantt_connector_hover_bg: RGBA(214, 36, 77, 1); + --gantt_icon_hover_fg: RGBA(var(--pureBlack), 1); + --gantt_holiday_fg: RGBA(128, 128, 128, 1); + --gantt_holiday_bg: RGBA(255, 202, 138, 1); + --gantt_holiday_connector_fg: RGBA(128, 128, 128, 1); + --gantt_holiday_connector_bg: RGBA(221, 216, 210, 1); + --gantt_working_area_bg: RGBA(255, 255, 255, 1); + --gantt_not_working_days_bg: RGBA(244, 244, 244, 1); + + /* Tooltip */ + --tooltip_bg: RGBA(var(--neutral_0)); + --tooltip_fg: RGBA(0, 0, 0); + --tooltip_border: 1px solid RGBA(0, 0, 0); + --tooltip_box_shadow: 0px 0px 10px rgba(0, 0, 0, 0.12); + --tooltip_icon: RGBA(var(--pureBlack)); + + /* EditorHtml */ + --ehtml_bg: var(--theme_editor_disabled_bg); + --ehtml_border: 1px solid var(--theme_editor_disabled_border); + --ehtml_fg: RGBA(var(--verydarkGray2), 1); + --ehtml_content_line_color: 1px solid RGBA(var(--verylightGray6), 1); + --ehtml_fullsize_btn_bg: RGBA(var(--green_500)); + --ehtml_fullsize_btn_fg: RGBA(var(--verylightGray5), 1); + --ehtml_fullsize_btn_shadow: var(--theme_shadow_btn); + --ehtml_fullsize_btn_active_bg: RGBA(var(--darkGray2), 1); + --ehtml_fullsize_btn_active_fg: RGBA(var(--white), 1); + --ehtml_fullsize_btn_active_shadow: var(--theme_shadow_active); + + /* EditorMemoText */ + --emt_bg: RGBA(var(--neutral_0)); + --emt_border: 1px solid RGBA(var(--neutral_200)); + + /* Diagram */ + --diagram_palette_accrdn_fg: var(--theme_primary_text); + --diagram_palette_accrdn_sel_bg: var(--theme_bg); + --diagram_palette_accrdn_sel_fg: RGBA(var(--theme), 1); + --diagram_border: 1px solid RGBA(var(--pureBlack), 0.2); + --diagram_group_icon: RGBA(var(--pureBlack), 1); + --diagram_palette_bg: RGBA(var(--white), 1); + --diagram_palette_item_bg_hover: rgb(238, 238, 238); + --diagram_grid_opacity: 1; + --diagram_palette_active_bg: inherit; + --diagram_palette_item_bg_selected: RGBA(189, 189, 189, 1); + + /* TreeDiagram */ + --tree_diagram_btn_bg: RGBA(var(--theme), 1); + --tree_diagram_btn_fg: RGBA(var(--white), 1); + --tree_diagram_minimap_bg: rgb(245, 245, 245); + --tree_diagram_minimap_border: 1px solid rgb(225, 225, 225); + --tree_diagram_minimap_shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); + --tree_diagram_border: 1px solid RGBA(var(--pureBlack), 0.2); + --tree_diagram_zoom_bg: RGBA(250, 250, 250, 1); + --tree_diagram_send_fg: RGBA(var(--pureBlack), 1); + --tree_sm_bg: RGBA(250, 250, 250, 1); + --tree_sm_border: 1px solid RGBA(var(--pureBlack), 0.2); + --tree_sm_el_border: 1px solid rgb(224, 224, 224); + --tree_sm_el_fg: RGBA(128, 128, 128, 1); + --tree_sm_el_bg: RGBA(var(--white), 1); + --tree_sm_el_hover_border: 2px solid rgb(118, 163, 0); + --tree_sm_el_hover_fg: RGBA(118, 163, 0, 1); + --tree_sm_el_hover_bg: RGBA(245, 245, 245, 1); + --tree_filter_input_border: 1px solid rgb(195, 227, 234); + --tree_filter_input_bg: RGBA(250, 250, 250, 1); + --tree_filter_input_fg: RGBA(var(--mostlyBlack), 1); + --tree_filter_input_focus_fg: RGBA(114, 114, 114, 1); + --tree_filter_input_shadow: 0 0 0 30px RGBA(var(--theme_editor_bg), 1) inset; + --tree_filter_input_placeholder_fg: RGBA(177, 177, 177, 1); + --tree_filter_input_icon_fg: RGBA(179, 0, 0, 1); + --tree_diagram_bg: RGBA(var(--white), 1); + --tree_diagram_shape_color: RGBA(var(--mostlyBlack), 1); + --tree_diagram_shape_bg: RGBA(var(--white), 1); + --tree_diagram_shape_border: RGBA(180, 180, 180); + --tree_diagram_shape_filter_color: var(--theme); + + /* Progress */ + --progress_icon: RGBA(255, 103, 0, 1); + --progress_fg: var(--theme_primary_text); + --progress_border: 1px solid rgb(200, 215, 220); + + /* Progress Bar */ + --progress_bar_circle_bg: RGBA(var(--green_500), 1); + --progress_bar_background_circle_bg: RGBA(var(--lightGray)); + --progress_bar_in_percent_fg: RGBA(var(--mostlyBlack)); + --progress_bar_btn_information_fg: RGBA(var(--mostlydesaturateddarkBlue)); + --progress_bar_information_fg: RGBA(var(--mostlyBlack)); + --progress_bar_spinner_wrapper_bg: RGBA(var(--white)); + --progress_bar_spinner_border: none; + + /* Popup Simple */ + --popup_simple_bg: RGBA(var(--neutral_0)); + --popup_simple_border: unset; + --popup_simple_item_fg: RGBA(39, 37, 40, 1); + --popup_simple_item_bg: RGBA(var(--white), 1); + --popup_simple_item_fg_hover: RGBA(39, 37, 40, 1); + --popup_simple_item_bg_hover: RGBA(var(--brand_30), 1); + + --popup_simple_item_disabled_fg: RGBA(179, 177, 177, 1); + --popup_simple_item_disabled_hover_bg: RGBA(var(--white), 1); + --popup_simple_item_disabled_hover_fg: RGBA(179, 177, 177, 1); + + /* Popup */ + --popup_command_bg: var(--theme_bg); + --popup_overlay: var(--theme_overlay_bg); + + /* Splitter */ + --splitter_bg: RGBA(var(--neutral_400)); + --splitter_btn_bg: RGBA(var(--neutral_200)); + --splitter_hover_bg: RGBA(var(--blue_600)); + --splitter_icon: RGBA(var(--blue_600)); + + /* Html */ + --html_fg: RGBA(var(--neutral_800)); + --html_rss_fg: RGBA(var(--strongGreen), 1); + --html_hyperlink_fg: RGBA(var(--blue_700), 1); + --html_rss_border: RGBA(var(--lightGray3), 1); + --html_rss_date_info_fg: RGBA(130, 130, 130, 1); + --html_rss_desc_fg: RGBA(var(--mostlyBlack), 1); + --html_rss_error_fg: RGBA(var(--verydarkGray2), 1); + --html_hyperlink_color: rgb(20, 71, 230); + + /* RichEdit */ + --rte_fg: var(--theme_editor_fg); + --rte_bg: var(--theme_editor_bg); + --rte_border: 1px solid var(--theme_editor_border); + --rte_focused_bg: var(--theme_editor_focused_bg); + --rte_editor_bg: var(--theme_editor_bg); + --rte_editor_fg: var(--theme_editor_fg); + --rte_hr: RGBA(var(--verylightGray6)); + --rte_tooltip_bg: RGBA(75, 106, 120, 1); + --rte_tooltip_border: 1px solid RGBA(var(--pureBlack), 0.3); + --rte_tooltip_shadow: 0.05em 0.2em 0.6em RGBA(var(--pureBlack), 0.2); + --rte_toolbar_bg: RGBA(var(--verylightGray7), 1); + --rte_toolbar_border: 1px solid rgb(226, 226, 226); + --rte_toolbar_item_hover_bg: RGBA(var(--neutral_150)); + --rte_tabs_fg: var(--theme_accent); + --rte_dropdown_toolbar_border: 1px solid rgb(215, 215, 215); + --rte_resizer_border: 1px dashed RGBA(var(--lightGray2), 1); + --rte_resizer_bg: RGBA(var(--darkGray), 1); + --rte_icon: RGBA(var(--neutral_800)); + --rte_active_border: 1px solid rgba(225, 225, 225, 0.99); + --rte_dialog_bg: var(--modal_bg); + --rte_dialog_font: var(--secondaryFont); + --rte_dialog_border_radius: none; + --rte_dialog_header_bg: var(--modal_bar_bg); + --rte_dialog_header_fg: var(--modal_bar_title_fg); + --rte_dialog_header_fontsize: var(--modal_bar_title_font); + --rte_dialog_header_border: var(--modal_bar_border); + --rte_dialog_button_bg: transparent; + --rte_dialog_button_fg: var(--wb_command_icon_color); + --rte_dialog_button_hover_bg: RGBA(var(--mostlydesaturateddarkBlue), .8); + --rte_dialog_button_hover_fg: RGBA(var(--white)); + --rte_dialog_button_hover_border: var(--input_border); + --rte_dialog_content_fg: var(--theme_primary_text); + --rte_dialog_content_fontsize: var(--font_size_label); + --rte_dialog_content_tabs_wrapper_bg: rgba(0, 0, 0, .03); + --rte_dialog_content_tabs_hover_bg: rgba(0, 0, 0, .1); + --rte_dialog_input_border_radius: 0; + --rte_dialog_input_focused_border: none; + --rte_dialog_input_focused_shadow: var(--input_autofill_focused_shadow); + --rte_dialog_footer_bg: var(--modal_bar_bg); + --rte_dialog_footer_border: var(--modal_bar_border); + --rte_dialog_footer_button_bg: var(--modal_command_bg); + --rte_dialog_footer_button_fg: var(--modal_command_fg); + --rte_dialog_footer_button_shadow: var(--modal_command_shadow); + --rte_dialog_footer_button_text_shadow: var(--modal_command_text_shadow); + --rte_dialog_footer_button_text_transform: uppercase; + --rte_dialog_footer_button_font_weight: 600; + --rte_dialog_footer_button_hover_bg: var(--modal_command_bg); + --rte_dialog_footer_button_hover_fg: var(--modal_command_hover_fg); + --rte_dialog_footer_button_hover_shadow: var(--modal_command_hover_shadow); + --rte_dialog_resizer_bg: RGBA(var(--lightGray2)); + --rte_dialog_resizer_hover_bg: RGBA(var(--lightGray4)); + --rte_dialog_image_preview_bg: RGBA(var(--verylightGray7)); + --rte_content_bg: unset; + --rte_content_fc: unset; + --rte_status_bg: unset; + --rte_border_color: unset; + --rte_status_fc: unset; + --rte_status_button_fc: unset; + --rte_status_button_hover: unset; + --rte_toolbar_border_right: none; + --rte_toolbar_border_color: unset; + --rte_toolbar_color1: unset; + --rte_toolbar_color2: unset; + --rte_toolbar_color3: unset; + --rte_toolbar_color4: unset; + --rte_toolbar_color5: unset; + --rte_toolbar_color6: unset; + --rte_toolbar_color7: unset; + + /* Pick file popup */ + --pickfile_fg: var(--theme_accent); + --pickfile_bg: var(--theme_bg); + --pickfile_btn_border: 1px dashed RGBA(var(--lightGray), 1); + --pickfile_btn_hover_bg: RGBA(250, 235, 215, 1); + --pickfile_btn_hover_fg: var(--theme_accent); + --pickfile_label_fg: RGBA(var(--pureBlack), 1); + --pickfile_label_bg: RGBA(var(--verylightGray), 1); + --pickfile_shadow: 0 2px 4px RGBA(var(--pureBlack), 0.2); + --pickfile_border: 1px solid RGBA(var(--pureBlack), 0.2); + + /* Carousel */ + --carousel_item_fg: RGBA(var(--neutral_800)); + --carousel_item_bg: RGBA(var(--neutral_50)); + --carousel_item_selected_fg: RGBA(var(--neutral_800)); + --carousel_item_selected_bg: RGBA(var(--green_500), 0.2); + --carousel_arrow_border: none; + --carousel_arrow_bg: RGBA(var(--neutral_0)); + --carousel_arrow_fg: RGBA(77, 81, 80); + --carousel_timepicker_item_fg: RGBA(var(--neutral_400)); + --carousel_timepicker_item_selected_fg: RGBA(77, 81, 80); + --carousel_timepicker_item_selected_fg_prev_next: RGBA(68, 70, 69); + + /* Error */ + --page_error_bg: RGBA(var(--neutral_50)); + --page_error_fg: RGBA(var(--neutral_800)); + --page_error_border: 1px solid RGBA(var(--verylightGray2), 1); + --page_error_border_radius: 4px; + --error_command_active_border: none; + --error_title_fg: RGBA(var(--neutral_800)); + --error_bar_bg: RGBA(var(--neutral_100)); + --error_bar_fg: RGBA(var(--neutral_800)); + --error_bar_border: 1px solid rgb(238, 238, 238); + --error_bar_icon: var(--error); + --warning_bar_icon: RGBA(var(--amber_500)); + --error_command_bg: transparent; + --error_command_fg: RGBA(var(--neutral_800)); + --error_command_shadow: none; + --error_command_border: 1px solid RGBA(var(--green_500)); + --error_command_hover_shadow: var(--theme_shadow_hover_btn); + --error_command_active_shadow: var(--theme_shadow_active); + --error_command_active_fg: RGBA(var(--darkGray), 1); + --error_command_active_bg: RGBA(var(--verylightGray5), 1); + --error_command_hover: RGBA(var(--neutral_300)); + --error_command_active: RGBA(var(--neutral_300)); + + /* Field */ + --field_image_circle_bg: RGBA(213, 213, 213, 1); + --field_image_circle_border: 1px solid rgb(222, 222, 222); + --field_image_full_screen_shadow: 1px 1px 4px rgb(var(--darkGray2)); + --field_image_full_screen_bg: rgb(var(--white)); + --field_image_full_screen_fg: rgb(90, 90, 90); + --field_code_add_btn_bg: RGBA(var(--green_500), 1); + --field_code_add_btn_shadow: var(--theme_shadow_btn); + --field_code_add_btn_active_shadow: var(--theme_shadow_active); + --field_code_add_btn_icon_bg: var(--theme_command_important_fg); + --field_code_add_btn_active_icon_bg: RGBA(177, 177, 177, 1); + --field_warning_label_fg: RGBA(var(--strongRed), 1); + --full-screen-field-bg: rgb(var(--white)); + + /* Verifiers */ + --verifier_error_bg: RGBA(var(--red_700)); + --verifier_error_icon_bg: RGBA(var(--red_700)); + --verifier_error_color: RGBA(var(--neutral_50)); + --verifier_warning_bg: RGBA(var(--amber_500)); + --verifier_warning_icon_bg: RGBA(var(--amber_500)); + --verifier_warning_color: RGBA(var(--neutral_800)); + --verifier_info_bg: RGBA(var(--green_600)); + --verifier_info_icon_bg: RGBA(var(--green_600)); + --verifier_info_color: RGBA(var(--neutral_50)); + + /* ThemePicker */ + --picker_bg: RGBA(var(--neutral_0)); + --picker_item_hover_bg: RGBA(var(--neutral_200)); + --picker_color: RGBA(var(--neutral_800)); + --picker_item_bg: var(--theme_bg); + --picker_active_shadow: var(--theme_shadow_hover_btn); + --picker_button_active_bg: RGBA(var(--verylightGray5), 1); + --picker_button_active_color: RGBA(var(--darkGray), 1); + --picker_button_active_shadow: var(--theme_shadow_active); + --picker_item_selected_border_color: var(--theme_command_fg); + --picker_button_shadow: 0px 0px 10px 1px RGBA(var(--neutral_200)); + --picker_button_hover_shadow: none; + --picker_button_hover: RGBA(var(--neutral_200)); + --picker_fill: RGBA(var(--neutral_400)); + + /* SignInPanel */ + --signIn_text_fg: var(--theme_editor_fg); + --signIn_field_bg: RGBA(var(--neutral_0)); + --signIn_field_focused_bg: RGBA(var(--neutral_200)); + --signIn_field_focused_fg: RGBA(var(--neutral_950)); + --signIn_field_focused_shadow: 0 0 0 30px var(--theme_editor_focused_bg) inset; + + --signIn_btn_hover_shadow: 0px 0px 10px 1px RGBA(var(--neutral_200)); + --signIn_btn_hover_bg: RGBA(var(--green_600)); + --signIn_btn_active_shadow: var(--theme_shadow_active); + --signIn_btn_active_bg: RGBA(var(--verylightGray5), 1); + --signIn_btn_active_color: RGBA(var(--darkGray), 1); + --signIn_check_color: RGBA(var(--verydarkGray2), 1); + --spinner_wait_color: RGBA(var(--white), 1); + --signIn_field_border: 1px solid RGBA(var(--neutral_200)); + --signIn_field_icon_fg: RGBA(var(--neutral_400)); + --signIn_field_focused_icon_fg: RGBA(var(--green_500)); + --signIn_text_shadow: 0 0 0 30px var(--theme_bg) inset; + --signIn_check_fg: RGBA(var(--neutral_800)); + --signIn_check_check_fg: RGBA(var(--green_500)); + --signIn_content_fg: RGBA(var(--neutral_800)); + --signIn_content_border: 1px solid RGBA(var(--neutral_300), 1); + --signIn_infolabel_fg: RGBA(var(--neutral_400)); + --signIn_btn_shadow: RGBA(var(--neutral_600)); + --signIn_btn_action_bg: RGBA(var(--green_500)); + --signIn_btn_action_fg: RGBA(var(--neutral_50)); + --signIn_btn_action_icon_fg: var(--theme_accent); + --signIn_btn_version_bg: RGBA(var(--neutral_0)); + --signIn_btn_version_fg: RGBA(var(--neutral_800)); + --signIn_btn_version_icon_fg: RGBA(var(--neutral_400)); + --signIn_clear_icon_color: RGBA(var(--theme_primary_text)); + --signIn_btn_version_box_shadow: 0px 0px 10px 1px RGBA(var(--neutral_200)); + --signIn_btn_version_border: none; + --signIn_btn_version_hover: RGBA(var(--neutral_200)); + --signIn_btn_send_bg: RGBA(var(--green_500)); + --signIn_info_label_caption_fg: rgb(68, 70, 69); + --signIn_info_label_text_fg: RGBA(var(--pureBlack)); + + /* Signature */ + --signature_content_border: 1px solid var(--theme_editor_border); + --signature_content_bg: RGBA(var(--white), 1); + --signature_icon_bg: RGBA(var(--verylightGray7), 1); + --signature_icon_color: var(--theme_accent); + --signature_icon_shadow: var(--theme_shadow_btn); + --signature_icon_active_color: RGBA(177, 177, 177, 1); + --signature_icon_active_bg: RGBA(242, 242, 242, 1); + --signature_icon_active_shadow: var(--theme_shadow_active); + --signature_icon_hover_shadow: var(--theme_shadow_hover_btn); + --signature_cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAC0SURBVDhP5dAxDgFBGMXxL1QKrcIpJC4gChKVQ7iBZDudI2hQOoHCCbiHG0g2Cir2/2I2mTBmRu0lvw12vzffMlJijw7mWKCB7Gh4gCWezhbZJTpZwxfUBT+VaG1/0Jcs0c3W62MwM6yRLNkgtEEta5M/K1khmljJDSMMYU1dAtGDB3TR1w8ud0zRww5tRONvopPHKNx3OSIZleid34dPSG7gR+/8MfztPwjlDA09MMHVzKwCwT9YkYhzGI8AAAAASUVORK5CYII="), + auto; + + /* Label */ + --label_fg: RGBA(var(--neutral_800)); + --label_color: RGBA(var(--mostlydesaturateddarkBlue), 1); + --label_green_fg: RGBA(var(--strongGreen), 1); + --label_red_fg: RGBA(var(--strongRed), 1); + --label_warning_fg:RGBA(var(--strongRed), 1); + --label_info_fg: RGBA(var(--blue_600), 1); + --label_tip_fg: RGBA(var(--white), 1); + --label_tip_bg: RGBA(55, 78, 89, 1); + --label_tip_border: 1px solid var(--theme_editor_border); + --label_info_fg2: RGBA(var(--neutral_800), 1); + --label_info_fw: 600; + + /* StopWatch */ + --stop_watch_bg: var(--theme_editor_disabled_bg); + --stop_watch_border: 1px solid var(--theme_editor_disabled_border); + + /* PDF Viewer */ + --pdf_viewer_bg_start: RGBA(82, 82, 82, 0.99); + --pdf_viewer_bg_stop: 69, 69, 69, 0.95; + --pdf_viewer_shadow: 5px 3px 5px -1px RGBA(var(--mostlyBlack), 1); + --pdf_full_screen_shadow: 1px 1px 4px rgb(var(--darkGray2)); + --pdf_full_screen_bg: rgb(var(--white)); + --pdf_full_screen_fg: rgb(90, 90, 90); + --pdf_hide_toolbar_bg: rgb(237, 237, 240); + + /* Simple Scheduler */ + --ss_font: 'ROBOTO', sans-serif; + --ss_shortday_fg: rgb(64, 64, 64); + --ss_element_bg: rgb(244, 249, 255); + --ss_element_fg: var(--primaryText, rgb(0, 0, 0)); + --ss_label_fg: var(--secondaryText, rgb(64, 64, 64)); + --ss_label_last_day_fg: rgb(220, 38, 38); + --ss_resource_fg: var(--primaryText, rgb(0, 0, 0)); + + /* Simple Scheduler with Task List */ + --ss_tl_btn_bg: RGBA(var(--theme), 1); + --ss_tl_btn_fg: RGBA(55, 78, 89, 1); + --ss_tl_btn_selected_fg: RGBA(55, 78, 89, 1); + --ss_tl_tasks_bg: RGBA(var(--theme), 1); + --ss_tl_tasks_fg: RGBA(66, 82, 109, 1); + --ss_tl_tasks_shadow: 0 10px 10px RGBA(var(--pureBlack), 0.16); + --ss_tl_task_bg: RGBA(var(--white), 1); + --ss_tl_task_date_fg: RGBA(177, 181, 195, 1); + --ss_tl_task_date_icon_fg: RGBA(var(--verydarkGray), 1); + --ss_tl_task_add_bg: RGBA(55, 78, 89, 1); + --ss_tl_task_add_fg: RGBA(var(--white), 1); + --ss_tl_day_marker_selected: rgb(112, 112, 112); + + /* Radiobutton */ + --radiobutton_check: RGBA(var(--brand_500)); + --radiobutton_unchecked: RGBA(var(--neutral_700)); + --radiobutton_disabled: RGBA(var(--neutral_500)); + --radiobutton_hover: RGBA(var(--brand_300)); + --radiobutton_hover_unchecked: RGBA(var(--neutral_400)); + --radiobutton_focused_icon: RGBA(var(--neutral_600)); + --radiobutton_focused: RGBA(0, 34, 22); + --radiobutton_chips_fg: RGBA(0, 0, 0, 1); + --radiobutton_chips_border: RGBA(var(--neutral_400)); + --radiobutton_chips_checked_bg: RGBA(204, 226, 218, 1); + --radiobutton_chips_disabled_bg: RGBA(var(--neutral_100)); + --radio_split_button_fg: RGBA(0, 0, 0, 1); + --radio_split_button_bg: RGBA(230, 231, 231, 1); + --radio_split_button_border: RGBA(205, 210, 210, 1); + --radio_split_button_checked_fg: RGBA(255, 255, 255, 1); + --radio_split_button_checked_bg: RGBA(0, 114, 61, 1); + --radio_split_button_disabled_fg: RGBA(191, 194, 194, 1); + --radio_split_button_disabled_bg: RGBA(245, 245, 245, 1); + --radio_tab_fg: RGBA(var(--neutral_1000)); + --radio_tab_bg: RGBA(var(--neutral_0)); + --radio_tab_border_color: RGBA(var(--neutral_0)); + --radio_tab_border_color_checked: RGBA(0, 114, 61, 1); + + /* ShortCut Window */ + --shortcut_bg: RGBA(var(--neutral_50)); + --shortcut_shadow_fg: 0 0 0 1px RGBA(var(--neutral_300)); + --shortcut_shadow_hover_fg: RGBA(var(--neutral_300)); + --shortcut_shadow_hover_bg: RGBA(var(--neutral_200)); + --shortcut_overlay_bg: var(--theme_overlay_bg); + --shortcut_window_border: none; + --shortcut_title_fg: RGBA(var(--neutral_800)); + --shortcut_footer_fg: RGBA(var(--neutral_600)); + --shortcut_cmd_fg: RGBA(var(--neutral_800)); + --shortcut_cmd_key_fg: RGBA(var(--neutral_800)); + --shortcut_cmd_key_bg: RGBA(var(--neutral_150)); + --shortcut_cmd_key_active_fg: RGBA(var(--neutral_800)); + --shortcut_cmd_key_active_bg: RGBA(var(--neutral_50)); + --shortcut_cmd_key_active_border: none; + --shortcut_close_icon: RGBA(var(--neutral_800), 1); + + /* Slider */ + --slider_fg: RGBA(var(--pureBlack)); + --slider_knob: RGBA(var(--brand_500)); + --slider_active_knob: RGBA(var(--brand_300)); + --slider_active_knob_shadow: 0 0 0 20px RGBA(var(--brand_20), 0.6); + --slider_active_shadow: 0px 0px 10px 1px RGBA(0, 0, 0, 0.25); + --slider_disabled_knob: rgb(130, 139, 137); + --slider_track_bg: RGBA(var(--neutral_300)); + --slider_disabled_track_bg: RGBA(var(--neutral_300)); + + /* Spinner */ + --spinner_bg: RGBA(var(--lightGray7), 1); + --spinner_fs: 14px; + --spinner_header_fc: RGBA(0, 0, 0, 1); + --spinner_header_bg: transparent; + --spinner_progress_bar_bg: RGBA(var(--lightGreen), 1); + --spinner_stop_color: RGBA(97, 165, 140, 1); + --spinner_stop_color_next: RGBA(210, 229, 222, 1); + --spinner_fill: RGBA(1, 110, 70, 1); + + /* Recovery Panel */ + --recovery_reset_fg: RGBA(var(--neutral_800), 1); + --recovery_response_fg: var(--error); + --recovery_field_border: none; + --recovery_field_bg: RGBA(212, 212, 212, 1); + --recovery_field_icon: RGBA(var(--neutral_400), 1); + --recovery_field_focused_border: none; + --recovery_field_focused_bg: RGBA(var(--neutral_300)); + --recovery_field_focused_icon: RGBA(var(--green_500), 1); + --recovery_btn_shadow: var(--theme_shadow_btn); + --recovery_btn_fg: RGBA(var(--neutral_50), 1); + --recovery_btn_bg: RGBA(var(--green_500), 1); + --recovery_btn_hover_shadow: none; + --recovery_btn_active_shadow: none; + --recovery_btn_active_fg: RGBA(var(--neutral_50), 1); + --recovery_btn_active_bg: RGBA(var(--green_600), 1); + --recovery_btn_hover_bg: RGBA(var(--green_600)); + --recovery_btn_active_border: inherit; + --recovery_btn_login_border: inherit; + --recovery_btn_login_bg: transparent; + --recovery_btn_go_login_bg: transparent; + --recovery_btn_go_login_border: 1px solid RGBA(var(--green_500)); + --recovery_btn_go_login_color: RGBA(var(--neutral_800)); + --recovery_btn_go_login_hover: RGBA(var(--neutral_300)); + + /* Stack */ + --stack_label_fg: var(--theme_editor_label_fg); + --stack_bg: transparent; + + /* Scheduler */ + --scheduler_inline_fg: RGBA(var(--neutral_950)); + --scheduler_grid_fg: RGBA(var(--neutral_300)); + --scheduler_other_month_bg: RGBA(var(--neutral_150)); + --scheduler_selected_cell_bg: RGBA(var(--blue_600), 0.1); + --scheduler_selected_cell_header_fg: RGBA(var(--neutral_950)); + --scheduler_selected_cell_more_fg: RGBA(var(--neutral_500)); + --scheduler_current_date_border_fg: RGBA(var(--blue_600)); + --scheduler_current_date_border: 1px solid RGBA(28, 103, 168); + --scheduler_current_date_header_fg: RGBA(var(--neutral_900)); + --scheduler_header_cells_fg: RGBA(var(--neutral_800)); + --scheduler_header_cells_bg: RGBA(var(--neutral_50)); + --scheduler_month_head_icon_fg: RGBA(var(--neutral_950)); + --scheduler_month_head_icon_alert_fg: RGBA(var(--red_700)); + --scheduler_vertical_current_day_border: 1px solid RGBA(var(--green_400)); + --scheduler_vertical_current_day_border_fg: RGBA(var(--blue_600)); + --scheduler_vertical_current_day_fg: RGBA(var(--neutral_900)); + --scheduler_timeline_selected_cell_bg: RGBA(var(--blue_600), 0.2); + --scheduler_tooltip_fg: RGBA(var(--neutral_800)); + --scheduler_tooltip_bg: RGBA(var(--neutral_50)); + --scheduler_cell_hover_event_border_fg: RGBA(var(--neutral_50)); + --scheduler_evnet_border_fg: RGBA(var(--neutral_50)); + --scheduler_work_day_bg: RGBA(var(--neutral_50)); + --scheduer_date_header_fg: RGBA(var(--neutral_900)); + --scheduler_bg: RGBA(var(--neutral_50)); + --scheduler_event_bg: RGBA(var(--blue_600), 0.2); + --scheduler_work_cell_hover_bg: RGBA(var(--neutral_100)); + --scheduler_event_subject_fg: RGBA(var(--neutral_800)); + --scheduler_resources_cell_bg: RGBA(var(--neutral_50)); + --scheduler_resources_cell_fg: RGBA(var(--neutral_500)); + --scheduler_other_month_fc: RGBA(0, 0, 0, 0.87); + --scheduler_current_month_fc: RGBA(0, 0, 0, 0.87); + --scheduler_selected_border: 0.5px solid rgba(0, 0, 0, 0.12); + --scheduler_appointment_color: RGBA(var(--blue_600)); + --scheduler_appointment_box_shadow: 0px 0px 3px 1px RGBA(var(--blue_700), 0.5); + --scheduler_more_color: RGBA(var(--neutral_950)); + --scheduler_more_color_month: RGBA(var(--neutral_950)); + + /* RxDesigner */ + --rx_designer_icon_fg: RGBA(var(--mostlydesaturateddarkBlue)); + + /* ThreadComments */ + --threadscommends_main_bg: RGBA(var(--neutral_0)); + --threadscommends_panel_border: 1px solid RGBA(var(--neutral_300)); + --threadscommends_panel_color: RGBA(var(--neutral_800)); + --threadscommends_panel_hover_color: RGBA(var(--neutral_800)); + --threadscommends_panel_bg: RGBA(var(--neutral_0)); + --threadscommends_panel_hover_bg: rgb(245, 245, 245); + --threadscommends_panel_icon_color: RGBA(var(--green_500)); + --threadscommends_con_bg: rgb(242, 242, 242); + + --comment_c_end_border: 1px solid RGBA(var(--neutral_300)); + --comment_c_h_author_color: RGBA(var(--neutral_800)); + --comment_c_h_status_color: RGBA(var(--green_500)); + --comment_c_h_status_hover: RGBA(250, 250, 250, 1); + --comment_c_h_status_cursor: default; + --comment_c_h_date_color: RGBA(var(--neutral_600)); + --comment_c_h_source_color: RGBA(var(--neutral_800)); + --comment_ball_border: 1px solid RGBA(255, 255, 255); + --comment_c_h_source_val_color: RGBA(49, 161, 163, 1); + --comment_c_h_draft_color: RGBA(var(--red_600)); + --comment_c_h_nocomments_color: RGBA(var(--blue_600)); + --comment_c_btn_hover_shadow: 0 0 0 0.5px RGBA(var(--pureBlack), 0.1), 0px 0px 5px 2px RGBA(var(--pureBlack), 0.1); + --comment_c_btn_hover_bg: inherit; + --comment_c_btn_icon_color: rgb(94, 134, 152); + --comment_c_btn_r_color: rgb(94, 134, 152); + --comment_c_btn_r_icon_color: rgb(94, 134, 152); + --comment_c_btn_green_color: RGBA(var(--green_500), 1); + --comment_c_btn_fg: RGBA(var(--neutral_800)); + --comment_c_like_icon_color: RGBA(var(--neutral_800)); + --comment_c_like_icon_ac_color: RGBA(var(--green_500)) !important; + --comment_c_like_green_color: RGBA(var(--neutral_800)); + --comment_c_like_blue_color: RGBA(var(--neutral_800)); + --comment_fav_icon_color: RGBA(var(--neutral_800)); + --comment_fav_color: RGBA(50, 169, 98, 1); + --comment_fav_icon_ac_color: RGBA(var(--amber_500)); + --comment_base_text_color: RGBA(var(--neutral_800)); + --comment_base_link_color: RGBA(37, 99, 235, 1); + --comment_base_text_bg: transparent; + --comment_text_con_bg: RGBA(var(--neutral_0)); + --comment_text_con_color: RGBA(var(--neutral_800)); + --comment_text_con_border: none; + --comment_btn_more_icon_color: RGBA(var(--green_500)); + --comment_btn_more_hover_bg: RGBA(var(--neutral_200)); + --comment_btn_more_hover_border: 1px solid RGBA(var(--neutral_200)); + --comment_btn_more_con_border: 1px solid rgba(0, 0, 0, 0.1); + --comment_btn_more_con_bg: RGBA(var(--white)); + --comment_base_show_more_color: RGBA(var(--blue_600)); + --comment_base_show_more_shadow: inset 1px 0px 0px 0px rgb(213, 213, 213); + --comment_val_bg: RGBA(var(--neutral_0)); + --comment_val_border: 1px solid RGBA(var(--neutral_200)); + --comment_val_c_h_author_color: RGBA(var(--neutral_800)); + --comment_file_bg: rgb(236, 249, 255); + --comment_file_border: 1px solid RGBA(var(--blue_600), 0.23); + --comment_file_color: RGBA(var(--blue_600)); + --comment_file_icon_color: RGBA(var(--blue_600)); + --comment_color: RGBA(var(--blue_600)); + + --thread_bg: RGBA(var(--white)); + --thread_border: 1px solid RGBA(var(--neutral_200)); + --thread_title_color: rgb(0, 0, 0); + --thread_footer_bg: RGBA(var(--white)); + --thread_footer_color: RGBA(var(--mostlyBlack), 1); + --thread_footer_border: 1px solid RGBA(var(--neutral_300)); + --thread_footer_hover_bg: RGBA(var(--neutral_0)); + --thread_footer_hover_color: rgb(90, 90, 90); + --thread_footer_btn_icon_color: RGBA(var(--green_500)); + --thread_editor_bg: transparent; + --thread_modal_bg: RGBA(var(--white), 1); + --thread_modal_header_icon_color: var(--question); + --thread_modal_text_color: RGBA(var(--mostlydesaturateddarkBlue), 1);; + --thread_modal_bts_color: RGBA(var(--white), 1); + --thread_modal_bts_fs: 1.1em; + --threads_modal_overlay_bg: RGBA(45, 45, 45, 0.5); + --threads_modal_con_bg: RGBA(242, 242, 242, 1); + --th_chips_default_color: RGBA(64, 64, 64, 1); + + --th_btn_cancel_fg: RGBA(var(--red_600)); + --th_btn_cancel_bg: RGBA(var(--neutral_0)); + --th_btn_cancel_hover: RGBA(242, 242, 242, 1); + --th_btn_cancel_border: 1px solid RGBA(var(--neutral_300)); + --th_btn_draft_fg: RGBA(94, 134, 152, 1); + --th_btn_draft_bg: RGBA(242, 242, 242, 1); + --th_btn_save_fg: RGBA(var(--neutral_50)); + --th_btn_save_bg: RGBA(var(--green_500)); + --th_btn_save_hover: RGBA(var(--green_500)); + --th_btn_save_fs: unset; + --th_btn_active_bg: unset; + --th_btn_active_border: unset; + + /* Pivot */ + --pivot_filter_color: var(--theme_primary_text); + --pivot_filter_field_bg: rgb(189, 216, 232); + --pivot_filter_exp_bg: rgb(193, 217, 199); + --pivot_filter_value_bg: rgba(221, 221, 221, 0.5); + --pivot_filter_inrange_icon_bg: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KPHRpdGxlPmlucmFuZ2U8L3RpdGxlPgo8cGF0aCBkPSJNIDEyLjQxMTgxOSw1LjY2MDQ3MDggQyAxNC4wMTY0NTksNy40NDMxMzQ2IDE0LjE0Myw5IDE0LjE0Myw5IEggMy44NTcgViA2LjQyOSBIIDIuNTcxIHYgNi40MjkgaCAxLjI4NiB2IC0yLjU3MSBoIDEwLjI4NiBjIDAsMCAwLjEwNDgwNiwxLjIwNzMxNiAtMS43NTgxNDcsMy4zNTMwMTIgMC42MjgzOTQsLTEuMjFlLTQgMS4wODY3NTIsMC4wMDI5IDEuNTAxNzI3LDAgMC43MjkxNTMsLTAuOTAyNjA2IDEuNTMwNjE5LC0xLjg5MTI5IDEuNTMwMDE4LC00LjAyMDM3MjcgLTUuNzNlLTQsLTIuMDI4MTMwNCAtMC42ODM3MjIsLTMuMTcwOTU0NyAtMS41MDMwNTIsLTMuOTU5MTY4NSAwLDAgLTEuMDI1Njc3LDAuMDA0MDMgLTEuNTAxNzI3LDAgeiIgc3R5bGU9ImZpbGw6Izg5ODk4OSI+PC9wYXRoPgo8L3N2Zz4K); + --pivot_pivotgrid_bg: RGBA(255, 255, 255, 1); + --pivot_border: none; + --pivot_border_bottom: 1px solid RGBA(221, 221, 221, 1); + --pivot_btn_bg: RGBA(255, 255, 255, 1); + --pivot_border_color: RGBA(221, 221, 221, 1); + --pivot_hover_bg: RGBA(245, 245, 245, 1); + --pivot_focused_border_color: RGBA(221, 221, 221, 1); + --pivot_focused_bg: RGBA(255, 255, 255, 1); + --pivot_active_bg: RGBA(194, 194, 194, 1); + --pivot_active_border_color: RGBA(221, 221, 221, 1); + --pivot_active_color: RGBA(51, 51, 51, 1); + --pivot_area_description_border: 1px solid RGBA(221, 221, 221, 1); + --pivot_bg: RGBA(255, 255, 255, 1); + --pivot_scroll_content: RGBA(191, 191, 191, 1); + --pivot_scrollbar: transparent; + --pivot_box_shadow: 0 6px 12px rgba(0,0,0, 0.175); + --pivot_overlay_content_bg: RGBA(255, 255, 255, 1); + --pivot_popup_title_color: RGBA(51, 51, 51, 1); + --pivot_overlay_content_border: 1px solid RGBA(221, 221, 221, 1); + --pivot_close_popup_color: RGBA(51, 51, 51, 1); + --pivot_close_button_hover_bg: RGBA(0, 0, 0, 0.4); + --pivot_close_popup_color_focused_bg: RGBA(0, 0, 0,.08); + --pivot_close_popup_color_border_focused: transparent; + --pivot_close_popup_color_active_bg: RGBA(0, 0, 0, 0.8); + --pivot_close_popup_color_border_active: transparent; + --pivot_close_popup_color_font_active: RGBA(51, 51, 51, 1); + --pivot_area_fields_border: 1px solid RGBA(221, 221, 221, 1); + --pivot_group_bg: RGBA(221, 221, 221, 0.2); + --pivot_drag_border: RGBA(51, 122, 183, 1); + --pivot_texteditor_border: 1px solid RGBA(221, 221, 221, 1); + --pivot_texteditor_bg: RGBA(0, 0, 0, 0); + --pivot_texteditor_border_hover: RGBA(51, 122, 183, 0.4); + --pivot_texteditor_border_active: RGBA(51, 122, 183, 0.4); + --pivot_clear_button_bg: inherit; + --pivot_clear_button_color: RGBA(153, 153, 153, 1); + --pivot_texteditor_color: inherit; + --pivot_dx_widget_color: RGBA(51, 51, 51, 1); + --pivot_treeview_item_color: RGBA(51, 51, 51, 1); + --pivot_treeview_item_hover_color: RGBA(51, 51, 51, 1); + --pivot_treeview_item_hover_bg: RGBA(0, 0, 0, 0.04); + --pivot_checkbox_bg: RGBA(255, 255, 255, 1); + --pivot_checkbox_border_color: RGBA(221, 221, 221, 1); + --pivot_checkbox_border_color_hover: RGBA(38, 90, 135, 1); + --pivot_checkbox_bg_active: RGBA(255, 255, 255, 1); + --pivot_checkbox_icon_color_checked: RGBA(51, 122, 183, 1); + --pivot_checkbox_bg_checked: RGBA(255, 255, 255, 1); + --pivot_list_hover_border_color: RGBA(38, 90, 135, 1); + --pivot_checkbox_bg_indeterminate: RGBA(51, 122, 183, 1); + --pivot_list_color: RGBA(51, 51, 51, 1); + --pivot_list_border: 1px solid RGBA(221, 221, 221, 1); + --pivot_loadpanel_bg: RGBA(96, 96, 96, 1); + --pivot_loadpanel_border: inherit; + --pivot_overlay_color: inherit; + --pivot_loadindicator_bg: RGBA(96, 96, 96, 1); + --pivot_overlay_bg: RGBA(255, 255, 255, .8); + --pivot_filter_bg: RGBA(255, 255, 255, 1); + --pivot_treeview_item_selected_bg: RGBA(0, 0, 0, 0.1); + --pivot_treeview_item_selected_color: RGBA(51, 51, 51, 1); + --pivot_filter_group_bg: RGBA(217, 83, 79, 0.3); + --pivot_filter_group_color: RGBA(51, 51, 51, 1); + --pivot_filter_group_border: none; + --pivot_filter_group_hover_bg: RGBA(217, 83, 79, 0.5); + --pivot_filter_group_active_bg: RGBA(217, 83, 79, 1); + --pivot_filter_group_active_color: RGBA(255, 255, 255, 1); + --pivot_icon_plus_color: RGBA(92, 184, 92, 0.3); + --pivot_icon_plus_color_active: RGBA(92, 184, 92, 1); + --pivot_icon_plus_bg_active: RGBA(0, 0, 0, 0); + --pivot_icon_plus_color_hover: RGBA(92, 184, 92, 0.5); + --pivot_icon_plus_bg_hover: RGBA(0, 0, 0, 0); + --pivot_treeview_item_focused_bg: RGBA(0, 0, 0, 0); + --pivot_icon_remove_color: RGBA(217, 83, 79, 0.3); + --pivot_icon_remove_color_hover: RGBA(217, 83, 79, 0.5); + --pivot_icon_remove_bg_hover: RGBA(0, 0, 0, 0); + --pivot_icon_remove_color_focus: RGBA(217, 83, 79, 1); + --pivot_icon_remove_bg_focus: RGBA(0, 0, 0, 0); + --pivot_filter_field_bg: RGBA(51, 122, 183, 0.3); + --pivot_filter_color: inherit; + --pivot_filter_field_bg_hover: RGBA(51, 122, 183, 0.5); + --pivot_filter_color_hover: inherit; + --pivot_filter_field_bg_active: RGBA(51, 122, 183, 1); + --pivot_filter_operation_bg: RGBA(92, 184, 92, 0.3); + --pivot_filter_color: RGBA(0, 0, 0, 1); + --pivot_filter_operation_bg_hover: RGBA(92, 184, 92, 0.7); + --pivot_filter_color_hover: RGBA(0, 0, 0, 1); + --pivot_filter_operation_bg_active: RGBA(92, 184, 92, 0.8); + --pivot_filter_color_active: RGBA(255, 255, 255, 1); + --pivot_filter_value_bg: RGBA(221, 221, 221, 0.5); + --pivot_filter_value_color: RGBA(51, 51, 51, 1); + --pivot_filter_value_bg_hover: RGBA(221, 221, 221, 0.7); + --pivot_filter_value_color_hover: RGBA(51, 51, 51, 1); + --pivot_filter_value_bg_active: RGBA(221, 221, 221, 0.5); + --pivot_filter_value_color_active: RGBA(0, 0, 0, 1); + --pivot_filter_value_color_active: RGBA(0, 0, 0, 1); + --pivot_treeview_item_selected_color: RGBA(51, 51, 51, 1); + --pivot_treeview_item_selected_bg: RGBA(0, 0, 0, 0.1); + --pivot_treeview_item_selected_bg_hover: RGBA(0, 0, 0, 0.04); + --pivot_treeview_item_without_checkbox_bg: RGBA(0, 0, 0, 0); + --pivot_dropdown_icon_color: RGBA(51, 51, 51, 1); + --pivot_dropdown_icon_bg: RGBA(229, 229, 229, 1); + --pivot_selectbox_bg: RGBA(255, 255, 255, 1); + --pivot_list_hover_bg: RGBA(0, 0, 0, .04); + --pivot_dropdown_icon_color_active: RGBA(51, 51, 51, 1); + --pivot_dropdown_icon_bg_active: RGBA(179, 179, 179, 1); + --pivot_list_selected_bg: RGBA(0, 0, 0, .1); + --pivot_list_selected_color: RGBA(51, 51, 51, 1); + --pivot_list_selected_icon_color: RGBA(51, 51, 51, 1); + --pivot_list_active_bg: RGBA(0, 0, 0, .1); + --pivot_list_active_color: RGBA(51, 51, 51, 1); + --pivot_list_icon_color_active: RGBA(51, 51, 51, 1); + --pivot_list_focused_bg: RGBA(51, 122, 183, 0.7); + --pivot_list_focused_color: RGBA(255, 255, 255, 1); + --pivot_filter_icon_color: RGBA(137, 137, 137, 1); + --pivot_numberbox_spin_icon_color: inherit; + --pivot_numberbox_spin_icon_bg: inherit; + --pivot_numberbox_spin_icon_bg_hover: RGBA(230, 230, 230, 1); + --pivot_numberbox_spin_icon_shadow_hover: 0 0 0 1px transparent inset; + --pivot_numberbox_spin_icon_bg_active: RGBA(230, 230, 230, 1); + --pivot_numberbox_spin_icon_color_active: inherit; + --pivot_calendar_bg: RGBA(255, 255, 255, 1); + --pivot_calendar_color: RGBA(153, 153, 153, 1); + --pivot_calendar_cell_color: RGBA(51, 51, 51, 1); + --pivot_calendar_empty_cell_color: RGBA(176, 176, 176, 1); + --pivot_calendar_today_color: RGBA(51, 122, 183, 1); + --pivot_calendar_hover_bg: RGBA(51, 122, 183, .24); + --pivot_calendar_hover_color: RGBA(51, 51, 51, 1); + --pivot_calendar_active_bg: inset 0 -1px 0 1000px rgba(96,96,96,.2); + --pivot_calendar_contoured_date_shadow: 0 0 0 2px rgba(51,122,183,.5); + --pivot_calendar_selected_bg: transparent; + --pivot_calendar_selected_color: RGBA(255, 255, 255, 1); + --pivot_btn_outlined_bg: transparent; + --pivot_border_outlined_color: RGBA(221, 221, 221, 1); + --pivot_calendar_navigator_color: RGBA(51, 122, 183, 1); + --pivot_outlined_icon_color: RGBA(51, 122, 183, 1); + --pivot_btn_outlined_bg_hover: RGBA(0, 0, 0, 0.04); + --pivot_border_outlined_color_hover: RGBA(221, 221, 221, 1); + --pivot_btn_outlined_bg_focused: RGBA(0, 0, 0, .08); + --pivot_border_outlined_color_focused: RGBA(221, 221, 221, 1); + --pivot_btn_outlined_bg_active: RGBA(0, 0, 0, .24); + --pivot_border_outlined_color_active: RGBA(221, 221, 221, 1); + --pivot_outlined_icon_color_active: RGBA(51, 51, 51, 1); + --pivot_btn_bg_hover: RGBA(245, 245, 245, 1); + --pivot_filter_btn_fg: RGBA(var(--darkGreen4)); + + --pivot_color1: RGBA(82, 82, 82, 1); + --pivot_color2: RGBA(51, 51, 51, 1); + --pivot_color3: RGBA(51, 51, 51, 1); + --pivot_color4: RGBA(221, 221, 221, 0.2); + --pivot_color5: RGBA(245, 245, 245, 1); + --pivot_color6: RGBA(51, 51, 51, 1); + --pivot_color7: RGBA(51, 51, 51, 1); + --pivot_color8: RGBA(221, 221, 221, 1); + --pivot_color9: RGBA(221, 221, 221, 1); + --pivot_color10: RGBA(149, 149, 149, 1); + --pivot_color11: RGBA(149, 149, 149, 0.5); + --pivot_color12: transparent; + --pivot_color13: RGBA(255, 255, 255, 1); + + /* TestRecorder */ + --recorder_bg: rgb(255 140 0); + --recorder_color: var(--theme_command_fg); + --recorder_border_fg: 1px solid RGBA(var(--pureBlack)); + --recorder_active_shadow: var(--theme_shadow_hover_btn); + --recorder_button_active_bg: RGBA(var(--verylightGray5), 1); + --recorder_button_active_shadow: var(--theme_shadow_active); + --recorder_button_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --recorder_button_hover_shadow: var(--theme_shadow_hover_btn); + --recorder_button_active_color: RGBA(255, 42, 42); + --recorder_button_disabled_color: RGBA(var(--darkGray)); + --recorder_stop_box_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1), 0 2px 3px RGBA(var(--pureBlack), 0.1); + --recorder_stop_bcg: RGBA(var(--verylightGray), 1); + + /* DropZone */ + --drop_zone_outline_fg: RGBA(var(--green_500)); + --drop_zone_text_fg: var(--wb_command_color); + --drop_zone_bg: RGBA(255, 255, 255); + + /* Fido Window */ + --mfa_svg_fill: RGBA(var(--neutral_600)); + --mfa_label_fg: RGBA(var(--neutral_800)); + --mfa_font_family: "FiraSansLight", Arial; + + /* Kanban */ + --kanban_default_operator_bg: RGBA(var(--green_500), 1); + --kanban_list_fg: rgba(0, 0, 0, 0.87); + --kanban_list_bg: rgba(192, 192, 192, 0.4); + --kanban_item_bg: RGBA(var(--white), 1); + --kanban_item_fg: rgba(0, 0, 0, 0.87); + --kanban_item_text_fg: rgba(0, 0, 0, 0.87); + --kanban_item_border: 0; + --kanban_item_box_shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24); + + /* TimelineClock */ + --timeline_bg: RGBA(var(--white), 1); + --timeline_fg: var(--theme_primary_text); + --timeline_hour_circle: RGBA(212, 212, 212, 1); + --timeline_area_circle: RGBA(188, 208, 211, 1); + --timeline_text_fg: RGBA(34, 34, 34, 1); + --timeline_indicator: RGBA(255, 0, 104, 1); + --timeline_current_time_circle: RGBA(242, 242, 242, 1); + + /* FolderTabBar */ + --folder_tab_item_bg: rgb(230, 231, 231); + --folder_tab_item_fg: RGBA(var(--pureBlack), 1); + --folder_tab_item_ac_bg: rgb(0, 114, 61); + --folder_tab_item_ac_fg: RGBA(var(--neutral_0), 1); + + /* WaitingIndicator */ + --wi_color1: RGBA(var(--green_50)); + --wi_color2: RGBA(var(--green_200)); + --wi_color3: RGBA(var(--green_400)); + --wi_color4: RGBA(var(--green_500)); + --wi_icon: RGBA(var(--neutral_600)); + --wi_bg: RGBA(var(--neutral_50)); + --wi_fg: RGBA(var(--neutral_800)); + + /* Skeleton */ + --skeleton_bg: rgb(235, 235, 235); + --skeleton_highlight_bg: rgb(245, 245, 245); +} diff --git a/soneta-ui-style/wzorce/css/standard/PaletteBaseConsole.css b/soneta-ui-style/wzorce/css/standard/PaletteBaseConsole.css new file mode 100644 index 0000000..cc0dcc3 --- /dev/null +++ b/soneta-ui-style/wzorce/css/standard/PaletteBaseConsole.css @@ -0,0 +1,825 @@ +.PaletteBaseConsole { + --defaultFont: 'Lato', 'ROBOTO', 'Segoe UI', Arial; + --primaryFont: var(--defaultFont); + --secondaryFont: var(--defaultFont); + --primaryMediumFont: 'ROBOTO-Medium', 'Segoe UI', Arial; + + --window_top_margin: 80px; + --window_footer_height: 30px; + --window_padding: 16px; + + --font_size_label: 24px; + --font_size_body: 14px; + --font_size_button: 14px; + --font_size_title: 16px; + --font_size_special: 24px; + --group_title_font_size: 24px; + + /* FIELD SIZE*/ + --field_height: 60px; + --field_min_height: 50px; + --field_padding_top: 12px; + --field_padding_bottom: 4px; + + --input_height: 38px; + --input_margin_bottom: 4px; + + --editorlabel_height: 12px; + --editorlabel_margin_bottom: 4px; + + --white: 255, 255, 255; + + --lightGray: 208, 208, 208; + --lightGray2: 213, 213, 213; + --lightGray3: 187, 187, 187; + --lightGray4: 172, 172, 172; + + --verylightGray: 242, 242, 242; + --verylightGray2: 224, 224, 224; + --verylightGray4: 234, 234, 234; + --verylightGray5: 229, 229, 229; + --verylightGray6: 193, 193, 193; + --verylightGray7: 245, 245, 245; + + --darkGray: 140, 140, 140; + --darkGray2: 128, 128, 128; + --verydarkGray: 70, 70, 70; + --verydarkGray2: 95, 95, 95; + + --darkGreen: 27, 94, 32; + --darkGreen3: 100, 146, 0; + + --pureBlack: 0, 0, 0; + --mostlyBlack: 45, 45, 45; + --strongYellow: 200, 200, 50; + --strongOrange: 255, 152, 0; + --strongRed: 220, 20, 0; + --strongGreen: 60, 130, 50; + --strongBlue: 0, 178, 238; + + --mostlydesaturateddarkBlue: 94, 134, 152; + --lightdesaturateddarkBlue: 120, 170, 195, 0.85; + --verypaleYellow: 255, 250, 208; + + --vividBlue: 34, 34, 255; + --vividLimeGreen: 34, 255, 34; + --vividOrange: 255, 165, 34; + --vividRed: 255, 34, 34; + + --palette_premium_blue: 59, 134, 255; + --palette_premium_green: 61, 207, 120; + --palette_premium_gray: 66, 82, 109; + --palette_premium_orange: 255, 157, 0; + --palette_premium_red: 214, 36, 77; + --palette_premium_turquise: 66, 210, 212; + + --palette_premium_darkgreen: 43, 157, 31; + --palette_premium_lightgray: 229, 233, 243; + + --background: var(--white); + --backgroundContrast: var(--pureBlack); + + /* SKALA SZAROŚCI OD TŁA GŁÓWNEGO */ + --verylightContrast1: 245, 245, 245; + --verylightContrast2: 242, 242, 242; + --verylightContrast3: 234, 234, 234; + --verylightContrast4: 229, 229, 229; + --verylightContrast5: 224, 224, 224; + + --lightContrast1: 213, 213, 213; + --lightContrast2: 208, 208, 208; + --lightContrast3: 193, 193, 193; + --lightContrast4: 187, 187, 187; + --lightContrast5: 172, 172, 172; + + --strongContrast1: 140, 140, 140; + --strongContrast2: 128, 128, 128; + --verystrongContrast1: 163, 163, 163; + --verystrongContrast2: 70, 70, 70; + --verystrongContrast3: 82, 82, 82; + + --almostfullContrast: var(--mostlyBlack); + --fullContrast: var(--pureBlack); + + /*------------------------------------------------*/ + + --theme: 118, 163, 0; + --themeContrast: var(--white); + --theme_contrast: var(--white); + --themeAccent: 94, 134, 152; + --themeAccentContrast: var(--white); + + --primaryText: var(--almostfullContrast); + --secondaryText: 114, 114, 114; + --labelColor: var(--pureBlack); + + --menuBackground: RGBA(var(--white), 1); + --menuBackgroundContrast: RGBA(var(--strongContrast2), 1); + + /* GENERAL */ + --warning: RGBA(var(--strongOrange), 1); + --error: RGBA(var(--strongRed), 1); + --info: RGBA(var(--strongGreen), 1); + --question: rgb(29, 78, 216); + + /* THEME */ + --theme_bg: RGBA(var(--background), 1); + --theme_body_fg: rgb(255, 192, 203); + + --theme_border: 1px solid RGBA(var(--lightContrast4), 1); + --theme_border_light: 1px solid RGBA(var(--verylightContrast5), 1); + --theme_border2: RGBA(var(--theme), 0.3); + --theme_text_icon: RGBA(var(--white), 1); + --theme_blink_normal: RGBA(var(--lightContrast1), 0.2); + --theme_blink_blue: rgba(154, 219, 249, 0.2); + --theme_accent: RGBA(var(--themeAccent), 1); + --theme_accent_opacity: RGBA(var(--themeAccent), 0.7); + --theme_divider: RGBA(var(--lightContrast5), 1); + --theme_primary_text: RGBA(var(--primaryText), 1); + --theme_form_bg: RGBA(var(--background), 1); + --theme_layer_bg: RGBA(var(--almostfullContrast), 0); + --theme_tap_highlight: RGBA(var(--fullContrast), 0); + --theme_shadow: rgba(70, 70, 70, 0.3); + --theme_light_shadow: RGBA(var(--almostfullContrast), 0.4); + --theme_overlay_bg: RGBA(var(--mostlyBlack), 0.3); + + --theme_hover_shadow: 0 0 0 1px RGBA(var(--theme_box_shadow), 0.1), 1px 1px 6px 2px RGBA(var(--theme_box_shadow), 0.2); + --theme_active_shadow: 0 0 1px 1px RGBA(var(--theme_box_shadow_light), 0.1), 0 0 1px 1px RGBA(var(--theme_box_shadow_light), 0.2); + --theme_shadow_hover_btn: 0 0 0 1px RGBA(var(--pureBlack), 0.1), 1px 1px 6px 2px RGBA(var(--pureBlack), 0.2); + + --theme_link_fg: rgb(34, 34, 255); + --theme_error: rgb(220, 20, 0); + --theme_warning: rgb(255, 152, 0); + --theme_info: rgb(60, 130, 50); + --theme_question: RGBA(var(--themeAccent), 1); + + /* PARTIAL */ + --theme_icon: RGBA(var(--white), 1); + --theme_box_shadow: RGBA(var(--pureBlack), 1); + --theme_box_shadow_light: RGBA(var(--lightContrast5), 1); + --theme_content_icon: RGBA(var(--themeAccent), 1); + --theme_content_title_fg: RGBA(var(--themeAccent), 1); + + /* HeaderBar */ + --headerbar_bg: RGBA(var(--theme), 1); + --headerbar_fg: RGBA(var(--white), 1); + --headerbar_command_bg: RGBA(var(--darkGreen3), 1); + --headerbar_command_hover_bg: RGBA(75, 106, 120); + --headerbar_icon: RGBA(var(--white), 1); + --headerbar_icon_hover: RGBA(var(--white), 1); + --headerbar_logo_icon: RGBA(var(--white), 1); + --headerbar_command_bell_bg: RGBA(179, 0, 0); + --headerbar_command_special_bg: RGBA(179, 0, 0); + --headerbar_command_special_icon: RGBA(var(--white), 1); + --headerbar_command_special_shadow: 2px 4px 14px rgba(120, 120, 120, 0.8); + + /* GROUP */ + --group_bg: RGBA(245, 245, 245, 1); + --group_title_fg: RGBA(23, 23, 23, 1); + --group_item_fg: RGBA(114, 114, 114, 1); + --group_icon: RGBA(var(--theme), 1); + --group_content_fg: RGBA(23, 23, 23, 1); + --group_shadow: unset; + --group_border: 1px solid RGBA(212, 212, 212, 1); + + /* INPUT SEARCH */ + --input_search_fg: RGBA(var(--mostlyBlack), 1); + --input_search_placeholder_fg: RGBA(var(--white), 0.6); + --input_search_icon: RGBA(var(--white), 0.8); + + /* WINDOW */ + --window_bg: RGBA(var(--background), 1); + + /* Scroll */ + --scroll_con_bg: transparent; + --scroll_icon_fg: RGBA(0, 0, 0, 1); + --scroll_icon_bg: RGBA(255, 255, 255, 1); + --scroll_icon_border: 0.6px solid RGBA(163, 163, 163, 1); + --scroll_icon_shadow: 1.2px 1.2px 3px 0px RGBA(0, 0, 0, 0.50); + + /* WIZARD */ + --wizard_bg: RGBA(var(--background), 1); + --wizard_buttons_bg: inherit; + --wizard_command_fg: RGBA(var(--themeAccent), 1); + --wizard_headerbar_bg: RGBA(var(--themeAccent), 1); + --wizard_headerbar_fg: RGBA(var(--themeAccentContrast), 1); + --wizard_headerbar_icon: RGBA(var(--themeAccentContrast), 1); + --wizard_title_bg: RGBA(var(--themeAccent), 1); + --wizard_label_fg: RGBA(var(--secondaryText), 1); + --wizard_title_fg: RGBA(var(--white), 1); + + /* EDITOR */ + --theme_editor_bg: RGBA(var(--background), 1); + --theme_editor_disabled_bg: RGBA(var(--verylightGray5), 1); + --theme_editor_fg: RGBA(var(--almostfullContrast), 1); + --theme_editor_disabled_fg: RGBA(var(--strongContrast2), 1); + --theme_editor_border: rgb(195, 227, 234); + --theme_editor_disabled_border: RGBA(var(--lightGray2), 1); + --theme_editor_focused_bg: rgb(255, 250, 208); + --theme_editor_label_fg: RGBA(23, 23, 23, 1); + + /* CHECKBOX */ + --checkbox_bg: RGBA(73, 126, 77, 1); + --checkbox_bg_hover: RGBA(58, 142, 111); + --checkbox_fill_color: RGBA(var(--white), 1); + --checkbox_border: 2px solid RGBA(77, 81, 80); + --checkbox_border_hover: 2px solid RGBA(133, 139, 137); + --checkbox_border_disabled: 2px solid RGBA(var(--verylightContrast5), 1); + --checkbox_disabled_fg: RGBA(var(--neutral_600)); + --checkbox_disabled_icon: RGBA(109, 115, 113); + --checkbox_disabled_color: RGBA(230, 231, 231); + --checkbox_grid_border: 2px solid RGBA(0, 0, 0, 1); + --checkbox_grid_bg: RGBA(255, 255, 255, 1); + + /* RADIOBUTTON */ + --radiobutton_checked: RGBA(var(--theme), 1); + --radiobutton_unchecked: RGBA(var(--strongContrast2), 1); + --radiobutton_disabled: RGBA(var(--verylightContrast5), 1); + --radiobutton_bg: var(--theme_editor_bg); + --radiobutton_tap_highlight: var(--theme_tap_highlight); + + /* COMMAND */ + --command_form_bg: RGBA(255, 255, 255, 1); + --command_form_fg: RGBA(0, 0, 0, 1); + --command_form_active_fg: RGBA(var(--palette_premium_gray)); + --command_icon: RGBA(var(--verydarkGray2)); + --command_title_fg: var(--theme_primary_text); + --command_important_fg: RGBA(var(--white)); + --command_important_bg: RGBA(var(--theme), 1); + --command_disabled_bg: RGBA(163, 163, 163, 1); + --command_disabled_opacity: 0.6; + + /* DATEPICKER */ + --dp_box_bg: RGBA(var(--background), 1); + --dp_box_shadow: 0px 0px 18px 0px var(--theme_shadow); + --dp_header_bg: RGBA(var(--verystrongContrast1), 1); + --dp_header_fg: RGBA(var(--white), 1); + --dp_header_year_fg: RGBA(var(--white), 0.7); + --dp_fullday_bg: RGBA(var(--verystrongContrast2), 1); + --dp_fullday_fg: RGBA(var(--white), 1); + --dp_navigation_icon: RGBA(var(--verystrongContrast2), 1); + --dp_navigation_fg: RGBA(var(--themeAccentContrast), 1); + --dp_navigation_bg: RGBA(var(--verystrongContrast2), 1); + --dp_element_fg: RGBA(var(--primaryText), 1); + --dp_selected_day_fg: RGBA(var(--white), 1); + --dp_selected_day_bg: rgb(70, 70, 70); + --dp_current_day_fg: rgb(200, 200, 50); + --dp_button_fg: RGBA(var(--verystrongContrast2), 1); + --dp_ym_header_bg: RGBA(var(--verystrongContrast2), 1); + --dp_ym_header_fg: RGBA(var(--themeAccentContrast), 1); + --dp_ym_month_bg: RGBA(var(--strongContrast1), 1); + --dp_ym_month_fg: RGBA(var(--themeContrast), 1); + --dp_ym_month_icon: RGBA(var(--verystrongContrast2), 1); + --dp_fn_bg: RGBA(var(--background), 1); + --dp_fn_fg: RGBA(var(--fullContrast), 0.7); + --dp_item_border: RGBA(var(--verylightContrast5), 1); + --dp_button_icon: RGBA(var(--verystrongContrast1), 1); + --dp_week_fg: RGBA(var(--theme), 1); + --dp_overlay_bg: var(--theme_light_shadow); + --dp_fn_selected_fg: var(--dp_header_fg); + --dp_fn_selected_bg: RGBA(var(--verystrongContrast1), 1); + --dp_fn_separator: 1px solid RGBA(var(--verylightGray2), 1); + --dp_shortday_fg: var(--dp_element_fg); + --dp_week_border: var(--theme_border_light); + --dp_day_range: rgb(182, 182, 182); + + /* Verifiers */ + --verifier_error_bg: RGBA(140, 13, 0, 0.85); + --verifier_error_icon_bg: RGBA(140, 13, 0), 1; + --verifier_error_color: RGBA(var(--white), 1); + --verifier_warning_bg: RGBA(254, 203, 22, 0.85); + --verifier_warning_icon_bg: RGBA(254, 203, 22), 1; + --verifier_warning_color: RGBA(var(--mostlyBlack)); + --verifier_info_bg: RGBA(61, 128, 51, 0.85); + --verifier_info_icon_bg: RGBA(61, 128, 51), 1; + --verifier_info_color: RGBA(var(--white), 1); + + /* TIMEPICKER */ + --tp_bg: RGBA(255, 255, 255, 1); + --tp_sep: RGBA(0, 0, 0); + --tp_color: RGBA(0, 0, 0); + --tp_border: 1px solid RGBA(133, 139, 137); + --tp_box_shadow: 0px 0px 10px RGBA(0, 0, 0, 0.12); + --tp_overlay_bg: var(--theme_light_shadow); + --tp_mark: RGBA(var(--theme), 1); + --tp_focus: 1px solid RGBA(0, 0, 0); + + /* PAGE */ + --page_header_logo: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAYCAYAAAAyC/XlAAABLWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAACjPY2BgMnB0cXJlEmBgyM0rKQpyd1KIiIxSYD/PwMbAzAAGicnFBY4BAT4gdl5+XioDKmBkYPh2DUQyMFzWBZnFQBrgSi4oKgHSf4DYKCW1OBlopAGQnV1eUgAUZ5wDZIskZYPZG0DsopAgZyD7CJDNlw5hXwGxkyDsJyB2EdATQPYXkPp0MJuJA2wOhC0DYpekVoDsZXDOL6gsykzPKFEwtLS0VHBMyU9KVQiuLC5JzS1W8MxLzi8qyC9KLElNAaqFuA8MBCEKQSGmAdRooclAZQCKBwjrcyA4fBnFziDEECC5tKgMFhdMxoT5CDPmSDAw+C9lYGD5gxAz6WVgWKDDwMA/FSGmZsjAIKDPwLBvDgDCs0/+1ia4KQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEQAACxEBf2RfkQAAAAd0SU1FB94MAgwyDojLcmcAAAhqSURBVGje7ZpprF1VFYC/9d6jA68tLQaUFiiDzFiRmYggCmghEAEJGotECVGUCCHQCEFBGwEhkgbRQFQCWkjAAgJSBo2lYimTBCiQCgpCKaVFCqXTo7T9/OE6ZHs89973EJCat5KTfe7Zaw9r7TXvC+sxqKgMwv8ptDpgtacJdxAGDrGeCMIY4EhgP2AzYAOgD5gPzAJujoi1lRBExODJ/q809p2eRz1TXaj2+Z+wLr/PV49vtY9Ovzus/57R/b6wACoRgRrACGAYMBpYDSwDVkZEX4lbY8RwYCzQXazRByzPdmVE2I6Ruf4Y4AbgoAHQcz1wYkQsL+io2tHAh4BnImJ1q/UTtwfYDlgYEa9lX3dan16g3P8yYCWwIiLW1HlSm78r+bMB0AWsA/ra8bP6nXsaCvTk+stKPqpDgCG1vVWwJiLeGIgGDlFPUB+sadwy9Zfqri3GhXq2zbBG/aN6ch5GS81UN1efLLR8IDBdHdEw9wPZP6mTJqunJu71yVjUj7RZ8xn1u+rGbWKZcepZ6h/URepK9YVc49CGPbx18Ooh6oXqTPVZ9SF1RClY6hnqn9RZDc+5Azn8bvUb6tokrk+dlwtX8Jg6rknC1asSZ5H6qDpXfVp9oxg/o+mQco5e9ZYag1eqX1OnqMv7IQTnN5jyG7PvDnV4O7OtPp+4v0hLiDo+mTk36X9MfVxdXKx7qTqsBV2HFXj/UJcWv5eqR9cDX3VsCvSKAne1el9NAHrVm9rwY8ZAou4PqAsKBmykjlJHqrulFVA9vUHLunKM6gW5sVH5jFEnqauy/8ctrMBxaS1KuCc1oVvdSb27H0KwQ02Tdin6dm6j/UelsL6uHl7wJQp6RuYzKr99s1CW7Vrwdlv1nNz/6OTrOXmg5gH2FPibqrOLPU9TP5bnM6oSzMTdJHmkepK6l7pv8Ww/EAtwYE60WN2gQSpPzv7ZHQTgvKZ0Tj22IGrDGk6vemvDYc5MASjXOj732MpF3FSbe4j6u0qw29A/PXGeHEiwpz7cysW0cXXD1CU57i61t7DCF+T3N9UvdAhUx6tPJf7GA0mpuxpw98j29xHxZhWUFcHJrGx36Xek+e/jHwAez/fPljjAKODQdvNUhETEr4AdgEuBlxvQJ6rDi7nfBKqD/2oTo9IyVPRfXvfJRUA2Lq3h3uo+6j7Aszlu53b7rqWpn8rADuCJiFiR72OBr+f7WcAc9Yh89lS7qzkTNgQ+mEHlOHWCOrYeTDYFpz0NjBud7Sj1yJy0hMr3b/Q2M4/XgSX5vnmtb+uMZNsKU0HUq8Bp6jTgW8DxBWo3sCdwT45TnZ3CtyvwbWBymS0A+wNbAasqAajWS5yxwDnAPsAmudeKq73Zbtxh35OBMcD4zHA2BG4CLizQP5nnsArYCbg/DxhgITBDnRwRS3LfI1N5BGYAa4El6mPADyLi6XbZSV0Lvl+YnpUZgJTPqsLM9ssF1HBGFz781FrfF1uY85mdqn9pTs+oZR3HNYy5JN3G4spCFO7nrhx7UV37c9939iP2+HkH/i6o4d+v7lJb78rsW1sEzVPVl4pxUyu3qB5ZuO16vWSR+tFWLqyrzV7XAm9k/l8+VU4/+12oS6z5L8b2ZJ7/Fq+ThrqwTAOWpgX7cqGdWwCHJM7Uuvanazg0LeLktFYjUvN7gR/2c5+XAFOAa4HFwN7AXHVSoaFbFedzbEQcFhGn5fdF2XdMWhEi4pb4F2waEcPSatyRPNgUuKhVhbTJBVR+6BbgjBaHEhGx4F0QgGcHUi1MszwEODh95f5JdEXpc3UTHBEPqw/lmKPVq7MQc0qiTgcWN5jMA7K9JiIubtjP6v5UCyPiR8W3LYC7gW2A89R7I+KZooj2aERML8b2qZelAG0OjG4qHEXEPPUY4IkUmq3UbXLujhZgTrZ7RcTzEfFiw/NuHD7A8xkj9IeRZEHqGuDGPPyyutkH/LmFy/hORSOwmzoUOCm/XZuVs/rSw7N9tR5RZ0oW/Q2Ei0B2PvCbRBlfaP7fsh2aFchSGF9qdX61+Ggl8Eqh6EOb9tUkAE8Af0mpueo9vkdYBtzWSevz/eLMKD7fgrjrImJdE4Mi4j7gwQzGPp0B5BDgEeDBFsFSlRZ+DugqcbIku/ZtZkUTsl1dWNvfZrsjsG0t4v9Mti8Dr7XJljbL0jWJt7CV36wPfkWdAvwMOEE9KiPLRTXUq4BH3qmbt5xnlXpNMnl40T0kzWKX+gngSmDLDlOe3aH/3KTrS0WEPSsiXmiBPzOzly2B59QbMx6oGLBfG8HtAk5Mi3MFsCDvWE7NVBBgLvB0kWo/BWwP3KUeDLyoHpECT+59fgrG91Jx52Tctm3GMWNTMG+IiNf6nQnkpr+SNec1LaLdmxuygFAvy/4zW8w7ssgCTmro7ymi4PLW73z16n7eB5zSrnCTJnhYlrgrWKXu1apwk7RNypvHdjC1xd3KbW3GzFMn1jKBibWMYVnxfq+6YzF3K1ihXt6ukBUdzOy4NFEfzmiyJ8cI3Arc23AbOAE4Crg6Iv7ewtRPzBz9iohY3BDYbQRcV5i7gcBPgNOB1W1u5Sr3d3jWA4allpzfD8WYAOybPru7uH2LNOHTImJegwU4IOnePXm5LmOeWcCMDNzqvnx34Djg41kXWAjcDvw644cqCD4xY6Dt0nIuBR4Cbo+IO5tuGvtzJ1DX7J7a025sV4cSaFTBTYcy6U8HeBM4pdW8rUxzXkqNrOoM7eiq0djT8HR3mKMn6w3VXcLwklf1m8BizIji3qERP/lV0TKiKuOvl/9XqBF3eF4NL8/ilLWbsRXqHHWPdjXvQejnH0Lex0JxYAZaW2f59HXgr8DMiHhkwGZuENYfa/BO4g3CIAxCAf8EmY/1lA0924YAAAAASUVORK5CYII=") no-repeat; + --page_bg: RGBA(var(--theme), 1) var(--page_header_logo) no-repeat center !important; + --page_content_fg: RGBA(var(--strongContrast2), 1); + --page_footer_fg: RGBA(var(--strongContrast2), 1); + --page_shadow: var(--theme_shadow); + + /* FIELD */ + --field_icon: RGBA(var(--strongContrast2), 1); + --field_warning_label_fg: RGBA(var(--strongRed), 1); + --field_image_circle_bg: RGBA(213, 213, 213, 1); + --field_image_circle_border: 1px solid rgb(222, 222, 222); + --field_image_full_screen_shadow: 1px 1px 4px rgb(var(--darkGray2)); + --field_image_full_screen_bg: rgb(var(--white)); + --field_image_full_screen_fg: rgb(90, 90, 90); + --field_border: 1px solid rgb(115, 115, 115); + --field_bg: rgb(245, 245, 245); + --field_border_color: rgb(115, 115, 115); + --full-screen-field-bg: rgb(var(--white)); + + /* PDF Viewer */ + --pdf_viewer_bg_start: RGBA(82, 82, 82, 0.99); + --pdf_viewer_bg_stop: RGBA(69, 69, 69, 0.95); + --pdf_viewer_shadow: 5px 3px 5px -1px RGBA(var(--mostlyBlack)); + --pdf_full_screen_shadow: 1px 1px 4px rgb(var(--darkGray2)); + --pdf_full_screen_bg: rgb(var(--white)); + --pdf_full_screen_fg: rgb(90, 90, 90); + --pdf_hide_toolbar_bg: rgb(237, 237, 240); + + /* HEADER BAR*/ + --headerbar_bg: RGBA(var(--theme), 1); + --headerbar_fg: RGBA(var(--themeContrast), 1); + --headerbar_icon: RGBA(var(--themeContrast), 1); + --headerbar_border: none; + --headerbar_search_bg: var(--theme_divider); + --headerbar_notification_bg: rgb(220, 20, 0); + --headerbar_notification_fg: RGBA(var(--white), 1); + --headerbar_blink_bg: var(--theme_blink_normal); + + /* WINDOW BAR CONSOLE */ + --wb_border_color: 1px solid rgb(200, 215, 220); + --wb_command_active: RGBA(177, 177, 177, 1); + --wb_command_shadow: var(--theme_shadow_active); + --wb_command_bg: RGBA(var(--verylightGray), 1); + --wb_bg: RGBA(245, 245, 245, 1); + --wb_header_icon_color: RGBA(204, 204, 204, 1); + --wb_header_icon_fav_color: RGBA(244, 176, 5, 1); + --wb_header_color: var(--theme_accent); + --wb_split_icon_bg: RGBA(232, 232, 232, 1); + --wb_split_icon_color: var(--theme_accent); + --wb_split_icon_hover_bg: RGBA(225, 236, 242, 1); + --wb_split_icon_hover_color: var(--theme_accent); + --wb_split_icon_border: 1px dotted rgb(199, 199, 199); + --wb_close_color: RGBA(var(--strongRed), 1); + --wb_command_shadow: var(--theme_shadow_btn); + --wb_command_hover_shadow: var(--theme_shadow_hover_btn); + --wb_command_color: var(--theme_command_fg); + --wb_command_icon_color: var(--theme_command_fg); + --wb_command_hover_fg: var(--theme_command_fg_hover); + --wb_command_hover_bg: var(--theme_command_bg_hover); + --wb_command_hover_icon_color: var(--theme_command_fg_hover); + --wb_command_important_fg: var(--theme_command_important_fg); + --wb_command_important_bg: var(--theme_command_important_bg); + --wb_wiz_bg: var(--theme_bg); + --wb_command_disabled: RGBA(var(--lightGray)); + + /* SECOND HEADER BAR*/ + --second_headerbar_bg: var(--theme_accent_opacity); + --second_headerbar_command_bg: RGBA(var(--themeAccent), 1); + --second_headerbar_command_fg: RGBA(var(--themeAccentContrast), 1); + --second_headerbar_command_icon: RGBA(var(--themeAccentContrast), 1); + + /* EDITOR LABEL */ + --editorlabel_disabled_fg: RGBA(var(--strongContrast2), 1); + --editorlabel_topside_fg: RGBA(var(--labelColor), 1); + --editorlabel_leftside_fg: RGBA(var(--almostfullContrast), 1); + + /* INPUT EDITOR */ + --input_bar_border: var(--theme_border); + --input_fg: RGBA(var(--pureBlack)); + --input_disabled_fg: RGBA(var(--strongContrast2), 1); + --input_disabled_fg_ios: RGBA(var(--fullContrast), 1); + --input_icon: rgb(29, 78, 216); + --input_disabled_icon: RGBA(var(--strongContrast2), 1); + --input_focused_bg: rgb(255, 250, 208); + --input_warning_bg: var(--theme_warning); + --editorlabel_warning_fg: var(--theme_warning); + --input_error_bg: var(--theme_error); + --editorlabel_error_fg: var(--theme_error); + --input_memo_focused_border: 1px solid var(--input_focused_bg); + --input_memo_warning_border: 2px solid RGBA(var(--input_warning_bg), 1); + --input_memo_error_border: 2px solid RGBA(var(--input_error_bg), 1); + + /* LABEL */ + --label_fg: RGBA(23, 23, 23, 1); + --label_green_fg: RGBA(var(--strongGreen), 1); + --label_red_fg: RGBA(var(--strongRed), 1); + --label_warning_fg: RGBA(var(--strongRed), 1); + --label_info_fg: RGBA(var(--strongBlue), 1); + --label_tip_fg: RGBA(var(--white), 1); + --label_tip_bg: RGBA(55, 78, 89, 1); + --label_tip_border: 1px solid var(--theme_editor_border); + + /* Stack */ + --stack_label_fg: var(--theme_editor_label_fg); + + /* STOPWATCH */ + --stop_watch_bg: RGBA(239, 239, 239, 0.3); + --stop_watch_border: 1px solid RGBA(118, 118, 118, 0.3); + + /* LOOKUP EDITOR */ + --lookup_header_title: rgb(153, 153, 153); + --lookup_border_color: RGBA(var(--theme), 1); + --lookup_header_border: 1px solid RGBA(var(--verylightGray2), 1); + --lookup_item_bg: var(--menuBackground); + --lookup_item_fg: rgb(23, 23, 23); + --lookup_clear_icon: rgb(198, 198, 198); + --lookup_icon: RGBA(var(--strongContrast2), 0.7); + --lookup_border: rgb(221, 221, 221); + --lookup_blink_bg: var(--theme_blink_normal); + --lookup_auto_bg: rgb(229, 229, 229); + --lookup_auto_shadow: 2px 2px 5px 0px #00000080; + --lookup_item_hover_fg: var(--lookup_item_fg); + --lookup_item_hover_bg: rgb(216, 216, 216); + --lookup_item_shadow: 2px 2px 5px 0px #00000080; + + /* TileMenu */ + --tile_group_fg: var(--theme_primary_text); + --tile_group_hover_bg: linear-gradient(to bottom, RGBA(var(--verylightGray5), 1), RGBA(var(--verylightGray5), 1) 2px, RGBA(var(--verylightGray5), 1) 2px, rgb(246, 246, 246) 10px, RGBA(var(--white), 1)); + --tile_item_bg: RGBA(252, 252, 252, 1); + --tile_active_fg: RGBA(var(--lightGray4), 1); + --tile_active_bg: RGBA(var(--verylightGray), 1); + --tile_hover_fg: RGBA(var(--theme), 1); + --tile_command_icon: RGBA(var(--verydarkGray2), 1); + --tile_command_fg: var(--theme_primary_text); + --tile_desc_fg: RGBA(var(--mostlyBlack), 1); + --tile_group_active_bg: linear-gradient(to bottom, rgb(171, 171, 171), rgb(171, 171, 171) 2px, rgb(240, 240, 240) 2px, transparent); + --tile_item_border_fg: 1px solid rgb(227, 227, 227); + --tile_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1), 0 2px 3px RGBA(var(--pureBlack), 0.1); + + /* MODAL */ + --modal_bg: rgb(250, 250, 250); + --modal_bar_bg: RGBA(var(--verylightGray5), 1); + --modal_bar_fg: RGBA(var(--theme_primary_text), 1); + --modal_bar_icon: RGBA(var(--mostlyBlack), 1); + --modal_bar_title_fg: var(--theme_primary_text); + --modal_section_fg: var(--theme_primary_text); + --modal_command_fg: RGBA(var(--white), 1); + --modal_command_bg: RGBA(var(--theme), 1); + --modal_overlay_bg: var(--theme_overlay_bg); + --modal_command_error_icon: var(--error); + --modal_command_info_icon: var(--info); + --modal_command_question_icon: var(--question); + --modal_command_warning_icon: var(--warning); + + /* PAGE ERROR */ + --error_bg: RGBA(var(--background), 1); + --error_fg: RGBA(var(--strongContrast2), 1); + --error_border: 1px solid RGBA(var(--verylightGray2), 1); + --error_command_bg: RGBA(var(--theme), 1); + --error_command_fg: RGBA(var(--white), 1); + --error_command_active_bg: RGBA(var(--verylightContrast4), 1); + --error_command_active_fg: RGBA(var(--strongContrast1), 1); + --error_bar_bg: var(--modal_bar_bg); + --error_bar_fg: var(--modal_bar_fg); + --error_bar_border: 1px solid RGBA(var(--background), 1); + --error_title_fg: RGBA(var(--mostlyBlack), 1); + --error_bar_icon: var(--theme_error); + --error_warning_bar_icon: var(--theme_warning); + --error_command_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --error_command_hover_shadow: var(--theme_hover_shadow); + --error_command_active_shadow: var(--theme_active_shadow); + + /* SIMPLE FORM */ + --simpleform_container_bg: RGBA(var(--background), 1); + --simpleform_container_fg: RGBA(var(--primaryText), 1); + --simpleform_label_fg: var(--editorlabel_topside_fg); + --simpleform_value_fg: RGBA(var(--primaryText), 1); + --simpleform_bar_border: var(--theme_border); + + /* GRID */ + --grid_bar_gradient: -webkit-linear-gradient(top, rgb(55, 78, 89), rgb(75, 106, 120)); + --grid_command_bg: RGBA(var(--mostlyBlack), 0.2); + --grid_bar_command_border_bottom: 1px solid rgba(75, 106, 120, 0.8); + --grid_command_icon: RGBA(var(--white), 1); + --grid_command_icon_hover: RGBA(var(--white), 1); + --grid_special_row_bg: RGBA(190, 217, 230, 0.5); + --grid_row_border: 1px solid RGBA(212, 212, 212, 1); + --grid_row_focused_bg: RGBA(var(--mostlydesaturateddarkBlue), 1); + --grid_row_selected_bg: RGBA(120, 170, 195, 0.85); + --grid_headercolumn_fg: RGBA(29, 27, 32, 1); + --grid_row_content_fg: RGBA(29, 27, 32, 1); + --grid_row_grouping_fg: var(--theme_accent); + --grid_row_focused_fg: RGBA(var(--pureBlack), 1); + --grid_row_sum_icon: RGBA(0, 0, 0); + --grid_icon: RGBA(var(--theme), 1); + --grid_tree_icon: RGBA(var(--theme), 1); + + --grid_row_check: RGBA(var(--pureBlack), 1); + --grid_row_check_checked: RGBA(var(--theme), 1); + --grid_row_check_unchecked: RGBA(var(--pureBlack), 1); + --grid_row_drag_enter: var(--theme_accent); + --grid_emptycontent: RGBA(var(--lightGray), 1); + --grid_header_sort: RGBA(171, 171, 171, 1); + --grid_border: 1px solid rgb(216, 216, 216); + --grid_focused_border: 1px solid RGBA(var(--theme), 1); + --grid_footercolumn_bg: RGBA(212, 212, 212, 1); + --grid_filter_focused_bg: RGBA(255, 250, 208, 1); + --grid_column_smartopen_even_bg: RGBA(225, 243, 251, 1); + --grid_column_smartopen_odd_bg: RGBA(236, 249, 255, 1); + --grid_column_frozen_border_color: rgb(216, 216, 216); + --grid_column_command_hover_bg: rgb(76, 108, 122); + --grid_column_focused_bg: rgb(116, 178, 206); + --grid_column_focused_border: 1px dashed rgb(178, 198, 207); + --grid_footer_column_border: 1px solid RGBA(255, 255, 255, 1); + + --grid_row_grouping_border_top: 1px solid rgb(225, 225, 225); + --grid_row_grouping_border_bottom: 1px solid rgb(209, 209, 209); + --grid_row_grouping_bg: RGBA(238, 238, 238, 1); + --grid_gfsum_before_bg: RGBA(var(--verydarkGray), 0.1); + --grid_header_pulse_bg: RGBA(var(--mostlydesaturateddarkBlue), 0.2); + --grid_header_pulse_shadow: 0 0 1px 2px RGBA(var(--mostlydesaturateddarkBlue), 1); + --grid_header_filter_bg: RGBA(251, 251, 251, 1); + --grid_header_boxshadow: inset 0 -2px 0 RGBA(160, 160, 160, 1); + --grid_row_icon: RGBA(var(--white), 1); + --grid_row_selected_focused_border: RGBA(var(--pureBlack), 1); + --grid_row_frozen_odd_bg: RGBA(255, 255, 255, 1); + --grid_row_frozen_even_bg: RGBA(var(--verylightGray), 1); + --grid_command_hover_bg: RGBA(75, 106, 120, 1); + --grid_bar_special_icon: RGBA(var(--white), 1); + --grid_bar_special_icon_border: 1px dotted RGBA(var(75, 106, 120, 0.8)); + --grid_bar_special_icon_hover: RGBA(var(--white), 1); + --grid_bar_special_icon_hover_bg: RGBA(75, 106, 120, 1); + --grid_cell_fg: RGBA(163, 163, 163, 1); + --grid_cell_ac_fg: RGBA(0, 0, 0, 1); + --grid_cell_highlight_bg: RGBA(9, 116, 0, 0.10); + --grid_cell_border: 1px solid rgb(9, 116, 0); + --grid_cell_boxshadow: 1px 1px 2px 1px rgb(115, 115, 115) inset; + + --grid_loc_command_bg: RGBA(var(--verylightGray7), 1); + --grid_loc_command_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --grid_loc_command_icon: var(--theme_accent); + --grid_loc_command_hover_shadow: var(--theme_shadow_hover_btn); + --grid_loc_command_active_shadow: 0 0 1px 1px rgba(175, 175, 175, 0.2), 0 0 1px 1px rgba(175, 175, 175, 0.2); + --grid_loc_command_active_bg: RGBA(var(--verylightGray), 1); + --grid_loc_command_active_icon: RGBA(177, 177, 177, 1); + --grid_loc_command_on_bg: RGBA(var(--theme), 1); + --grid_loc_command_on_icon: RGBA(var(--white), 1); + --grid_loc_input_placeholder_fg: RGBA(177, 177, 177, 1); + + /* Grid Cards */ + --grid_cards_bg: RGBA(255, 255, 255, 1); + --grid_cards_color: RGBA(var(--mostlyBlack), 1); + --grid_cards_odd_bg: RGBA(var(--darkGray), 0.1); + --grid_cards_even_bg: RGBA(var(--darkGray), 0.1); + --grid_cards_cmd_bg: RGBA(121, 124, 149, 1); + --grid_cards_cmd_hover_bg: RGBA(97, 99, 122, 1); + --grid_cards_cmd_icon: RGBA(255, 255, 255, 1); + --grid_cards_cmd_hover_icon: RGBA(255, 255, 255, 1); + --grid_cards_cp_bg: RGBA(232, 232, 232, 1); + --grid_cards_column_select_bg: RGBA(121, 124, 149, 1); + --grid_cards_column_select_open_rect: transparent; + --grid_cards_column_select_open_path: RGBA(var(--pureBlack), 1); + --grid_cards_column_select_close_rect: transparent; + --grid_card_panel_cmd_bg: RGBA(121, 124, 149, 1); + --grid_card_panel_cmd_hover_bg: RGBA(97, 99, 122, 1); + --grid_card_panel_cmd_icon: RGBA(var(--white), 1); + --grid_card_panel_cmd_hover_icon: RGBA(var(--white), 1); + + /* SLIDEMENU */ + --slidemenu_header_bg: rgb(170, 170, 170); + --slidemenu_header_fg: RGBA(var(--white), 1); + --slidemenu_groups_bg: RGBA(var(--verystrongContrast1), 1); + --slidemenu_group_title_fg: RGBA(var(--white), 1); + --slidemenu_group_active_bg: rgb(70, 70, 70); + --slidemenu_group_active_fg: RGBA(var(--theme), 1); + --slidemenu_group_icon: RGBA(var(--white), 1); + --slidemenu_items_bg: var(--menuBackground); + --slidemenu_item_fg: RGBA(var(--strongContrast2), 1); + --slidemenu_item_border: 1px solid RGBA(var(--menuBackground), 1); + --slidemenu_header_icon_fg: var(--input_search_icon); + + /* HTML */ + --html_fg: RGBA(var(--primaryText), 1); + --html_rss_fg: rgb(60, 130, 50); + --html_hyperlink_fg: RGBA(var(--darkGreen), 1); + --html_rss_border: RGBA(var(--lightContrast4)); + --html_rss_element_info_fg: RGBA(var(--strongContrast2), 1); + --html_rss_element_desc_fg: RGBA(var(--almostfullContrast), 1); + --html_rss_element_error_fg: RGBA(var(--verystrongContrast1), 1); + + /* LOGIN */ + --page_header_bg: RGBA(var(--theme), 1); + --theme_login_button_bg: RGBA(var(--theme), 1); + --page_header_border: none; + --page_header_icon: RGBA(var(--white), 1); + --biometric_btn_bg: RGBA(var(--white), 1); + --biometric_btn_border: 1px solid RGBA(var(--theme), 1); + --biometric_btn_fg: RGBA(var(--fullContrast), 1); + + /* LOADER */ + --loader_bg: RGBA(var(--white), 0.7); + --loader_sp_w: 2px; + --loader_color1: RGBA(var(--vividBlue), 1); + --loader_color2: RGBA(var(--vividLimeGreen), 1); + --loader_color3: RGBA(var(--vividOrange), 1); + --loader_color4: RGBA(var(--vividRed), 1); + + /* SIMPLE SCHEDULER */ + --simple_scheduler_command_bg: RGBA(var(--theme), 1); + --simple_scheduler_command_fg: RGBA(var(--themeContrast), 1); + --simple_scheduler_task_marker: RGBA(var(--theme), 1); + --simple_scheduler_current_day: rgb(200, 200, 50); + --simple_scheduler_selected_day: RGBA(var(--themeAccent), 1); + --simple_scheduler_selected_day_bg: RGBA(var(--verylightContrast5), 1); + --simple_scheduler_selected_day_marker: rgb(112, 112, 112); + --simple_scheduler_task_bg: RGBA(var(--white), 1); + --simple_scheduler_task_border: 1px solid RGBA(var(--lightContrast3), 1); + --simple_scheduler_task_fg: rgba(66, 82, 109, 1); + --simple_scheduler_task_shadow: 0 2px 3px RGBA(var(--pureBlack), 0.08); + --simple_scheduler_task_date_fg: rgb(177, 181, 195); + --simple_scheduler_task_icon: RGBA(var(--strongContrast1), 1); + --simple_scheduler_task_add_icon_fg: RGBA(var(--themeAccentContrast), 1); + --simple_scheduler_task_add_icon_bg: RGBA(var(--themeAccent), 1); + --simple_scheduler_horizontal_bg_img: linear-gradient(RGBA(var(--verylightContrast4), 1), RGBA(var(--background), 1)); + + /* RECOVERY PANEL */ + --recovery_reset_info_fg: var(--error_fg); + --recovery_field_bg: RGBA(var(--background), 1); + --recovery_field_border: var(--theme_border); + --recovery_field_icon: RGBA(var(--lightContrast4), 1); + --recovery_field_focus_bg: var(--theme_editor_focused_bg); + --recovery_field_focus_border: 1px solid RGBA(var(--strongContrast1), 1); + --recovery_field_focus_icon: RGBA(var(--strongContrast1), 1); + --recovery_signText_input_fg: RGBA(var(--strongContrast1), 1); + --recovery_btn_bg: var(--theme_login_button_bg); + --recovery_btn_fg: var(--theme_text_icon); + --recovery_title_active_bg: RGBA(var(--verylightContrast4), 1); + --recovery_title_active_fg: RGBA(var(--strongContrast1), 1); + --recovery_response_info_fg: var(--theme_error); + --recovery_btn_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --recovery_title_hover_shadow: var(--theme_hover_shadow); + --recovery_title_active_shadow: var(--theme_active_shadow); + + /* SCROLL */ + --scroll_hover_bg: RGBA(var(--lightContrast4), 0.4); + --scroll_thumb_bg: RGBA(var(--lightContrast5), 0.6); + --scroll_thumb_hover_bg: RGBA(var(--theme), 1); + + /* SIGN IN PANEL */ + --signin_field_border: 1px solid var(--field_border_color); + --signin_field_bg: var(--theme_editor_bg); + --signin_field_icon: RGBA(23, 23, 23, 1); + --signin_field_icon_fg: RGBA(187, 187, 187, 1); + --signin_field_input_fg: RGBA(var(--primaryText), 1); + --signin_field_focus_bg: var(--theme_editor_focused_bg); + --signin_field_focus_fg: RGBA(var(--primaryText), 1); + --signin_field_focus_icon: RGBA(var(--theme), 1); + --signin_field_check_label_fg: RGBA(var(--verystrongContrast1), 1); + --signin_field_check_icon: RGBA(var(--verystrongContrast1), 1); + --signin_field_check_checked_icon: RGBA(var(--theme), 1); + --signin_field_check_unchecked_border: 1px solid RGBA(var(--verystrongContrast1), 1); + --signin_content_border: var(--theme_border); + --signin_content_info_company_icon: RGBA(var(--primaryText), 1); + --signin_content_info_fg: RGBA(var(--primaryText), 1); + --signin_action_active_fg: RGBA(var(--strongContrast1), 1); + --signin_action_active_bg: RGBA(var(--verylightContrast4), 1); + --signin_action_button_bg: RGBA(var(--theme), 1); + --signin_action_button_fg: var(--theme_text_icon); + --signin_version_button_bg: RGBA(var(--background), 1); + --signin_version_button_fg: RGBA(var(--themeAccent), 1); + --signin_version_button_icon: RGBA(var(--themeAccent), 1); + --signin_stroke: RGBA(var(--white), 1); + --signin_btn_bg: RGBA(119, 174, 0, 1); + --signin_btn_fc: RGBA(255, 255, 255, 1);; + --signin_btn_hover_shadow: var(--theme_hover_shadow); + --signin_btn_active_shadow: var(--theme_active_shadow); + --signIn_btn_action_bg: var(--theme_command_important_bg); + --signIn_btn_action_fg: var(--theme_command_important_fg); + --spinner_wait_color: RGBA(var(--white), 1); + + /* SWIPED PANEL */ + --swiped_bg: var(--theme_form_bg); + --swiped_box_shadow: 0 3px 6px -1px RGBA(var(--theme_shadow), 1); + --swiped_layer_bg: var(--theme_layer_bg); + + /* TILE MENU */ + --tilemenu_fg: RGBA(var(--primaryText), 1); + --tilemenu_border: 1px solid RGBA(var(--theme), 0.3); + --tilemenu_icon: RGBA(var(--theme), 1); + --tilemenu_title_fg: RGBA(var(--mostlyBlack)); + --tilemenu_bg: RGBA(var(--verylightGray), 1); + --tile_item_bg: RGBA(var(--white), 1); + --tilemenu_group_title_fg: RGBA(var(--primaryText), 1); + + /* LIST MENU */ + --listmenu_bg: transparent; + --listmenu_icon: RGBA(var(--theme)); + --listmenu_title_fg: RGBA(var(--mostlyBlack), 1); + --listmenu_desc_fg: RGBA(var(--secondaryText), 1); + --listmenu_group_title_fg: RGBA(var(--primaryText), 1); + --list_item_bg: transparent; + + /* SvgIcon */ + --svg_icon_main_stop: RGBA(var(--secondaryText), 1); + --svg_icon_alt_stop: RGBA(var(--secondaryText), 1); + + /* CHART */ + --chart_bg: transparent; + + /* Pick file popup */ + --pickfile_fg: RGBA(var(--themeAccent), 1); + --pickfile_bg: RGBA(var(--background), 1); + --pickfile_btn_border: 1px dashed RGBA(var(--lightGray), 1); + --pickfile_btn_hover_bg: RGBA(250, 235, 215, 1); + --pickfile_btn_hover_fg: var(--theme_accent); + --pickfile_label_fg: RGBA(var(--pureBlack), 1); + --pickfile_label_bg: RGBA(var(--verylightGray), 1); + --pickfile_shadow: 0 2px 4px RGBA(var(--pureBlack), 0.2); + --pickfile_border: RGBA(var(--pureBlack), 0.2); + + /* Carousel */ + --carousel_arrow_border: var(--theme_border); + --carousel_arrow_bg: RGBA(var(--background), 1); + --carousel_arrow_fg: RGBA(var(--verystrongContrast3), 1); + --carousel_item_fg: RGBA(77, 81, 80); + --carousel_item_bg: RGBA(var(--background), 1); + --carousel_item_selected_fg: RGBA(var(--darkGray3), 1); + --carousel_item_selected_border: 2px solid RGBA(var(--verystrongContrast1), 1); + --carousel_timepicker_item_fg: RGBA(133, 139, 137); + --carousel_timepicker_item_selected_fg: RGBA(0, 0, 0); + --carousel_timepicker_item_selected_fg_prev_next: RGBA(68, 70, 69); + --dp_ym_level_0_fg: RGBA(0, 0, 0); + --dp_ym_level_1_fg: rgb(68, 70, 69); + --dp_ym_level_2_fg: rgb(130, 139, 137); + --dp_ym_level_3_fg: RGBA(212, 212, 212, 1); + + /* Dashboard */ + --dashboard_item_bg: RGBA(var(--white), 1); + --dashboard_item_fg: inherit; + --dashboard_item_shadow: 0 10px 10px 0 rgb(219, 221, 230); + --dashboard_item_title_fg: rgb(66, 82, 109); + --dashboard_item_title_pipe: rgb(74, 217, 145); + --dashboard_item_group_fill: rgb(66, 82, 109); + --dashboard_command_list_icon_bg: rgba(102, 102, 102, 0.25); + --dashboard_item_icon_bg: rgb(var(--mostlydesaturateddarkBlue)); + + /* EditorHtml */ + --editor_html_content_fg: var(--input_disabled_fg); + --editor_html_content_shadow: 0 1px 3px RGBA(var(--pureBlack), 0.25); + + /* FloatingBar */ + --floatingbar_blink_bg: var(--theme_blink_blue); + + /* Progress Bar */ + --progress_bar_circle_bg: RGBA(var(--theme)); + --progress_bar_background_circle_bg: RGBA(var(--lightGray)); + --progress_bar_in_percent_fg: RGBA(var(--mostlyBlack)); + --progress_bar_btn_information_fg: RGBA(var(--mostlydesaturateddarkBlue)); + --progress_bar_information_fg: RGBA(var(--mostlyBlack)); + --progress_bar_btn_disabled: RGBA(var(--lightGray)); + --progress_bar_spinner_wrapper_bg: RGBA(var(--white)); + + /* Popup */ + --popup_overlay_bg: var(--theme_light_shadow); + --popup_command_bg: var(--menuBackground); + --popup_command_fg: rgb(143, 143, 143); + + /* Slider */ + --slider_fg: RGBA(var(--labelColor), 1); + --slider_btn_fg: RGBA(var(--theme), 1); + --slider_bar_bg: rgba(140, 140, 140, 0.1); + --slider_filled_bar_bg: RGBA(var(--theme), 1); + --slider_knob: RGBA(var(--theme), 1); + --slider_value_bg: RGBA(var(--theme), 1); + --slider_value_fg: RGBA(var(--background), 1); + --slider_disabled_btn_fg: RGBA(var(--strongContrast1), 1); + --slider_disabled_bar_bg: RGBA(var(--verylightContrast3), 1); + --slider_disabled_filled_bar_bg: RGBA(var(--verylightContrast5), 1); + --slider_disabled_knob: RGBA(var(--strongContrast1), 1); + --slider_disabled_value_bg: RGBA(var(--strongContrast1), 1); + + /* SplashScreen */ + --splash_bg: var(--white); + --splash_logo: var(--theme); + --splash_spinner_border: 1.1em solid RGBA(var(--theme), 0.2); + --splash_spinner_border_left: 1.1em solid RGBA(var(--theme), 1); + + /* SplashScreen */ + --splash_bg: RGBA(var(--white), 1); + --splash_logo: RGBA(var(--theme), 1); + + /* CommandKeyboard */ + --hb_keyboard_bg: RGBA(255, 255, 255, 1); + --hb_keyboard_ac_bg: RGBA(245, 158, 11, 1); + --hb_keyboard_ic_color: RGBA(45, 45, 45, 1); + --hb_keyboard_ac_ic_color: RGBA(255, 255, 255, 1); + + /* WidgetKeyboard */ + --widget_keyboard_bg: RGBA(0, 0, 0, 1); + --widget_keyboard_fg: RGBA(255, 255, 255, 1); + --widget_keyboard_con_bg: RGBA(23, 23, 23, 1); + --widget_keyboard_btn_bg: RGBA(38, 38, 38, 1); + --widget_keyboard_btn_fg: RGBA(250, 250, 250, 1); + --widget_keyboard_overlay_bg: RGBA(45, 45, 45, 0.3); + --widget_keyboard_btn_ac_bg: RGBA(100, 146, 0, 1); + --widget_keyboard_btn_svg_fg: RGBA(250, 250, 250, 1); + --widget_keyboard_btn_enter_bg: RGBA(29, 78, 216, 1); + + /* WaitingIndicator */ + --wi_color1: RGBA(var(--theme), 0.1); + --wi_color2: RGBA(var(--theme), 0.4); + --wi_color3: RGBA(var(--theme), 0.7); + --wi_color4: RGBA(var(--theme), 1); + --wi_icon: RGBA(var(--verystrongContrast3), 1); + --wi_bg: RGBA(var(--white)); + --wi_shadow: 1px 1px 10px 1px var(--theme_shadow); + --wi_fg: RGBA(var(--mostlyBlack), 1); +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/standard/PaletteBaseMobile.css b/soneta-ui-style/wzorce/css/standard/PaletteBaseMobile.css new file mode 100644 index 0000000..513d1e0 --- /dev/null +++ b/soneta-ui-style/wzorce/css/standard/PaletteBaseMobile.css @@ -0,0 +1,1226 @@ +.PaletteBaseMobile { + /* Neutral */ + --neutral_1000: 0, 0, 0; /* HEX: #000000 */ + --neutral_950: 10, 10, 10; /* HEX: #0A0A0A */ + --neutral_900: 23, 23, 23; /* HEX: #171717 */ + --neutral_850: 33, 33, 33; /* HEX: #212121 */ + --neutral_800: 38, 38, 38; /* HEX: #262626 */ + --neutral_700: 77, 81, 80; /* HEX: #4D5150 */ + --neutral_600: 82, 82, 82; /* HEX: #525252 */ + --neutral_500: 115, 115, 115; /* HEX: #737373 */ + --neutral_400: 163, 163, 163; /* HEX: #A3A3A3 */ + --neutral_300: 212, 212, 212; /* HEX: #D4D4D4 */ + --neutral_200: 229, 229, 229; /* HEX: #E5E5E5 */ + --neutral_150: 237, 237, 237; /* HEX: #EDEDED */ + --neutral_100: 245, 245, 245; /* HEX: #F5F5F5 */ + --neutral_50: 252, 252, 252; /* HEX: #FCFCFC */ + --neutral_10: 250, 250, 250; /* HEX: #FAFAFA */ + --neutral_0: 255, 255, 255; /* HEX: #FFFFFF */ + + /* Red/Error */ + --red_700: 185, 28, 28; /* HEX: #B91C1C */ + --red_600: 220, 38, 38; /* HEX: #DC2626 */ + --red_500: 239, 68, 68; /* HEX: #EF4444 */ + --red_400: 248, 113, 113; /* HEX: #F87171 */ + + /* Green */ + --green_600: 8, 92, 0; /* HEX: #085C00*/ + --green_500: 9, 116, 0; /* HEX: #097400*/ + --green_400: 16, 194, 0; /* HEX: #10C200 */ + --green_300: 40, 255, 20; /* HEX: #28FF14 */ + --green_200: 110, 255, 97; /* HEX: #6EFF61 */ + --green_100: 185, 255, 179; /* HEX: #B9FFB3 */ + --green_10: 169, 188, 55; /* HEX: #A9BC37 */ + + /* Blue */ + --blue_900: 30, 58, 138; /* HEX: #1E3A8A */ + --blue_800: 30, 64, 175; /* HEX: #1E40AF */ + --blue_700: 29, 78, 216; /* HEX: #1D4ED8 */ + --blue_600: 21, 93, 252; /* HEX: #155DFC */ + --blue_500: 59, 130, 246; /* HEX: #3B82F6 */ + --blue_400: 96, 165, 250; /* HEX: #60A5FA */ + --blue_200: 92, 176, 255; /* HEX: #5CB0FF */ + --blue_100: 173, 216, 255; /* HEX: #ADD8FF */ + --blue_50: 239, 246, 255; /* HEX: #EFF6FF */ + + /* Yellow */ + --yellow_500: 240, 177, 0; /* HEX: #F0B100 */ + --yellow_400: 243, 217, 48; /* HEX: #F3D930 */ + + /* Emerald */ + --emerald_200: 102, 234, 151; /* HEX: #66EA97 */ + --emerald_300: 30, 220, 100; /* HEX: #1edc64 */ + --emerald_400: 19, 144, 65; /* HEX: #139041 */ + --emerald_500: 9, 67, 30; /* HEX: #09431E */ + + /* Orange */ + --orange_400: 251, 146, 60; /* HEX: #FB923C */ + --orange_500: 249, 115, 22; /* HEX: #F97316 */ + + /* Amber */ + --amber_500: 220, 137, 12; /* HEX: #DC890C */ + + /* Gray */ + --gray_500: 177, 179, 180; /* HEX: #B1B3B4 */ + --gray_400: 2193, 194, 195; /* HEX: #C1C2C3 */ + --gray_300: 208, 209, 210; /* HEX: #D0D1D2 */ + + /* Brand */ + --brand_700: 1, 66, 42; /* HEX: #01422A */ + --brand_600: 1, 84, 54; /* HEX: #015436 */ + --brand_500: 1, 110, 70; /* HEX: #016E46 */ + --brand_300: 2, 187, 119; /* HEX: #02BB77 */ + --brand_200: 2, 227, 145; /* HEX: #02E391 */ + + /* Brand OP - White */ + --brand_60: 103, 168, 144; /* HEX: #67A890 */ + --brand_20: 204, 226, 218; /* HEX: #CCE2DA */ + --brand_10: 230, 241, 237; /* HEX: #E6F1ED */ + --brand_5: 242, 248, 246; /* HEX: #F2F8F6 */ + + /* Effects - Base */ + --light_mode_s: 0px 0px 10px RGBA(0, 0, 0, 0.12); /* TYPE: Light Mode S */ + --light_mode_m: 0px 0px 20px RGBA(0, 0, 0, 0.18); /* TYPE: Light Mode M */ + --light_mode_l: 0px 0px 30px RGBA(0, 0, 0, 0.25); /* TYPE: Light Mode L */ + + --defaultFont: 'ROBOTO', 'Segoe UI', Arial; + --primaryFont: "FiraSans", Arial; + --secondaryFont: var(--defaultFont); + --primaryMediumFont: 'ROBOTO-Medium', 'Segoe UI', Arial; + + --window_top_margin: 56px; + --window_pathbar_height: 48px; + --window_wizardbar_height: 48px; + --window_bottom_margin: 75px; + --window_footer_height: 30px; + --window_padding: 8px; + + --font_size_label: 14px; + --font_size_body: 14px; + --font_size_button: 14px; + --font_size_input: 16px; + --font_size_title: 16px; + --font_size_special: 24px; + + /* FIELD SIZE*/ + --field_height: 60px; + --field_min_height: 53px; + --field_padding_top: 12px; + --field_padding_bottom: 4px; + + --input_height: 22px; + --input_margin_bottom: 4px; + + --editorlabel_height: 18px; + --editorlabel_margin_bottom: 4px; + + --white: 255, 255, 255; + + --lightGray: 208, 208, 208; + --lightGray2: 213, 213, 213; + --lightGray3: 187, 187, 187; + --lightGray4: 172, 172, 172; + --lightGray5: 163, 163, 163; + --lightGray6: 82, 82, 82; + --lightGray7: 212, 212, 212; + + --verylightGray: 242, 242, 242; + --verylightGray2: 224, 224, 224; + --verylightGray4: 234, 234, 234; + --verylightGray5: 229, 229, 229; + --verylightGray6: 193, 193, 193; + --verylightGray7: 245, 245, 245; + + --darkGray: 140, 140, 140; + --darkGray2: 128, 128, 128; + --darkGray3: 38, 38, 38; + --verydarkGray: 70, 70, 70; + --verydarkGray2: 95, 95, 95; + + --darkGreen: 27, 94, 32; + --darkGreen3: 100, 146, 0; + + --lightGreen: 9, 116, 0; + + --pureBlack: 0, 0, 0; + --mostlyBlack: 45, 45, 45; + --strongYellow: 200, 200, 50; + --strongOrange: 255, 152, 0; + --strongRed: 220, 20, 0; + --strongGreen: 60, 130, 50; + --strongBlue: 0, 73, 248; + + --mostlydesaturateddarkBlue: 94, 134, 152; + --lightdesaturateddarkBlue: 120, 170, 195, 0.85; + --verypaleYellow: 255, 250, 208; + + --vividBlue: 34, 34, 255; + --vividLimeGreen: 34, 255, 34; + --vividOrange: 255, 165, 34; + --vividRed: 255, 34, 34; + + --palette_premium_blue: 59, 134, 255; + --palette_premium_green: 61, 207, 120; + --palette_premium_gray: 66, 82, 109; + --palette_premium_orange: 255, 157, 0; + --palette_premium_red: 214, 36, 77; + --palette_premium_turquise: 66, 210, 212; + + --palette_premium_darkgreen: 43, 157, 31; + --palette_premium_lightgray: 229, 233, 243; + + --background: var(--neutral_150); + --backgroundContrast: var(--pureBlack); + + /* SKALA SZAROŚCI OD TŁA GŁÓWNEGO */ + --verylightContrast1: 245, 245, 245; + --verylightContrast2: 242, 242, 242; + --verylightContrast3: 234, 234, 234; + --verylightContrast4: 229, 229, 229; + --verylightContrast5: 224, 224, 224; + + --lightContrast1: 213, 213, 213; + --lightContrast2: 208, 208, 208; + --lightContrast3: 193, 193, 193; + --lightContrast4: 187, 187, 187; + --lightContrast5: 172, 172, 172; + + --strongContrast1: 140, 140, 140; + --strongContrast2: 128, 128, 128; + --verystrongContrast1: 95, 95, 95; + --verystrongContrast2: 70, 70, 70; + + --almostfullContrast: var(--mostlyBlack); + --fullContrast: var(--pureBlack); + + /*------------------------------------------------*/ + + --theme: 1, 110, 70; + --themeContrast: var(--white); + --theme_contrast: var(--white); + --themeAccent: 94, 134, 152; + --themeAccentContrast: var(--white); + + --primaryText: var(--almostfullContrast); + --secondaryText: 114, 114, 114; + --labelColor: var(--neutral_700); + + --menuBackground: RGBA(var(--white), 1); + --menuBackgroundContrast: RGBA(var(--strongContrast2), 1); + + /* THEME */ + --theme_bg: RGBA(var(--neutral_0), 1); + --theme_body_fg: rgb(255, 192, 203); + + --theme_border: 1px solid RGBA(var(--lightContrast4), 1); + --theme_border_light: 1px solid RGBA(var(--verylightContrast5), 1); + --theme_border2: RGBA(var(--theme), 0.3); + --theme_text_icon: RGBA(var(--white), 1); + --theme_blink_normal: RGBA(var(--lightContrast1), 0.2); + --theme_blink_blue: rgba(154, 219, 249, 0.2); + --theme_accent: RGBA(var(--themeAccent), 1); + --theme_accent_opacity: RGBA(var(--themeAccent), 0.7); + --theme_divider: RGBA(var(--lightContrast5), 1); + --theme_primary_text: RGBA(var(--primaryText), 1); + --theme_input_cleable_icon: RGBA(var(--lightGray5), 1); + --theme_form_bg: RGBA(var(--background), 1); + --theme_layer_bg: RGBA(var(--almostfullContrast), 0); + --theme_tap_highlight: RGBA(var(--fullContrast), 0); + --theme_shadow: rgba(70, 70, 70, 0.3); + --theme_light_shadow: RGBA(var(--almostfullContrast), 0.4); + + --theme_hover_shadow: 0 0 0 1px RGBA(var(--theme_box_shadow), 0.1), 1px 1px 6px 2px RGBA(var(--theme_box_shadow), 0.2); + --theme_active_shadow: 0 0 1px 1px RGBA(var(--theme_box_shadow_light), 0.1), 0 0 1px 1px RGBA(var(--theme_box_shadow_light), 0.2); + --theme_shadow_hover_btn: 0 0 0 1px RGBA(var(--pureBlack), 0.1), 1px 1px 6px 2px RGBA(var(--pureBlack), 0.2); + + --theme_link_fg: rgb(34, 34, 255); + --theme_error: rgb(220, 20, 0); + --theme_warning: rgb(255, 152, 0); + --theme_info: rgb(60, 130, 50); + --theme_question: RGBA(var(--themeAccent), 1); + + /* PARTIAL */ + --theme_icon: RGBA(var(--white), 1); + --theme_box_shadow: RGBA(var(--pureBlack), 1); + --theme_box_shadow_light: RGBA(var(--lightContrast5), 1); + --theme_content_icon: RGBA(var(--themeAccent), 1); + --theme_content_title_fg: RGBA(var(--themeAccent), 1); + + /* Focus */ + --focus_outline: 1px solid #016E46; + --focus_outline_secondary: 1px solid #FFF; + --focus_outline_tertiary: 1px solid #000; + --focus_outline_quaternary: 1px solid #000; + --focus_outline_quinary: 1px solid #000; + --focus_box_shadow: 0 0 3px 1px #016E46; + --focus_box_shadow_inset: inset 0 0 3px 1px #016E46; + --focus_border: 1px solid #016E46; + --focus_color: #016E46; + + /* INPUT EDITOR */ + --input_bg: inherit; + --input_disabled_bg: RGBA(229, 229, 229, 1); + --input_readonly_bg: RGBA(var(--neutral_0), 1); + --input_text_editor_fg: RGBA(var(--neutral_800), 1); + --input_text_editor_bg: RGBA(var(--neutral_0), 1); + --input_focused_fg: RGBA(38, 38, 38, 1); + --input_shadow_disabled: 1px 1px 1px RGBA(var(--white), 1); + --input_text_asteriks_focus_bg: RGBA(255, 255, 255, 1); + --input_text_asteriks_bg: RGBA(38, 38, 38, 1); + --input_text_asteriks_color: RGBA(255, 255, 255, 1); + --input_text_asteriks_border: 1px solid RGBA(38, 38, 38, 1); + --input_caret_color: inherit; + + --input_bar_border: var(--theme_border); + --input_border: 1px solid RGBA(212, 212, 212, 1); + --input_focused_border: 1px solid RGBA(0, 114, 61, 1); + --input_fg: RGBA(var(--neutral_1000), 1); + --input_disabled_fg: rgb(132, 139, 137); + --input_disabled_fg_ios: rgb(132, 139, 137); + --input_icon: RGBA(0, 114, 61, 1); + --input_disabled_icon: RGBA(var(--strongContrast2), 1); + --input_focused_bg: var(--editorlabel_topside_fg); + --input_warning_bg: var(--theme_warning); + --editorlabel_warning_fg: var(--theme_warning); + --input_error_bg: var(--theme_error); + --editorlabel_error_fg: var(--theme_error); + --input_memo_focused_border: 1px solid var(--input_focused_bg); + --input_memo_warning_border: 2px solid RGBA(var(--input_warning_bg), 1); + --input_memo_error_border: 2px solid RGBA(var(--input_error_bg), 1); + + --editor_bg: transparent; + --editor_disabled_bg: RGBA(229, 229, 229, 1); + + /* INPUT SEARCH */ + --input_search_fg: RGBA(var(--mostlyBlack), 1); + --input_search_placeholder_fg: RGBA(var(--white), 0.6); + --input_search_icon: RGBA(var(--white), 0.8); + + /* WINDOW */ + --window_bg: RGBA(var(--background), 1); + + /* TEST WINDOW */ + --test_active_box_shadow: rgb(208, 208, 208); + --test_window_bg: rgb(60, 60, 60); + --test_window_fg: rgb(172, 172, 172); + --test_window_header_bg: rgb(70, 70, 70); + --test_window_header_run_bg: rgb(60, 60, 60); + --test_window_header_run_title_fg: rgb(238, 170, 0); + --test_window_header_search_bg: RGBA(var(--mostlyBlack), 1); + --test_window_header_search_fg: rgb(238, 170, 0); + --test_window_header_search_border: rgb(238, 170, 0); + --test_window_header_search_placeholder: rgb(187, 187, 187); + --test_window_header_search_focus: rgb(238, 170, 0); + --test_window_item_bg: RGBA(var(--mostlyBlack), 1); + --test_window_item_border: rgb(70, 70, 70); + --test_window_item_box_shadow: RGBA(var(--mostlyBlack), 1); + --test_window_item_title_fg: rgb(213, 213, 213); + --test_window_item_info_fg: rgb(213, 213, 213); + --test_window_item_hover_border: rgb(70, 70, 70) 2; + --test_window_item_hover_title_fg: rgb(238, 170, 0); + --test_window_item_hover_info_fg: rgb(220, 20, 0); + --test_window_item_hover_active_border: rgb(70, 70, 70); + --test_finished_bg: RGBA(var(--mostlyBlack), 1); + --test_finished_title_fg: rgb(187, 187, 187); + --test_finished_failed_title_fg: rgb(253, 61, 61); + + /* WIZARD */ + --wizard_bg: RGBA(var(--background), 1); + --wizard_buttons_bg: inherit; + --wizard_buttons_border: var(--theme_border); + --wizard_command_fg: RGBA(var(--themeAccent), 1); + --wizard_headerbar_bg: RGBA(var(--themeAccent), 1); + --wizard_headerbar_fg: RGBA(var(--themeAccentContrast), 1); + --wizard_headerbar_icon: RGBA(var(--themeAccentContrast), 1); + --wizard_title_bg: RGBA(var(--themeAccent), 1); + --wizard_label_fg: RGBA(var(--secondaryText), 1); + --wizard_title_fg: RGBA(var(--white), 1); + --wizard_steps_bar_fg: rgb(68, 70, 69); + --wizard_steps_bar_point_bg: rgb(130, 139, 137); + --wizard_steps_bar_point_active_bg: rgb(207, 210, 210); + --wizard_steps_bar_point_active_border: rgb(1, 110, 70); + + /* EDITOR */ + --theme_editor_fg: RGBA(var(--almostfullContrast), 1); + --theme_editor_bg: RGBA(var(--background), 1); + --theme_editor_disabled_bg: RGBA(229, 229, 229, 1); + --theme_editor_disabled_fg: RGBA(var(--strongContrast2), 1); + --theme_editor_border: rgb(195, 227, 234); + --theme_editor_common_border: 1px solid RGBA(var(--neutral_300)); + --theme_editor_disabled_border: RGBA(var(--lightGray2), 1); + --theme_editor_focused_bg: rgb(255, 250, 208); + + /* CHECKBOX */ + --checkbox_bg: RGBA(var(--brand_500)); + --checkbox_bg_hover: RGBA(58, 142, 111); + --checkbox_fill_color: RGBA(var(--neutral_0)); + --checkbox_content_border: 1px solid RGBA(var(--neutral_300)); + --checkbox_border: 2px solid RGBA(77, 81, 80); + --checkbox_border_disabled: 2px solid RGBA(230, 231, 231); + --checkbox_border_hover: 2px solid RGBA(133, 139, 137); + --checkbox_disabled_fg: RGBA(var(--neutral_600)); + --checkbox_disabled_icon: RGBA(109, 115, 113); + --checkbox_disabled_color: RGBA(230, 231, 231); + --checkbox_tap_highlight: var(--theme_tap_highlight); + + --checkbox_checked: rgb(73, 126, 77); + --checkbox_disabled: RGBA(var(--verylightContrast5), 1); + --checkbox_border_checked: 2px solid var(--checkbox_checked); + --checkbox_border_unchecked: 2px solid RGBA(var(--strongContrast2), 1); + --checkbox_icon_bg: RGBA(var(--background), 1); + --checkbox_bg_2: transparent; + --checkbox_bg_disabled: RGBA(var(--neutral_300)); + --checkbox_checked_after_color: RGBA(var(--neutral_50)); + --checkbox_checked_after_color_2: RGBA(var(--neutral_0)); + --checkbox_unchecked_color: RGBA(var(--neutral_300)); + --checkbox_unchecked_color_2: RGBA(var(--neutral_700)); + --checkbox_after_border_width: 0 2px 2px 0; + + /* Chips */ + --chips_fg: RGBA(0, 0, 0); + --chips_icon: RGBA(0, 0, 0); + --chips_border: 1px solid RGBA(133, 139, 137); + + /* RADIOBUTTON */ + --radiobutton_bg: RGBA(var(--neutral_0), 1); + --radiobutton_check: RGBA(var(--brand_500)); + --radiobutton_unchecked: RGBA(var(--neutral_700)); + --radiobutton_disabled: RGBA(var(--neutral_500)); + --radiobutton_focused_icon: RGBA(var(--neutral_600)); + --radiobutton_focused: RGBA(0, 34, 22); + --radiobutton_hover: RGBA(var(--brand_300)); + --radiobutton_hover_unchecked: RGBA(var(--neutral_400)); + --radiobutton_tap_highlight: var(--theme_tap_highlight); + + --radiobutton_chips_fg: RGBA(var(--neutral_1000)); + --radiobutton_chips_border: RGBA(var(--neutral_400)); + --radiobutton_chips_checked_fg: RGBA(var(--neutral_1000)); + --radiobutton_chips_checked_bg: RGBA(var(--brand_20)); + --radiobutton_chips_disabled_bg: RGBA(var(--neutral_100)); + --radio_split_button_fg: RGBA(var(--neutral_1000)); + --radio_split_button_bg: RGBA(230, 231, 231, 1); + --radio_split_button_border: RGBA(205, 210, 210, 1); + --radio_split_button_checked_fg: RGBA(var(--neutral_0)); + --radio_split_button_checked_bg: RGBA(0, 114, 61, 1); + --radio_split_button_disabled_fg: RGBA(191, 194, 194, 1); + --radio_split_button_disabled_bg: RGBA(245, 245, 245, 1); + --radio_tab_fg: RGBA(var(--neutral_1000)); + --radio_tab_bg: RGBA(var(--neutral_0)); + --radio_tab_border_color: RGBA(var(--neutral_0)); + --radio_tab_border_color_checked: RGBA(0, 114, 61, 1); + + /* RATING */ + --rating_bg: var(--theme_editor_bg); + --rating_star_fg: RGBA(var(--lightContrast1), 1); + --rating_star_shadow: rgb(252, 252, 252); + --rating_star_hover_fg: rgb(254, 203, 22); + --rating_star_hover_shadow: rgb(252, 252, 252) 2px 2px 5px; + --rating_star_checked_fg: rgb(254, 203, 22); + --rating_star_checked_shadow: rgb(252, 252, 252) 2px 2px 5px; + --rating_tap_highlight: var(--theme_tap_highlight); + + /* COMMAND */ + --command_bg: RGBA(var(--verylightContrast3), 1); + --command_icon: RGBA(var(--themeAccent), 1); + --command_fg: RGBA(var(--themeAccent), 1); + --command_circle_bg: RGBA(var(--brand_500), 1); + --command_circle_fg: RGBA(var(--themeAccentContrast), 1); + --command_circle_shadow: 0px 0px 3px 3px RGBA(var(--background), 0.3); + --command_blink_bg: var(--theme_blink_normal); + --command_dashboard_more_icon_bg: RGBA(var(--pureBlack), 0.2); + --command_dashboard_list_fg: var(--command_icon); + --command_dashboard_title_bg: RGBA(255, 255, 255, 1); + --command_dashboard_title_fg: RGBA(0, 0, 0, 1); + --command_dashboard_desc_fg: RGBA(64, 64, 64, 1); + --command_dashboard_icon: RGBA(var(--pureBlack), 1); + --command_dashboard_border_fg: RGBA(1, 110, 70, 1); + --command_primary_color: RGBA(var(--brand_500)); + --command_text_color: RGBA(var(--neutral_0)); + + --command_important_bg: RGBA(0, 114, 61, 1); + --command_important_fg: RGBA(255, 255, 255, 1); + --command_important_border: 1px solid RGBA(255, 255, 255, 1); + --command_important_icon: RGBA(255, 255, 255, 1); + --command_secondary_bg: RGBA(255, 255, 255, 1); + --command_secondary_fg: RGBA(0, 0, 0, 1); + --command_secondary_border: 1px solid RGBA(130, 139, 137, 1); + --command_secondary_icon: RGBA(0, 0, 0, 1); + --command_tertiary_bg: inherit; + --command_tertiary_fg: RGBA(0, 0, 0, 1); + --command_tertiary_border: unset; + --command_tertiary_icon: RGBA(0, 0, 0, 1); + + --command_cube_fg: RGBA(var(--neutral_1000)); + --command_cube_bg: RGBA(var(--neutral_0)); + --command_cube_boxshadow: 0 0 20px 0 RGBA(var(--neutral_1000), 0.18); + --command_cube_icon_fg: RGBA(var(--neutral_1000)); + + /* DATEPICKER */ + --dp_box_bg: RGBA(var(--background), 1); + --dp_header_bg: RGBA(var(--verystrongContrast1), 1); + --dp_header_fg: RGBA(var(--white), 1); + --dp_header_year_fg: RGBA(var(--white), 0.7); + --dp_fullday_bg: RGBA(var(--verystrongContrast2), 1); + --dp_fullday_fg: RGBA(var(--white), 1); + --dp_navigation_icon: RGBA(var(--verystrongContrast2), 1); + --dp_navigation_fg: RGBA(var(--themeAccentContrast), 1); + --dp_navigation_bg: RGBA(var(--verystrongContrast2), 1); + --dp_element_fg: RGBA(var(--lightGray7), 1); + --dp_element_active_fg: RGBA(var(--primaryText), 1); + --dp_selected_day_fg: RGBA(var(--white), 1); + --dp_selected_day_bg: rgb(70, 70, 70); + --dp_current_day_fg: rgb(200, 200, 50); + --dp_button_fg: RGBA(var(--verystrongContrast2), 1); + --dp_ym_header_bg: RGBA(var(--verystrongContrast2), 1); + --dp_ym_header_fg: RGBA(var(--themeAccentContrast), 1); + --dp_ym_separator: linear-gradient(to bottom, rgba(17, 218, 0, 0) 0%, rgb(9, 116, 0) 54%, rgba(17, 218, 0, 0) 100%); + --dp_ym_level_0_fg: RGBA(var(--neutral_1000), 1); + --dp_ym_level_1_fg: rgb(68, 70, 69); + --dp_ym_level_2_fg: rgb(130, 139, 137); + --dp_ym_level_3_fg: RGBA(var(--neutral_300), 1); + --dp_fn_bg: RGBA(var(--background), 1); + --dp_fn_fg: RGBA(var(--fullContrast), 0.7); + --dp_item_border: RGBA(var(--verylightContrast5), 1); + --dp_button_icon: RGBA(var(--verystrongContrast1), 1); + --dp_overlay_bg: var(--theme_light_shadow); + --dp_fn_selected_fg: var(--dp_header_fg); + --dp_fn_selected_bg: RGBA(var(--verystrongContrast1), 1); + --dp_fn_separator: 1px solid RGBA(var(--verylightGray2), 1); + --dp_shortday_fg: var(--dp_element_fg); + --dp_week_border: var(--theme_border_light); + --dp_day_range: rgb(182, 182, 182); + --dp_day_fg: RGBA(var(--white), 1); + --dp_day_bg: RGBA(var(--verydarkGray), 1); + --dp_element_fg: RGBA(var(--lightGray6), 1); + --dp_week_fg: rgb(0, 97, 255); + --dp_shortday_fg: RGBA(var(--lightGray5), 1); + --dp_day_range: RGBA(var(--lightGreen), 1); + --dp_day_selected_bg: rgb(0, 114, 61); + --dp_day_selected_fg: RGBA(var(--neutral_0)); + --dp_day_today_border_color: rgb(0, 114, 61); + --dp_day_today_fg: rgb(0, 114, 61); + --dp_field_border_color: RGBA(var(--lightGray7), 1); + --dp_field_border_color_active: rgb(0, 114, 61); + --dp_day_border: RGBA(var(--green_500), 0.5); + --dp_in_range_bg: RGBA(var(--brand_10), 1); + --dp_in_range_fg: RGBA(var(--neutral_800)); + --dp_bg: RGBA(var(--neutral_0), 1); + --dp_label: RGBA(var(--gray_500), 1); + --dp_color: RGBA(var(--darkGray3), 1); + --dp_color_placeholder: RGBA(var(--green_500)); + --dp_arrow: RGBA(var(--pureBlack), 1); + --dp_container_bg: RGBA(var(--neutral_0)); + --dp_navigation_button: RGBA(var(--pureBlack), 1); + --dp_weekdays_fc: RGBA(var(--lightGray5), 1); + --dp_button_color: RGBA(var(--green_500)); + --dp_navigation_color: RGBA(var(--neutral_1000)); + --dp_border: 1px solid rgb(205, 210, 210); + --dp_label_fg: rgb(0, 0, 0); + --dp_label_border: 1px solid rgb(130, 139, 137); + --dp_label_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --dp_start_color: RGBA(var(--neutral_0)); + --dp_scrollbar_track_color: transparent; + --dp_scrollbar_thumb_bg: transparent; + --dp_scrollbar_thumb_hover_bg: transparent; + --dp_day_of_week_fg: rgb(68, 70, 69); + + /* Buttons */ + --btn_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --btn_primary_bg: rgb(0, 114, 61); + --btn_primary_fg: rgb(255, 255, 255); + --btn_primary_border_color: rgb(0, 114, 61); + --btn_secondary_bg: rgb(255, 255, 255); + --btn_secondary_fg: rgb(0, 0, 0); + --btn_secondary_border_color: rgb(130, 139, 137); + + /* DateScopePicker */ + --dsp_command_fg: rgb(1, 110, 70); + --dsp_command_bg: RGBA(var(--white), 1); + --dsp_command_disabled_fg: RGBA(163, 163, 163, 1); + --dsp_label_fg: RGBA(var(--fullContrast), 1); + --dsp_caption_fg: rgb(68, 70, 69); + + /* ColorPicker */ + --cp_box_bg: RGBA(var(--neutral_0)); + --cp_box_fg: RGBA(var(--neutral_0)); + --cp_overlay_bg: RGBA(var(--neutral_1000), 0.5); + --cp_box_shadow: none; + --cp_empty_bg: repeating-linear-gradient(45deg, rgb(220, 220, 220), rgb(220, 220, 220) 5px, RGBA(var(--white)) 5px, RGBA(var(--white)) 10px); + --cp_empty_icon: RGBA(38, 38, 38); + --cp_box_border: none; + --cp_box_fc: RGBA(var(--neutral_1000)); + --cp_button_save_bg: RGBA(var(--brand_600)); + --cp_button_box_shadow: 0px 0px 10px RGBA(0, 0, 0, 0.12); + --cp_button_color: RGBA(0, 0, 0); + --cp_checkbox_bg: RGBA(var(--neutral_0)); + --cp_checkbox_checked_bg: RGBA(var(--brand_500)); + --cp_button_understand_bg: RGBA(var(--brand_500)); + --cp_button_border: 1px solid RGBA(var(--neutral_400)); + --cp_button_border: 1px solid RGBA(var(--neutral_700)); + --cp_button_save_color: RGBA(var(--neutral_0)); + --cp_active: 1px solid RGBA(var(--neutral_950)); + + /* TimePicker */ + --tp_bg: RGBA(var(--neutral_0)); + --tp_sep: RGBA(0, 0, 0); + --tp_color: RGBA(0, 0, 0); + --tp_border: 1px solid RGBA(133, 139, 137); + --tp_button_ok_bg: RGBA(var(--brand_500)); + --tp_button_ok_fg: RGBA(var(--neutral_0)); + --tp_box_shadow: 0px 0px 10px RGBA(0, 0, 0, 0.12); + --tp_overlay_bg: var(--theme_light_shadow); + --tp_mark: RGBA(230, 241, 237); + --tp_focus: 1px solid RGBA(var(--neutral_950)); + + /* PAGE */ + --page_header_logo: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAYCAYAAAAyC/XlAAABLWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAACjPY2BgMnB0cXJlEmBgyM0rKQpyd1KIiIxSYD/PwMbAzAAGicnFBY4BAT4gdl5+XioDKmBkYPh2DUQyMFzWBZnFQBrgSi4oKgHSf4DYKCW1OBlopAGQnV1eUgAUZ5wDZIskZYPZG0DsopAgZyD7CJDNlw5hXwGxkyDsJyB2EdATQPYXkPp0MJuJA2wOhC0DYpekVoDsZXDOL6gsykzPKFEwtLS0VHBMyU9KVQiuLC5JzS1W8MxLzi8qyC9KLElNAaqFuA8MBCEKQSGmAdRooclAZQCKBwjrcyA4fBnFziDEECC5tKgMFhdMxoT5CDPmSDAw+C9lYGD5gxAz6WVgWKDDwMA/FSGmZsjAIKDPwLBvDgDCs0/+1ia4KQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEQAACxEBf2RfkQAAAAd0SU1FB94MAgwyDojLcmcAAAhqSURBVGje7ZpprF1VFYC/9d6jA68tLQaUFiiDzFiRmYggCmghEAEJGotECVGUCCHQCEFBGwEhkgbRQFQCWkjAAgJSBo2lYimTBCiQCgpCKaVFCqXTo7T9/OE6ZHs89973EJCat5KTfe7Zaw9r7TXvC+sxqKgMwv8ptDpgtacJdxAGDrGeCMIY4EhgP2AzYAOgD5gPzAJujoi1lRBExODJ/q809p2eRz1TXaj2+Z+wLr/PV49vtY9Ovzus/57R/b6wACoRgRrACGAYMBpYDSwDVkZEX4lbY8RwYCzQXazRByzPdmVE2I6Ruf4Y4AbgoAHQcz1wYkQsL+io2tHAh4BnImJ1q/UTtwfYDlgYEa9lX3dan16g3P8yYCWwIiLW1HlSm78r+bMB0AWsA/ra8bP6nXsaCvTk+stKPqpDgCG1vVWwJiLeGIgGDlFPUB+sadwy9Zfqri3GhXq2zbBG/aN6ch5GS81UN1efLLR8IDBdHdEw9wPZP6mTJqunJu71yVjUj7RZ8xn1u+rGbWKZcepZ6h/URepK9YVc49CGPbx18Ooh6oXqTPVZ9SF1RClY6hnqn9RZDc+5Azn8bvUb6tokrk+dlwtX8Jg6rknC1asSZ5H6qDpXfVp9oxg/o+mQco5e9ZYag1eqX1OnqMv7IQTnN5jyG7PvDnV4O7OtPp+4v0hLiDo+mTk36X9MfVxdXKx7qTqsBV2HFXj/UJcWv5eqR9cDX3VsCvSKAne1el9NAHrVm9rwY8ZAou4PqAsKBmykjlJHqrulFVA9vUHLunKM6gW5sVH5jFEnqauy/8ctrMBxaS1KuCc1oVvdSb27H0KwQ02Tdin6dm6j/UelsL6uHl7wJQp6RuYzKr99s1CW7Vrwdlv1nNz/6OTrOXmg5gH2FPibqrOLPU9TP5bnM6oSzMTdJHmkepK6l7pv8Ww/EAtwYE60WN2gQSpPzv7ZHQTgvKZ0Tj22IGrDGk6vemvDYc5MASjXOj732MpF3FSbe4j6u0qw29A/PXGeHEiwpz7cysW0cXXD1CU57i61t7DCF+T3N9UvdAhUx6tPJf7GA0mpuxpw98j29xHxZhWUFcHJrGx36Xek+e/jHwAez/fPljjAKODQdvNUhETEr4AdgEuBlxvQJ6rDi7nfBKqD/2oTo9IyVPRfXvfJRUA2Lq3h3uo+6j7Aszlu53b7rqWpn8rADuCJiFiR72OBr+f7WcAc9Yh89lS7qzkTNgQ+mEHlOHWCOrYeTDYFpz0NjBud7Sj1yJy0hMr3b/Q2M4/XgSX5vnmtb+uMZNsKU0HUq8Bp6jTgW8DxBWo3sCdwT45TnZ3CtyvwbWBymS0A+wNbAasqAajWS5yxwDnAPsAmudeKq73Zbtxh35OBMcD4zHA2BG4CLizQP5nnsArYCbg/DxhgITBDnRwRS3LfI1N5BGYAa4El6mPADyLi6XbZSV0Lvl+YnpUZgJTPqsLM9ssF1HBGFz781FrfF1uY85mdqn9pTs+oZR3HNYy5JN3G4spCFO7nrhx7UV37c9939iP2+HkH/i6o4d+v7lJb78rsW1sEzVPVl4pxUyu3qB5ZuO16vWSR+tFWLqyrzV7XAm9k/l8+VU4/+12oS6z5L8b2ZJ7/Fq+ThrqwTAOWpgX7cqGdWwCHJM7Uuvanazg0LeLktFYjUvN7gR/2c5+XAFOAa4HFwN7AXHVSoaFbFedzbEQcFhGn5fdF2XdMWhEi4pb4F2waEcPSatyRPNgUuKhVhbTJBVR+6BbgjBaHEhGx4F0QgGcHUi1MszwEODh95f5JdEXpc3UTHBEPqw/lmKPVq7MQc0qiTgcWN5jMA7K9JiIubtjP6v5UCyPiR8W3LYC7gW2A89R7I+KZooj2aERML8b2qZelAG0OjG4qHEXEPPUY4IkUmq3UbXLujhZgTrZ7RcTzEfFiw/NuHD7A8xkj9IeRZEHqGuDGPPyyutkH/LmFy/hORSOwmzoUOCm/XZuVs/rSw7N9tR5RZ0oW/Q2Ei0B2PvCbRBlfaP7fsh2aFchSGF9qdX61+Ggl8Eqh6EOb9tUkAE8Af0mpueo9vkdYBtzWSevz/eLMKD7fgrjrImJdE4Mi4j7gwQzGPp0B5BDgEeDBFsFSlRZ+DugqcbIku/ZtZkUTsl1dWNvfZrsjsG0t4v9Mti8Dr7XJljbL0jWJt7CV36wPfkWdAvwMOEE9KiPLRTXUq4BH3qmbt5xnlXpNMnl40T0kzWKX+gngSmDLDlOe3aH/3KTrS0WEPSsiXmiBPzOzly2B59QbMx6oGLBfG8HtAk5Mi3MFsCDvWE7NVBBgLvB0kWo/BWwP3KUeDLyoHpECT+59fgrG91Jx52Tctm3GMWNTMG+IiNf6nQnkpr+SNec1LaLdmxuygFAvy/4zW8w7ssgCTmro7ymi4PLW73z16n7eB5zSrnCTJnhYlrgrWKXu1apwk7RNypvHdjC1xd3KbW3GzFMn1jKBibWMYVnxfq+6YzF3K1ihXt6ukBUdzOy4NFEfzmiyJ8cI3Arc23AbOAE4Crg6Iv7ewtRPzBz9iohY3BDYbQRcV5i7gcBPgNOB1W1u5Sr3d3jWA4allpzfD8WYAOybPru7uH2LNOHTImJegwU4IOnePXm5LmOeWcCMDNzqvnx34Djg41kXWAjcDvw644cqCD4xY6Dt0nIuBR4Cbo+IO5tuGvtzJ1DX7J7a025sV4cSaFTBTYcy6U8HeBM4pdW8rUxzXkqNrOoM7eiq0djT8HR3mKMn6w3VXcLwklf1m8BizIji3qERP/lV0TKiKuOvl/9XqBF3eF4NL8/ilLWbsRXqHHWPdjXvQejnH0Lex0JxYAZaW2f59HXgr8DMiHhkwGZuENYfa/BO4g3CIAxCAf8EmY/1lA0924YAAAAASUVORK5CYII=") no-repeat; + --page_bg: RGBA(var(--theme), 1) var(--page_header_logo) no-repeat center !important; + --page_content_fg: RGBA(var(--strongContrast2), 1); + --page_footer_fg: RGBA(var(--strongContrast2), 1); + --page_shadow: var(--theme_shadow); + + /* FEATURE BAR*/ + --featurebar_bg: RGBA(var(--background), 1); + --featurebar_headerbar_bg: RGBA(var(--themeAccent), 1); + --featurebar_headerbar_fg: RGBA(var(--themeAccentContrast), 1); + --featurebar_features_bg: RGBA(var(--neutral_0), 1); + --featurebar_features_fg: RGBA(var(--fullContrast), 1); + --featurebar_item_fg: rgb(64, 64, 64); + --featurebar_item_checked_fg: RGBA(var(--fullContrast), 1); + --featurebar_item_icon: RGBA(var(--themeAccent), 1); + --featurebar_check_icon_checked: rgb(0, 130, 71); + --featurebar_check_icon_unchecked: RGBA(var(--neutral_400), 1); + + /* FIELD */ + --field_icon: RGBA(var(--strongContrast2), 1); + --field_warning_label_fg: RGBA(var(--strongRed), 1); + --field_image_full_screen_shadow: 1px 1px 4px rgb(var(--darkGray2)); + --field_image_full_screen_bg: rgb(var(--white)); + --field_image_full_screen_fg: rgb(90, 90, 90); + --full-screen-field-bg: rgb(var(--white)); + + /* HEADER BAR*/ + --headerbar_bg: RGBA(var(--theme), 1); + --headerbar_fg: RGBA(var(--themeContrast), 1); + --headerbar_icon: RGBA(var(--themeContrast), 1); + --headerbar_form_bg: transparent; + --headerbar_form_fg: rgb(0, 0, 0); + --headerbar_form_icon: rgb(0, 0, 0); + --headerbar_grid_bg: RGBA(1, 110, 70, 1); + --headerbar_grid_fg: RGBA(var(--white), 1); + --headerbar_grid_icon: RGBA(var(--white), 1); + --headerbar_avatar_bg: RGBA(1, 110, 70, 1); + --headerbar_avatar_fg: RGBA(var(--themeContrast), 1); + --headerbar_avatar_active_bg: rgb(0, 70, 38); + --headerbar_border: none; + --headerbar_shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18); + --headerbar_search_bg: var(--theme_divider); + --headerbar_notification_bg: rgb(220, 38, 38); + --headerbar_notification_fg: RGBA(var(--white), 1); + --headerbar_blink_bg: var(--theme_blink_normal); + + /* PATH BAR */ + --path_font_size: 14px; + --path_fg: rgb(0, 0, 0); + --path_bg: RGBA(var(--white), 1); + --path_separator_border: 1px solid RGBA(var(--neutral_700), 1); + --path_active_fg: rgb(0, 97, 255); + + /* SECOND HEADER BAR*/ + --second_headerbar_bg: rgb(230, 231, 231); + --second_headerbar_shadow: 0 0 10px 0 RGBA(var(--neutral_1000), 0.12); + --second_headerbar_command_bg: rgb(230, 231, 231); + --second_headerbar_command_fg: RGBA(var(--neutral_1000)); + --second_headerbar_command_icon: RGBA(var(--neutral_1000)); + --second_headerbar_active_command_bg: RGBA(var(--theme)); + --second_headerbar_active_command_fg: RGBA(var(--neutral_0)); + --second_headerbar_active_command_icon: RGBA(var(--neutral_0)); + + /* NAVIGATION BAR*/ + --navbar_content_bg: var(--menuBackground); + --navbar_command_icon: RGBA(var(--strongContrast2), 1); + --navbar_command_fg: RGBA(var(--strongContrast2), 1); + --navbar_commands_border: 1px solid rgb(221, 221, 221); + --navbar_logo: RGBA(var(--white), 1); + --navbar_label_fg: RGBA(var(--white), 1); + --navbar_command_content_fg: RGBA(var(--themeContrast), 1); + --navbar_command_bg: RGBA(var(--theme), 1); + --navbar_group_main_bg: url(/assets/images/loginBgMobile.jpg) no-repeat; + --navbar_group_main_size: cover; + --navbar_group_main_border: none; + --navbar_bg: var(--theme_light_shadow); + --navbar_group_main_shadow: 0 6px 10px 0 RGBA(var(--pureBlack), 0.14), 0 1px 18px 0 RGBA(var(--pureBlack), 0.12), 0 3px 5px -1px RGBA(var(--pureBlack), 0.2); + --navbar_command_shadow: 0 6px 10px 0 RGBA(var(--pureBlack), 0.34), 0 1px 18px 0 RGBA(var(--pureBlack), 0.32), 0 3px 5px -1px RGBA(var(--pureBlack), 0.2); + --navbar_command_logout_icon: var(--theme_text_icon); + + /* EDITOR LABEL */ + --editorlabel_disabled_fg: RGBA(var(--strongContrast2), 1); + --editorlabel_topside_fg: RGBA(var(--labelColor), 1); + --editorlabel_leftside_fg: RGBA(var(--almostfullContrast), 1); + --editorlabel_fg: RGBA(var(--pureBlack), 1); + --editorlabel_bg: RGBA(var(--white), 1); + + /* GROUP */ + --group_fg: RGBA(var(--primaryText), 1); + --group_bg: RGBA(var(--neutral_0), 1); + --group_border: none; + --group_item_fg: RGBA(var(--secondaryText), 1); + --group_icon: RGBA(var(--labelColor), 1); + --group_title_fg: RGBA(var(--neutral_1000), 1); + --group_command_bg: RGBA(var(--verylightContrast1), 1); + --group_editor_fg: var(--editorlabel_topside_fg); + --group_label_fg: var(--editorlabel_disabled_fg); + --group_label_fg2: rgb(220, 20, 0); + --group_title_font_size: 18px; + + /* LABEL */ + --label_green_fg: RGBA(var(--strongGreen), 1); + --label_red_fg: RGBA(var(--strongRed), 1); + --label_warning_fg: RGBA(var(--strongRed), 1); + --label_info_fg: RGBA(var(--strongBlue), 1); + --label_fg: RGBA(var(--neutral_1000), 1); + + /* STOPWATCH */ + --stop_watch_bg: RGBA(239, 239, 239, 0.3); + --stop_watch_border: 1px solid RGBA(118, 118, 118, 0.3); + + /* LOOKUP EDITOR */ + --lookup_header_title: RGBA(var(--neutral_1000), 1); + --lookup_header_border: 1px solid RGBA(var(--verylightGray2), 1); + --lookup_item_bg: var(--menuBackground); + --lookup_item_fg: RGBA(var(--neutral_1000), 1); + --lookup_clear_icon: RGBA(var(--neutral_1000), 1); + --lookup_icon: RGBA(var(--strongContrast2), 0.7); + --lookup_border: 1px solid RGBA(var(--neutral_400)); + --lookup_blink_bg: var(--theme_blink_normal); + + /* SIGNATURE */ + --sign_content_bg: var(--theme_editor_bg); + --sign_content_border: 1px solid rgb(195, 227, 234); + --sign_icon_fg: RGBA(var(--themeAccent), 1); + --sign_icon_bg: RGBA(var(--verylightContrast1), 1); + --sign_icon_active_bg: RGBA(var(--verylightContrast2), 1); + --sign_icon_active_fg: RGBA(var(--lightContrast5), 1); + --sign_disabled_bg: RGBA(var(--verylightContrast2), 1); + --sign_disabled_icon: RGBA(var(--lightContrast5), 1); + --sign_box: var(--theme_box_shadow); + --sign_box_light: var(--theme_box_shadow_light); + --sign_content_icon_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --sign_content_icon_hover_shadow: var(--theme_hover_shadow); + --sign_content_icon_active_shadow: var(--theme_active_shadow); + + /* MODAL */ + --modal_bg: RGBA(var(--neutral_0), 1); + --modal_bar_bg: transparent; + --modal_bar_fg: rgb(68, 70, 69); + --modal_bar_icon: RGBA(var(--almostfullContrast), 1); + --modal_bar_title_fg: RGBA(var(--pureBlack), 1); + --modal_bar_title_font: 13pt; + --modal_border_radius: 12px; + --modal_section_fg: rgb(68, 70, 69); + --modal_command_bg: transparent; + --modal_command_fg: var(--command_fg); + --modal_command_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --modal_bar_border: none; + --modal_overlay_bg: var(--theme_light_shadow); + --modal_blink_bg: var(--theme_blink_blue); + --modal_error_icon: var(--theme_error); + --modal_info_icon: var(--theme_info); + --modal_question_icon: var(--theme_question); + --modal_warning_icon: var(--theme_warning); + --modal_label_fg: rgb(68, 70, 69); + --modal_shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18); + + /* PAGE ERROR */ + --error_bg: RGBA(var(--background), 1); + --error_fg: RGBA(var(--strongContrast2), 1); + --error_border: 1px solid RGBA(var(--verylightGray2), 1); + --error_command_bg: RGBA(var(--theme), 1); + --error_command_fg: RGBA(var(--white), 1); + --error_command_active_bg: RGBA(var(--verylightContrast4), 1); + --error_command_active_fg: RGBA(var(--strongContrast1), 1); + --error_bar_bg: var(--modal_bar_bg); + --error_bar_fg: var(--modal_bar_fg); + --error_bar_border: 1px solid RGBA(var(--background), 1); + --error_title_fg: RGBA(var(--mostlyBlack), 1); + --error_bar_icon: var(--theme_error); + --error_warning_bar_icon: var(--theme_warning); + --error_command_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --error_command_hover_shadow: var(--theme_hover_shadow); + --error_command_active_shadow: var(--theme_active_shadow); + + /* SIMPLE FORM */ + --simpleform_container_bg: RGBA(var(--white), 1); + --simpleform_container_fg: RGBA(var(--primaryText), 1); + --simpleform_label_fg: var(--editorlabel_topside_fg); + --simpleform_value_fg: RGBA(var(--primaryText), 1); + --simpleform_bar_border: var(--theme_border); + + /* GRID */ + --grid_row_bg: RGBA(var(--background), 1); + --grid_row_content_fg: RGBA(var(--primaryText), 1); + --grid_row_check_checked: RGBA(var(--theme), 1); + --grid_row_check: var(--theme_divider); + --grid_row_check_open_bg: RGBA(var(--background), 0.8); + --grid_headerbar_bg: RGBA(var(--themeAccent), 1); + --grid_headerbar_fg: RGBA(var(--themeAccentContrast), 1); + --grid_emptycontent: var(--theme_divider); + --grid_headercolumn_height: 32px; + --grid_border: var(--theme_border); + --grid_special_row_bg: rgba(195, 227, 234, 0.6); + --grid_icon: RGBA(var(--theme), 1); + --grid_row_grouping_bg: RGBA(var(--verylightContrast5), 1); + --grid_row_grouping_border_top: 1px RGBA(var(--verylightContrast5), 1); + --grid_row_grouping_border_bottom: 1px RGBA(var(--lightContrast2), 1); + --grid_row_grouping_fg: RGBA(var(--themeAccent), 1); + --grid_blink_bg: var(--theme_blink_normal); + --grid_row_check_unchecked: var(--grid_row_check); + --grid_tap_highlight: var(--theme_tap_highlight); + --grid_row_sum_icon: rgb(118, 163, 0); + --grid_footer_fg: RGBA(var(--mostlyBlack), 1); + --grid_footer_bg: RGBA(var(--verylightGray7), 1); + --grid_footer_sum_row_border: 2px solid RGBA(var(--darkGray2), 1); + --grid_odd_bg: RGBA(var(--neutral_0), 1); + --grid_even_bg: RGBA(var(--neutral_100), 1); + --cards_cap_fg: RGBA(75, 81, 80, 1); + --cards_val_fg: RGBA(var(--neutral_1000), 1); + --cards_primary_fg: RGBA(0, 97, 255, 1); + --cards_btn_bg: RGBA(var(--brand_500)); + --cards_btn_fg: RGBA(var(--neutral_0)); + + /* SLIDEMENU */ + --slidemenu_header_bg: rgb(170, 170, 170); + --slidemenu_header_fg: RGBA(var(--white), 1); + --slidemenu_groups_bg: RGBA(var(--verystrongContrast1), 1); + --slidemenu_group_title_fg: RGBA(var(--white), 1); + --slidemenu_group_active_bg: rgb(70, 70, 70); + --slidemenu_group_active_fg: RGBA(var(--theme), 1); + --slidemenu_group_icon: RGBA(var(--white), 1); + --slidemenu_items_bg: var(--menuBackground); + --slidemenu_item_fg: RGBA(var(--strongContrast2), 1); + --slidemenu_item_border: 1px solid RGBA(var(--menuBackground), 1); + --slidemenu_header_icon_fg: var(--input_search_icon); + + /* PopupMenu */ + --popup_menu_overlay_bg: RGBA(var(--neutral_1000), 0.5); + --popup_menu_bg: RGBA(var(--neutral_0)); + --popup_menu_fc: RGBA(var(--neutral_1000)); + --popup_menu_wrapper_item_bg: RGBA(245, 246, 246); + --popup_menu_content_icon_arrow: RGBA(var(--neutral_700)); + --popup_menu_highlighted: RGBA(var(--brand_20)); + --popup_menu_header_bg: RGBA(var(--neutral_0)); + --popup_menu_header_fg: var(--neutral_1000); + --popup_menu_header_icon: RGBA(var(--neutral_1000)); + --popup_menu_header_bg_image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cpath fill='%23000000' d='M38 90L94 146L80 160L0 80L80 0L94 14L38 70H160V90H38Z'/%3E%3C/svg%3E"); + --popup_menu_header_close_bg_image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cpath fill='%23000000' d='M16 160L0 144L64 80L0 16L16 0L80 64L144 0L160 16L96 80L160 144L144 160L80 96L16 160Z'/%3E%3C/svg%3E"); + --popup_menu_input_bg: RGBA(var(--neutral_50)); + --popup_menu_input_border: 1px solid RGBA(var(--neutral_400)); + --popup_menu_input_color: RGBA(var(--neutral_1000)); + --popup_menu_input_border_active: 1px solid RGBA(var(--neutral_500)); + --popup_menu_input_placeholder_color: RGBA(var(--neutral_400)); + --popup_menu_content_bg: RGBA(var(--neutral_100)); + --popup_menu_item_bg: RGBA(var(--neutral_0)); + --popup_menu_content_icon: RGBA(var(--neutral_1000)); + + /* NAVIGATION MENU */ + --nav_menu_overlay_bg: RGBA(var(--neutral_1000), 0.5); + --nav_menu_bg: RGBA(var(--neutral_0)); + --nav_menu_fg: RGBA(var(--neutral_1000)); + --nav_menu_header_bg: RGBA(var(--white), 1); + --nav_menu_content_bg: RGBA(var(--neutral_100)); + --nav_menu_form_content_bg: RGBA(var(--neutral_0)); + --nav_menu_form_search_bg: RGBA(var(--neutral_0)); + --nav_menu_folder_search_bg: RGBA(var(--neutral_100)); + --nav_menu_folder_header_bg: RGBA(var(--theme), 1); + --nav_menu_folder_header_fg: RGBA(var(--neutral_0)); + --nav_menu_search_border: 1px solid rgb(207, 210, 210); + --nav_menu_search_fg: RGBA(var(--neutral_1000)); + --nav_menu_element_bg: RGBA(var(--neutral_0)); + --nav_menu_element_icon: RGBA(var(--neutral_1000)); + --nav_menu_element_shadow: 0 0 10px 0 RGBA(var(--neutral_1000), 0.12); + + /* INDICATOR */ + --indicator_bg: RGBA(var(--white), 1); + --indicator_fg: RGBA(64, 64, 64, 1); + --indicator_icon: RGBA(0, 0, 0, 1); + --indicator_blink_bg: var(--theme_blink_normal); + --indicator_footer_bg: rgba(102, 102, 102, 0.25); + --indicator_shadow: none; + + /* HTML */ + --html_fg: RGBA(var(--primaryText), 1); + --html_rss_fg: rgb(60, 130, 50); + --html_hyperlink_fg: RGBA(var(--blue_700), 1); + --html_rss_border: RGBA(var(--lightContrast4)); + --html_rss_element_info_fg: RGBA(var(--strongContrast2), 1); + --html_rss_element_desc_fg: RGBA(var(--almostfullContrast), 1); + --html_rss_element_error_fg: RGBA(var(--verystrongContrast1), 1); + --html_rss_date_info_fg: RGBA(130, 130, 130, 1); + --html_rss_desc_fg: RGBA(var(--mostlyBlack), 1); + --html_rss_error_fg: RGBA(var(--verydarkGray2), 1); + --html_hyperlink_color: rgb(20, 71, 230); + + /* LOGIN */ + --page_header_bg: RGBA(var(--brand_500), 1); + --theme_login_button_bg: RGBA(var(--theme), 1); + --page_header_border: none; + --page_header_icon: RGBA(var(--white), 1); + --biometric_btn_bg: RGBA(var(--white), 1); + --biometric_btn_border: 1px solid RGBA(var(--theme), 1); + --biometric_btn_fg: RGBA(var(--fullContrast), 1); + + /* LOADER */ + --loader_bg: RGBA(var(--white), 0.7); + --loader_sp_w: 2px; + --loader_color1: RGBA(var(--vividBlue), 1); + --loader_color2: RGBA(var(--vividLimeGreen), 1); + --loader_color3: RGBA(var(--vividOrange), 1); + --loader_color4: RGBA(var(--vividRed), 1); + + /* TOOLTIP */ + --tooltip_bg: RGBA(var(--neutral_0)); + --tooltip_fg: RGBA(0, 0, 0); + --tooltip_border: 1px solid RGBA(0, 0, 0); + --tooltip_box_shadow: 0px 0px 10px rgba(0, 0, 0, 0.12); + --tooltip_icon: RGBA(var(--pureBlack)); + + /* SIMPLE SCHEDULER */ + --ss_shortday_fg: var(--dp_shortday_fg); + --ss_element_fg: RGBA(var(--fullContrast), 1); + --ss_element_bg: rgb(234, 242, 255); + --ss_label_fg: rgb(64, 64, 64); + --ss_label_last_day_fg: RGBA(var(--red_600), 1); + --ss_resource_fg: RGBA(var(--fullContrast), 1); + --simple_scheduler_task_marker: RGBA(var(--theme), 1); + --simple_scheduler_current_day: rgb(200, 200, 50); + --simple_scheduler_selected_day: RGBA(var(--themeAccent), 1); + --simple_scheduler_selected_day_bg: RGBA(var(--verylightContrast5), 1); + --simple_scheduler_selected_day_marker: rgb(112, 112, 112); + --simple_scheduler_task_bg: RGBA(var(--white), 1); + --simple_scheduler_task_border: 1px solid RGBA(var(--lightContrast3), 1); + --simple_scheduler_task_fg: rgba(66, 82, 109, 1); + --simple_scheduler_task_shadow: 0 2px 3px RGBA(var(--pureBlack), 0.08); + --simple_scheduler_task_date_fg: rgb(177, 181, 195); + --simple_scheduler_task_icon: RGBA(var(--strongContrast1), 1); + --simple_scheduler_task_add_icon_fg: RGBA(var(--themeAccentContrast), 1); + --simple_scheduler_task_add_icon_bg: RGBA(var(--themeAccent), 1); + --simple_scheduler_horizontal_bg_img: linear-gradient(RGBA(var(--verylightContrast4), 1), RGBA(var(--background), 1)); + + /* RECOVERY PANEL */ + --recovery_reset_info_fg: var(--error_fg); + --recovery_field_bg: RGBA(var(--background), 1); + --recovery_field_border: var(--theme_border); + --recovery_field_icon: RGBA(var(--lightContrast4), 1); + --recovery_field_focus_icon: RGBA(var(--strongContrast1), 1); + --recovery_signText_input_fg: RGBA(var(--strongContrast1), 1); + --recovery_btn_bg: var(--theme_login_button_bg); + --recovery_btn_fg: var(--theme_text_icon); + --recovery_title_active_bg: RGBA(var(--verylightContrast4), 1); + --recovery_title_active_fg: RGBA(var(--strongContrast1), 1); + --recovery_response_info_fg: var(--theme_error); + --recovery_btn_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --recovery_title_hover_shadow: var(--theme_hover_shadow); + --recovery_title_active_shadow: var(--theme_active_shadow); + + /* SCROLL */ + --scroll_hover_bg: RGBA(var(--lightContrast4), 0.4); + --scroll_thumb_bg: RGBA(var(--lightContrast5), 0.6); + --scroll_thumb_hover_bg: RGBA(var(--theme), 1); + + /* SIGN IN PANEL */ + --signin_field_border: var(--theme_border); + --signin_field_bg: RGBA(var(--neutral_0), 1); + --signin_field_icon: RGBA(var(--lightContrast4), 1); + --signin_field_input_fg: RGBA(var(--primaryText), 1); + --signin_field_focus_bg: var(--theme_editor_focused_bg); + --signin_field_focus_fg: RGBA(var(--primaryText), 1); + --signin_field_focus_icon: RGBA(var(--theme), 1); + --signin_field_check_label_fg: RGBA(var(--neutral_1000), 1); + --signin_field_check_icon: RGBA(var(--verystrongContrast1), 1); + --signin_field_check_checked_icon: RGBA(var(--theme), 1); + --signin_field_check_unchecked_border: 1px solid RGBA(var(--verystrongContrast1), 1); + --signin_content_border: var(--theme_border); + --signin_content_info_company_icon: RGBA(var(--primaryText), 1); + --signin_content_info_fg: RGBA(var(--neutral_1000), 1); + --signin_content_info_label_fg: RGBA(var(--neutral_700), 1); + --signin_action_active_fg: RGBA(var(--strongContrast1), 1); + --signin_action_active_bg: RGBA(var(--verylightContrast4), 1); + --signin_action_button_bg: RGBA(var(--brand_500), 1); + --signin_action_button_fg: var(--theme_text_icon); + --signin_version_button_bg: RGBA(var(--background), 1); + --signin_version_button_fg: RGBA(var(--themeAccent), 1); + --signin_version_button_icon: RGBA(var(--themeAccent), 1); + --signin_stroke: RGBA(var(--white), 1); + --signin_btn_hover_shadow: var(--theme_hover_shadow); + --signin_btn_active_shadow: var(--theme_active_shadow); + --spinner_wait_color: RGBA(var(--white), 1); + + /* SWIPED PANEL */ + --swiped_bg: var(--theme_form_bg); + --swiped_box_shadow: 0 3px 6px -1px RGBA(var(--theme_shadow), 1); + --swiped_layer_bg: var(--theme_layer_bg); + + /* THEME PICKER */ + --picker_bg: RGBA(var(--background), 1); + --picker_active_button_bg: RGBA(var(--verylightContrast4), 1); + --picker_item_bg: RGBA(var(--background), 1); + --picker_fg: RGBA(var(--themeAccent), 1); + --picker_border: 2px solid var(--picker_fg); + --picker_box_shadow: RGBA(var(--pureBlack), 1); + --picker_box_shadow_light: RGBA(var(--lightContrast5), 1); + --picker_btn_hover_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1), 1px 1px 6px 2px RGBA(var(--pureBlack), 0.2); + --picker_btn_active_shadow: 0 0 1px 1px RGBA(var(--lightContrast5), 0.1), 0 0 1px 1px RGBA(var(--lightContrast5), 0.2); + --picker_items_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1), 1px 1px 2px 2px RGBA(var(--pureBlack), 0.2); + --picker_fill_color: RGBA(var(--themeAccent)); + + /* TILE MENU */ + --tilemenu_fg: RGBA(var(--primaryText), 1); + --tilemenu_border: 1px solid RGBA(var(--theme), 0.3); + --tilemenu_icon: RGBA(var(--theme), 1); + --tilemenu_title_fg: RGBA(var(--mostlyBlack)); + --tilemenu_bg: RGBA(var(--verylightGray), 1); + --tile_item_bg: RGBA(var(--white), 1); + --tilemenu_group_title_fg: RGBA(var(--primaryText), 1); + + /* LIST MENU */ + --listmenu_bg: transparent; + --listmenu_icon: RGBA(var(--theme)); + --listmenu_icon_star: RGBA(var(--yellow_500)); + --listmenu_title_fg: RGBA(var(--neutral_1000)); + --listmenu_desc_fg: RGBA(var(--neutral_700)); + --listmenu_group_title_fg: RGBA(var(--theme), 1); + --list_item_bg: RGBA(var(--neutral_0)); + + /* SvgIcon */ + --svg_icon_main_stop: RGBA(var(--secondaryText), 1); + --svg_icon_alt_stop: RGBA(var(--secondaryText), 1); + + /* CHART */ + --chart_bg: transparent; + + /* Pick file popup */ + --pickfile_fg: RGBA(var(--themeAccent), 1); + --pickfile_bg: RGBA(var(--background), 1); + --pickfile_btn_border: 1px dashed RGBA(var(--lightGray), 1); + --pickfile_btn_hover_bg: RGBA(250, 235, 215, 1); + --pickfile_btn_hover_fg: var(--theme_accent); + --pickfile_label_fg: RGBA(var(--pureBlack), 1); + --pickfile_label_bg: RGBA(var(--verylightGray), 1); + --pickfile_shadow: 0 2px 4px RGBA(var(--pureBlack), 0.2); + --pickfile_border: RGBA(var(--pureBlack), 0.2); + + /* Carousel */ + --carousel_arrow_border: var(--theme_border); + --carousel_arrow_bg: RGBA(var(--neutral_0)); + --carousel_arrow_fg: RGBA(var(--verystrongContrast1), 1); + --carousel_item_fg: RGBA(77, 81, 80); + --carousel_item_bg: RGBA(var(--background), 1); + --carousel_item_selected_fg: RGBA(var(--darkGray3), 1); + --carousel_item_selected_border: 2px solid RGBA(var(--verystrongContrast1), 1); + --carousel_timepicker_item_fg: RGBA(133, 139, 137); + --carousel_timepicker_item_selected_fg: RGBA(0, 0, 0); + --carousel_timepicker_item_selected_fg_prev_next: RGBA(68, 70, 69); + + /* Dashboard */ + --dashboard_item_bg: RGBA(var(--white), 1); + --dashboard_item_fg: inherit; + --dashboard_item_shadow: 0 10px 10px 0 rgb(219, 221, 230); + --dashboard_item_title_fg: rgb(66, 82, 109); + --dashboard_item_title_pipe: rgb(74, 217, 145); + --dashboard_item_group_fill: rgb(66, 82, 109); + --dashboard_item_icon_bg: RGBA(var(--neutral_1000), 1); + + /* Profile Menu */ + --profile_menu_bg: RGBA(var(--white), 1); + --profile_menu_fg: var(--theme_primary_text); + --profile_menu_header_bg: rgb(242, 248, 246); + --profile_menu_header_fg: var(--theme_primary_text); + --profile_menu_header_item_value: rgb(0, 114, 61); + --profile_menu_separator_bg: RGBA(229, 229, 229, 1); + --profile_menu_version_fg: rgb(115, 115, 115); + --profile_menu_logout_fg: rgb(193, 0, 7); + + /* EditorHtml */ + --editor_html_content_fg: var(--input_disabled_fg); + --editor_html_content_shadow: 0 1px 3px RGBA(var(--pureBlack), 0.25); + + /* EditorMemoText */ + --emt_bg: RGBA(var(--neutral_0)); + --emt_border: 1px solid RGBA(var(--neutral_200)); + + /* FloatingBar */ + --floatingbar_blink_bg: var(--theme_blink_blue); + + /* Progress Bar */ + --progress_bar_circle_bg: RGBA(var(--theme)); + --progress_bar_background_circle_bg: RGBA(var(--lightGray)); + --progress_bar_in_percent_fg: RGBA(var(--mostlyBlack)); + --progress_bar_btn_information_fg: RGBA(var(--mostlydesaturateddarkBlue)); + --progress_bar_information_fg: RGBA(var(--mostlyBlack)); + --progress_bar_btn_disabled: RGBA(var(--lightGray)); + --progress_bar_spinner_wrapper_bg: RGBA(var(--white)); + + /* Popup */ + --popup_overlay_bg: var(--theme_light_shadow); + --popup_bg: var(--menuBackground); + --popup_command_bg: var(--menuBackground); + --popup_command_fg: rgb(143, 143, 143); + --popup_mobile_bg: RGBA(var(--neutral_0)); + --popup_mobile_color: RGBA(var(--neutral_1000)); + + /* Slider */ + --slider_fg: RGBA(var(--pureBlack)); + --slider_knob: RGBA(var(--brand_500)); + --slider_active_knob: RGBA(var(--brand_300)); + --slider_active_knob_shadow: 0 0 0 20px RGBA(var(--brand_20), 0.6); + --slider_active_shadow: 0px 0px 10px 1px RGBA(0, 0, 0, 0.25); + --slider_disabled_knob: rgb(130, 139, 137); + --slider_track_bg: RGBA(var(--neutral_300)); + --slider_disabled_track_bg: RGBA(var(--neutral_300)); + + /* RichEdit */ + --rte_fg: var(--theme_editor_fg); + --rte_bg: var(--theme_editor_bg); + --rte_toolbar_bg: rgba(249, 249, 249); + --rte_jodit_bg: RGBA(var(--white), 1); + --rte_input_fg: var(--input_fg); + --rte_toolbar_icon_hover_fg: RGBA(var(--pureBlack), 1); + --rte_toolbar_icon_hover_bg: RGBA(var(--white), 1); + --rte_toolbar_icon_fg: RGBA(var(--pureBlack), 1); + --rte_jodit_withdropdown_fg: RGBA(var(--pureBlack), 1); + + /* SplashScreen */ + --splash_bg: var(--white); + --splash_logo: RGBA(var(--theme)); + --splash_spinner_border: 1.1em solid RGBA(var(--theme), 0.2); + --splash_spinner_border_left: 1.1em solid RGBA(var(--theme), 1); + + /* SplashScreen */ + --splash_bg: RGBA(var(--white), 1); + --splash_logo: RGBA(var(--theme), 1); + + /* Spinner */ + --spinner_bg: RGBA(var(--lightGray7), 1); + --spinner_fs: 14px; + --spinner_header_fc: RGBA(0, 0, 0, 1); + --spinner_header_bg: transparent; + --spinner_progress_bar_bg: RGBA(var(--lightGreen), 1); + --spinner_stop_color: RGBA(97, 165, 140, 1); + --spinner_stop_color_next: RGBA(210, 229, 222, 1); + --spinner_fill: RGBA(1, 110, 70, 1); + + /* TestRecorder */ + --recorder_bg: rgb(255 140 0); + --recorder_color: var(--theme_command_fg); + --recorder_border_fg: 1px solid RGBA(var(--pureBlack)); + --recorder_active_shadow: var(--theme_shadow_hover_btn); + --recorder_button_active_bg: RGBA(var(--verylightGray5), 1); + --recorder_button_active_shadow: var(--theme_shadow_active); + --recorder_button_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --recorder_button_hover_shadow: var(--theme_shadow_hover_btn); + --recorder_button_active_color: RGBA(255, 42, 42); + --recorder_button_disabled_color: RGBA(var(--darkGray)); + --recorder_stop_box_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1), 0 2px 3px RGBA(var(--pureBlack), 0.1); + --recorder_stop_bcg: RGBA(var(--verylightGray), 1); + + /* ThreadComments */ + --threadscommends_main_bg: RGBA(var(--white)); + --threadscommends_panel_border: 1px solid RGBA(225, 225, 225, 1); + --threadscommends_panel_color: RGBA(var(--mostlyBlack), 1); + --threadscommends_panel_icon_color: RGBA(var(--theme)); + + --comment_c_end_border: 1px solid rgb(213, 213, 213); + --comment_c_h_author_color: RGBA(var(--mostlyBlack), 1); + --comment_c_h_status_color: rgb(54, 196, 125); + --comment_c_h_date_color: rgb(119, 119, 119); + --comment_c_h_source_color: RGBA(var(--mostlyBlack), 1); + --comment_ball_border: 1px solid RGBA(255, 255, 255); + --comment_c_h_source_val_color: RGBA(49, 161, 163, 1); + --comment_c_h_draft_color: rgb(179, 0, 0); + --comment_c_h_nocomments_color: RGBA(49, 161, 163, 1); + --comment_c_btn_icon_color: rgb(94, 134, 152); + --comment_c_btn_r_color: rgb(94, 134, 152); + --comment_c_btn_r_icon_color: RGBA(49, 161, 163, 1); + --comment_c_btn_green_color: RGBA(var(--theme)); + --comment_c_btn_fg: RGBA(95, 95, 95, 1); + --comment_c_like_green_color: RGBA(var(--theme)); + --comment_c_like_blue_color: RGBA(94, 134, 152, 1); + --comment_base_text_color: rgb(95, 95, 95); + --comment_base_link_color: RGBA(37, 99, 235, 1); + --comment_base_text_bg: RGBA(var(--white), 1); + --comment_text_con_bg: RGBA(var(--white), 1); + --comment_text_con_color: rgb(95, 95, 95); + --comment_btn_more_icon_color: rgb(94, 134, 152); + --comment_btn_color: RGBA(var(--mostlyBlack), 1); + --comment_btn_active_color: RGBA(var(--theme)); + --comment_btn_more_con_border: 1px solid rgba(0, 0, 0, 0.1); + --comment_btn_more_con_bg: RGBA(var(--white)); + --comment_val_bg: RGBA(var(--white), 1); + --comment_val_border: 1px solid rgb(213, 213, 213); + --comment_val_c_h_author_color: RGBA(var(--mostlyBlack), 1); + --comment_file_bg: rgb(236, 249, 255); + --comment_file_border: 1px solid rgb(195, 227, 234); + --comment_file_color: rgb(28, 103, 168); + --comment_file_icon_color: RGBA(61, 207, 120, 1); + --thread_bg: RGBA(var(--white), 1); + --thread_border: 1px solid rgb(215, 215, 215); + --thread_title_color: rgb(0, 0, 0); + --thread_footer_bg: RGBA(var(--white), 1); + --thread_footer_color: RGBA(var(--mostlyBlack), 1); + --thread_footer_border: 1px solid rgb(195, 227, 234); + --thread_footer_btn_icon_color: RGBA(var(--theme)); + --thread_editor_bg: RGBA(var(--white), 1); + --thread_modal_bg: RGBA(var(--white), 1); + --thread_modal_header_icon_color: var(--theme_question); + --thread_modal_text_color: RGBA(var(--mostlyBlack), 1); + --thread_modal_bts_color: RGBA(var(--white), 1); + + --threads_modal_overlay_bg: RGBA(45, 45, 45, 0.5); + --threads_modal_con_bg: RGBA(242, 242, 242, 1); + + --th_chips_default_color: RGBA(64, 64, 64, 1); + + --th_btn_cancel_fg: RGBA(220, 20, 0, 1); + --th_btn_cancel_bg: RGBA(255, 255, 255, 1); + --th_btn_cancel_border: 1px solid RGBA(177, 177, 177, 1); + --th_btn_draft_fg: RGBA(94, 134, 152, 1); + --th_btn_draft_bg: RGBA(242, 242, 242, 1); + --th_btn_save_fg: RGBA(250, 250, 250, 1); + --th_btn_save_bg: RGBA(118, 163, 0, 1); + + /* Fido Window */ + --mfa_svg_fill: RGBA(var(--strongContrast2)); + --mfa_label_fg: RGBA(var(--neutral_1000)); + + /* TimelineClock */ + --timeline_bg: RGBA(var(--white), 1); + --timeline_fg: var(--theme_primary_text); + --timeline_hour_circle: RGBA(212, 212, 212, 1); + --timeline_area_circle: RGBA(188, 208, 211, 1); + --timeline_text_fg: RGBA(34, 34, 34, 1); + --timeline_indicator: RGBA(255, 0, 104, 1); + --timeline_current_time_circle: RGBA(242, 242, 242, 1); + + /* FolderTabBar */ + --folder_tab_item_bg: RGBA(var(--white), 1); + --folder_tab_item_fg: RGBA(var(--neutral_1000), 1); + --folder_tab_item_ac: RGBA(0, 114, 61, 1); + + /* Hyperlink */ + --hyperlink_fg: RGBA(43, 127, 255, 1); + --mfa_label_fg: RGBA(var(--verystrongContrast2)); + + /* WaitingIndicator */ + --wi_color1: RGBA(var(--theme), 0.1); + --wi_color2: RGBA(var(--theme), 0.4); + --wi_color3: RGBA(var(--theme), 0.7); + --wi_color4: RGBA(var(--theme), 1); + --wi_icon: RGBA(var(--verystrongContrast1), 1); + --wi_bg: RGBA(var(--white)); + --wi_shadow: 1px 1px 10px 1px var(--theme_shadow); + --wi_fg: RGBA(var(--mostlyBlack), 1); + + /* Skeleton */ + --skeleton_bg: rgb(235, 235, 235); + --skeleton_highlight_bg: rgb(245, 245, 245); +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/standard/PaletteDark.css b/soneta-ui-style/wzorce/css/standard/PaletteDark.css new file mode 100644 index 0000000..8fecceb --- /dev/null +++ b/soneta-ui-style/wzorce/css/standard/PaletteDark.css @@ -0,0 +1,1779 @@ +.PaletteDark { + /* Neutral */ + --neutral_1000: 25, 27, 24; /* HEX: #191B18 */ + --neutral_950: 10, 10, 10; /* HEX: #0A0A0A */ + --neutral_900: 23, 23, 23; /* HEX: #171717 */ + --neutral_850: 33, 33, 33; /* HEX: #212121 */ + --neutral_800: 38, 38, 38; /* HEX: #262626 */ + --neutral_700: 64, 64, 64; /* HEX: #404040 */ + --neutral_600: 82, 82, 82; /* HEX: #525252 */ + --neutral_500: 115, 115, 115; /* HEX: #737373 */ + --neutral_400: 163, 163, 163; /* HEX: #A3A3A3 */ + --neutral_300: 212, 212, 212; /* HEX: #D4D4D4 */ + --neutral_200: 229, 229, 229; /* HEX: #E5E5E5 */ + --neutral_100: 245, 245, 245; /* HEX: #F5F5F5 */ + --neutral_50: 252, 252, 252; /* HEX: #FCFCFC */ + --neutral_10: 250, 250, 250; /* HEX: #FAFAFA */ + --neutral_0: 255, 255, 255; /* HEX: #FFFFFF */ + + /* Red/Error */ + --red_600: 220, 38, 38; /* HEX: #DC2626 */ + --red_500: 239, 68, 68; /* HEX: #EF4444 */ + --red_400: 248, 113, 113; /* HEX: #F87171 */ + + /* Green */ + --green_500: 9, 116, 0; /* HEX: #097400*/ + --green_400: 16, 194, 0; /* HEX: #10C200 */ + --green_300: 40, 255, 20; /* HEX: #28FF14 */ + --green_200: 110, 255, 97; /* HEX: #6EFF61 */ + --green_100: 185, 255, 179; /* HEX: #B9FFB3 */ + --green_50: 218, 255, 214; /* HEX: #DAFFD6 */ + --green_10: 169, 188, 55; /* HEX: #A9BC37 */ + + /* Brand */ + --brand_700: 1, 68, 43; /* HEX: #01442B */ + --brand_600: 1, 84, 54; /* HEX: #015436 */ + --brand_500: 1, 110, 70; /* HEX: #016E46 */ + --brand_400: 19, 120, 83; /* HEX: #137853 */ + --brand_300: 58, 142, 111; /* HEX: #3A8E6F */ + + /* Brand OP - Black */ + --brand_90: 1, 99, 63; /* HEX: #01633F */ + --brand_80: 1, 88, 56; /* HEX: #015838 */ + --brand_70: 1, 77, 49; /* HEX: #014D31 */ + --brand_60: 1, 66, 42; /* HEX: #01422A */ + --brand_50: 1, 55, 35; /* HEX: #013723 */ + --brand_40: 0, 44, 28; /* HEX: #002C1C */ + --brand_20: 0, 22, 14; /* HEX: #00160E */ + --brand_black_50: 1, 55, 35; /* HEX: #013723 */ + + /* Blue */ + --blue_700: 29, 78, 216; /* HEX: #1D4ED8 */ + --blue_600: 37, 99, 235; /* HEX: #2563EB */ + --blue_500: 59, 130, 246; /* HEX: #3B82F6 */ + --blue_400: 96, 165, 250; /* HEX: #60A5FA */ + --blue_200: 92, 176, 255; /* HEX: #5CB0FF */ + --blue_100: 173, 216, 255; /* HEX: #ADD8FF */ + + /* Yellow */ + --yellow_400: 243, 217, 48; /* HEX: #F3D930 */ + + /* Emerald */ + --emerald_200: 102, 234, 151; /* HEX: #66EA97 */ + --emerald_300: 30, 220, 100; /* HEX: #1edc64 */ + --emerald_400: 19, 144, 65; /* HEX: #139041 */ + --emerald_500: 9, 67, 30; /* HEX: #09431E */ + + /* Orange */ + --orange_400: 251, 146, 60; /* HEX: #FB923C */ + --orange_500: 249, 115, 22; /* HEX: #F97316 */ + + /* Gray */ + --gray_600: 141, 144, 145; /* HEX: #8D9091 */ + + /* MOON THEME COLORS */ + --moon_desaturated-gray: 127, 133, 163; + --moon_dark-blue: 62, 104, 215; + --moon_blue: 130, 170, 255; + --moon_sky-blue: 101, 188, 255; + --moon_cyan: 134, 225, 252; + --moon_red: 255, 117, 127; + --moon_dark-red: 255, 83, 112; + --moon_light-red: 255, 152, 164; + --moon_yellow: 255, 199, 119; + --moon_orange: 255, 150, 108; + --moon_dark-orange: 252, 123, 123; + --moon_teal: 79, 214, 190; + --moon_green: 195, 232, 141; + --moon_purple: 192, 153, 255; + --moon_pink: 252, 167, 234; + --moon_indigo: 122, 136, 207; + --moon_indigo_light: 162, 177, 255; + --moon_bright-cyan: 180, 249, 248; + + --moon_gray-11: 193, 197, 255; + --moon_gray-10-alt: 188, 196, 214; + --moon_gray-10: 200, 211, 245; + --moon_gray-9: 180, 194, 240; + --moon_gray-8: 169, 184, 232; + --moon_gray-7: 130, 139, 184; + --moon_gray-6: 68, 74, 115; + --moon_gray-5: 47, 51, 77; + --moon_gray-4: 34, 36, 54; + --moon_gray-3: 30, 32, 48; + --moon_gray-2: 25, 26, 42; + --moon_gray-1: 6, 6, 7; + + --defaultFont: Arial; + --primaryFont: "FiraSans", Arial; + --secondaryFont: "FiraSansLight", Arial; + --tertiaryFont: 'ROBOTO', sans-serif; + + --font_size_label: 9pt; + --group_title_font_size: 11pt; + + --white: 255, 255, 255; + + --lightGray: 208, 208, 208; + --lightGray2: 213, 213, 213; + --lightGray3: 187, 187, 187; + --lightGray4: 172, 172, 172; + + --verylightGray: 242, 242, 242; + --verylightGray2: 224, 224, 224; + --verylightGray4: 234, 234, 234; + --verylightGray5: 229, 229, 229; + --verylightGray6: 193, 193, 193; + --verylightGray7: 245, 245, 245; + + --darkGray: 140, 140, 140; + --darkGray2: 128, 128, 128; + --verydarkGray: 70, 70, 70; + --verydarkGray2: 95, 95, 95; + + --darkGreen: 27, 94, 32; + --darkGreen3: 100, 146, 0; + + --pureBlack: 0, 0, 0; + --mostlyBlack: 45, 45, 45; + --strongYellow: 200, 200, 50; + --strongOrange: 255, 152, 0; + --strongRed: 220, 20, 0; + --strongGreen: 60, 130, 50; + --strongBlue: 0, 178, 238; + + --mostlydesaturateddarkBlue: 94, 134, 152; + --lightdesaturateddarkBlue: 120, 170, 195, 0.85; + --verypaleYellow: 255, 250, 208; + + --vividBlue: 34, 34, 255; + --vividLimeGreen: 34, 255, 34; + --vividOrange: 255, 165, 34; + --vividRed: 255, 34, 34; + + --palette_premium_blue: 59, 134, 255; + --palette_premium_green: 61, 207, 120; + --palette_premium_gray: 66, 82, 109; + --palette_premium_orange: 255, 157, 0; + --palette_premium_red: 214, 36, 77; + --palette_premium_turquise: 66, 210, 212; + + --palette_premium_darkgreen: 43, 157, 31; + --palette_premium_lightgray: RGBA(229, 233, 243); + + --theme: RGBA(var(--moon_blue)); + --theme_bg: RGBA(var(--neutral_950)); + --theme_darkprimary_fg: RGBA(var(--emerald_400), 1); + --theme_accent: RGBA(var(--neutral_400)); + --theme_primary_text: RGBA(var(--neutral_200)); + --theme_shadow: none; + --theme_overlay_bg: RGBA(var(--neutral_700), 0.7); + --theme_gradient_from: RGBA(var(--neutral_400)); + + --theme_editor_fg: RGBA(var(--mostlyBlack)); + --theme_editor_bg: RGBA(var(--neutral_950)); + --theme_editor_border: RGBA(var(--moon_gray-6)); + --theme_editor_common_border: 1px solid RGBA(59, 62, 62, 1); + --theme_editor_disabled_fg: RGBA(var(--moon_gray-6)); + --theme_editor_disabled_bg: RGBA(var(--moon_gray-5)); + --theme_editor_disabled_border: RGBA(var(--neutral_800)); + --theme_editor_focused_bg: RGBA(var(--neutral_600)); + --theme_editor_fc: RGBA(var(--neutral_100)); + --theme_editor_label_fg: RGBA(var(--neutral_400)); + --theme_editor_label_disabled_fg: RGBA(var(--neutral_400)); + --theme_editor_label_border: none; + + --theme_window_main_bg: RGBA(var(--neutral_800)); + + --theme_shadow_active: none; + --theme_shadow_btn: none; + --theme_shadow_hover_btn: none; + + --theme_command_bg: RGBA(var(--moon_gray-6)); + --theme_command_bg_hover: RGBA(var(--moon_gray-8)); + --theme_command_fg: var(--moon_gray-9); + --theme_command_fg_hover: RGBA(var(--moon_gray-5)); + --theme_command_important_bg: RGBA(var(--emerald_400), 0.9); + --theme_command_important_fg: RGBA(var(--emerald_200)); + + /* Focus */ + --focus_outline: 1px solid #1EDC64 ; + --focus_outline_secondary: 2px solid #1EDC64; + --focus_outline_tertiary: 1px solid #1EDC64; + --focus_outline_quaternary: 1px solid #1EDC64; + --focus_outline_quinary: 1px solid #1EDC64; + --focus_box_shadow: 0 0 3px 1px #1EDC64; + --focus_box_shadow_inset: inset 0 0 3px 1px #1EDC64; + --focus_border: 1px solid #1EDC64; + --focus_color: #1EDC64; + + /* Logo */ + --logo_color_1: RGBA(var(--brand_500), 1); + --logo_color_2: RGBA(var(--pureBlack), 1); + + /* GENERAL */ + --warning: RGBA(var(--orange_500)); + --error: RGBA(var(--red_600)); + --info: RGBA(var(--emerald_400), 0.9); + --question: RGBA(var(--blue_400)); + + /* Loader */ + --loader_bg: RGBA(var(--neutral_900), 0.7); + --loader_color1: RGBA(var(--emerald_300)); + --loader_color2: RGBA(var(--emerald_300)); + --loader_color3: RGBA(var(--emerald_300)); + --loader_color4: RGBA(var(--emerald_300)); + + /* PathBar */ + --path_font_family: var(--primaryFont); + --path_font_size: 12px; + --path_fg: RGBA(var(--blue_400), 1); + --path_hover_fg: RGBA(var(--blue_100)); + --path_separator_border: 1px solid RGBA(var(--neutral_300)); + --path_home: RGBA(var(--blue_400)); + --path_icon: RGBA(var(--neutral_100)); + --path_active_icon: RGBA(var(--yellow_400)); + + /* WINDOW */ + --window_main_bg: RGBA(var(--neutral_900)); + --window_main_menu_bg: RGBA(var(--neutral_900)); + --window_border_top: none; + + /* Scroll */ + --scroll_thumb_bg: RGBA(var(--neutral_500), 1); + --scroll_thumb_hover_bg: RGBA(var(--neutral_500), 1); + --scroll_track_bg: RGBA(var(--neutral_500), 0.7); + + /* NAVIGATION BAR | GRID BAR */ + --nav_bar_dark: RGBA(57, 62, 62, 1); + --nav_bar_border: 1px solid RGBA(var(--neutral_700)); + --nav_bar_bg: RGBA(57, 62, 62, 1); + --nav_bar_gradient: RGBA(var(--brand_20)); + --nav_bar_arrows_bg: transparent; + + --nav_group_bg: RGBA(0, 24 ,12, 1); + --nav_con_bg: RGBA(57, 62, 62, 1); + --nav_con_fg: RGBA(var(--neutral_0)); + --nav_fg: RGBA(var(--neutral_0)); + --nav_placeholder_fg: RGBA(var(--neutral_500)); + --nav_marked_fg: RGBA(var(--neutral_0)); + --nav_marked_bg: RGBA(var(--brand_50)); + --nav_icon: RGBA(var(--neutral_0)); + --nav_marked_icon: RGBA(var(--neutral_0)); + --nav_item_hover_bg: RGBA(var(--brand_40), 1); + --nav_item_hover_fg: RGBA(var(--neutral_0)); + --nav_con_shadow: none; + --nav_item_disabled_fg: RGBA(var(--neutral_500)); + --nav_item_disabled_hover_bg: RGBA(var(--neutral_700)); + --nav_item_disabled_hover_fg: RGBA(var(--neutral_400)); + + --nav_arrows_icon: RGBA(var(--neutral_500)); + --nav_arrows_active: RGBA(var(--neutral_200)); + --nav_arrows_border: none; + --nav_menu_form_shadow: none; + --nav_popup_overlay_bg: var(--theme_overlay_bg); + --nav_popup_box_shadow: 0 0 10px 0 RGBA(0, 0, 0, 0.12); + --nav_menu_input_border: 1px solid RGBA(var(--neutral_300)); + --nav_menu_input_border_radius: 8px; + + --nav_folder_width: 350px; + --nav_folder_collapsed_width: 60px; + --nav_form_width: 350px; + --nav_form_collapsed_width: 60px; + + @media (max-width: 1150px) { + --nav_folder_width: 280px; + --nav_folder_collapsed_width: 48px; + --nav_form_width: 280px; + --nav_form_collapsed_width: 48px; + } + + @media (max-width: 840px) { + --nav_folder_width: 240px; + --nav_form_width: 240px; + } + + --nav_tree_font: var(--secondaryFont); + --nav_tree_bold_font: var(--primaryFont); + --nav_tree_header_font: 'FiraSansLightItalic'; + --nav_tree_search_font: 'FiraSansItalic'; + + --nav_tree_scrollbar_track: RGBA(var(--neutral_0)); + --nav_tree_scrollbar_thumb: rgb(172, 178, 176); + --nav_tree_panel_fg: RGBA(var(--neutral_0)); + --nav_tree_panel_icon: RGBA(var(--neutral_300)); + --nav_tree_panel_bg: RGBA(var(--neutral_850)); + --nav_tree_panel_shadow: none; + --nav_tree_panel_font: 'Roboto'; + --nav_tree_group_fg: RGBA(var(--neutral_0)); + --nav_tree_group_icon: RGBA(var(--neutral_0)); + --nav_tree_graph: RGBA(var(--neutral_400)); + --nav_tree_header_fg: RGBA(var(--neutral_0)); + --nav_tree_header_bg: RGBA(var(--neutral_900)); + --nav_tree_header_hover: RGBA(var(--neutral_700)); + --nav_tree_search_fg: RGBA(var(--neutral_0)); + --nav_tree_search_bg: RGBA(var(--neutral_850), 0.5); + --nav_tree_search_input_bg: RGBA(var(--neutral_950)); + --nav_tree_search_input_placeholder: RGBA(var(--neutral_0)); + --nav_tree_item_hover: RGBA(var(--neutral_700)); + --nav_tree_item_selected: RGBA(var(--neutral_700)); + --nav_tree_tooltip_bg: RGBA(var(--neutral_950)); + --nav_tree_tooltip_fg: RGBA(var(--neutral_300)); + --nav_tree_scroll_indicator_height: 270px; + --nav_tree_scroll_indicator_down_bg: transparent linear-gradient(180deg, RGBA(var(--neutral_950), 0) 0%, RGBA(var(--neutral_800), 1) 100%, RGBA(var(--neutral_700), 1) 100%) 0% 0% no-repeat padding-box; + --nav_tree_scroll_indicator_up_bg: transparent linear-gradient(0deg, RGBA(var(--neutral_950), 0) 0%, RGBA(var(--neutral_800), 1) 100%, RGBA(var(--neutral_700), 1) 100%) 0% 0% no-repeat padding-box; + + --nav_tree_form_font: var(--secondaryFont); + --nav_tree_form_bold_font: var(--primaryFont); + --nav_tree_form_header_font: 'FiraSansLightItalic'; + --nav_tree_form_search_font: 'FiraSansItalic'; + --nav_tree_form_search_input_bg: RGBA(var(--neutral_800)); + + --nav_tree_form_scrollbar_track: RGBA(var(--neutral_0)); + --nav_tree_form_scrollbar_thumb: rgb(172, 178, 176); + --nav_tree_form_panel_fg: RGBA(var(--neutral_300)); + --nav_tree_form_panel_icon: RGBA(var(--neutral_300)); + --nav_tree_form_panel_bg: RGBA(var(--neutral_950)); + --nav_tree_form_group_fg: RGBA(var(--neutral_300)); + --nav_tree_form_group_icon: RGBA(var(--neutral_300)); + --nav_tree_form_graph: RGBA(var(--neutral_300)); + --nav_tree_form_header_fg: RGBA(var(--neutral_300)); + --nav_tree_form_header_bg: RGBA(var(--neutral_950)); + --nav_tree_form_header_hover: RGBA(var(--neutral_700)); + --nav_tree_form_search_fg: RGBA(var(--neutral_500)); + --nav_tree_form_search_wrapper_bg: RGBA(var(--neutral_600)); + --nav_tree_form_search_bg: RGBA(var(--neutral_950)); + --nav_tree_form_item_hover: RGBA(var(--neutral_700)); + --nav_tree_form_item_selected: RGBA(var(--neutral_700)); + --nav_tree_form_tooltip_bg: RGBA(var(--neutral_950)); + --nav_tree_form_tooltip_fg: RGBA(var(--neutral_300)); + --nav_tree_form_scroll_indicator_down_bg: transparent linear-gradient(180deg, RGBA(var(--neutral_950), 0) 0%, RGBA(var(--neutral_900), 1) 100%, RGBA(var(--neutral_900), 1) 100%) 0% 0% no-repeat padding-box; + --nav_tree_form_scroll_indicator_up_bg: transparent linear-gradient(0deg, RGBA(var(--neutral_950), 0) 0%, RGBA(var(--neutral_900), 1) 100%, RGBA(var(--neutral_900), 1) 100%) 0% 0% no-repeat padding-box; + --nav_tree_favorite_border: 1px solid RGBA(var(--neutral_700)); + + /* HeaderBar */ + --headerbar_bg: RGBA(var(--neutral_950)); + --headerbar_fg: RGBA(var(--neutral_100)); + --headerbar_command_bg: none; + --headerbar_command_hover_bg: RGBA(var(--neutral_600)); + --headerbar_icon: RGBA(var(--neutral_300), 1); + --headerbar_icon_hover: RGBA(var(--neutral_200)); + --headerbar_icon_focus: RGBA(var(--neutral_200)); + --headerbar_logo_icon: RGBA(var(--neutral_50)); + --headerbar_logo_icon2: RGBA(var(--neutral_50)); + --headerbar_command_bell_bg: RGBA(var(--blue_500)); + --headerbar_command_bell_fg: RGBA(var(--neutral_0)); + --headerbar_command_special_bg: RGBA(var(--red_600)); + --headerbar_command_special_icon: RGBA(var(--neutral_300), 1); + --headerbar_command_special_shadow: none; + --headerbar_command_special_fill: RGBA(var(--neutral_300), 1); + --headerbar_command_special_hover_bg: RGBA(var(--neutral_600)); + --headerbar_command_usermenu_fg: var(--headerbar_icon); + --headerbar_command_split_border: RGBA(var(--white), .4); + --headerbar_command_usermenu_font: 'ROBOTO', sans-serif; + --headerbar_command_usermenu_bg: rgb(0, 51, 32); + --headerbar_command_usermenu_fg: RGBA(var(--white), 1); + --headerbar_command_usermenu_hover_bg: rgb(0, 89, 55); + + /* GRID */ + --grid_odd_bg: RGBA(var(--neutral_850)); + --grid_even_bg: none; + --grid_viewport: RGBA(var(--neutral_900)); + --grid_bar_bg: RGBA(var(--neutral_700)); + --grid_bar_color: RGBA(var(--neutral_200)); + --grid_bar_gradient: RGBA(var(--neutral_950)); + --grid_bar_border: 1px solid RGBA(var(--neutral_700)); + --grid_bar_border_top: 1px solid RGBA(var(--neutral_700)); + --grid_bar_border_radius: 0; + --grid_bar_command_border_bottom: 1px solid RGBA(var(--neutral_700)); + --grid_command_bg: none; + --grid_command_icon: RGBA(var(--neutral_300)); + --grid_command_icon_hover: RGBA(var(--neutral_200)); + --grid_special_row_bg: RGBA(var(--neutral_700)); + --grid_row_focused_bg: RGBA(var(--neutral_600)); + --grid_row_selected_bg: RGBA(22, 67, 38, 1); + --grid_headercolumn_bg: RGBA(var(--neutral_950)); + --grid_headercolumn_fg: RGBA(var(--neutral_0)); + --grid_row_content_fg: RGBA(var(--neutral_300)); + --grid_row_grouping_fg: RGBA(var(--emerald_300)); + --grid_row_grouping_fs: 10pt; + --grid_row_grouping_fw: inherit; + --grid_row_focused_fg: RGBA(var(--neutral_100)); + --grid_row_sum_icon: RGBA(var(--neutral_400)); + --grid_icon: RGBA(var(--emerald_300)); + --grid_tree_icon: RGBA(var(--emerald_300)); + --grid_sum_color_icon: RGBA(var(--emerald_300)); + --grid_row_focused_selected_color: RGBA(var(--neutral_300)); + --grid_row_focused_selected_icon_color: RGBA(var(--neutral_300)); + --grid_row_dragenter: RGBA(var(--neutral_800), 1); + + --grid_col_even_bg: none; + --grid_row_odd_bg: RGBA(var(--neutral_850), 1); + --grid_row_check_checked: RGBA(var(--emerald_300)); + --grid_row_check_unchecked: RGBA(var(--neutral_500)); + --grid_row_drag_enter: var(--theme_accent); + --grid_emptycontent: RGBA(var(--neutral_500)); + --grid_header_sort: RGBA(var(--neutral_400)); + --grid_border: 1px solid transparent; + --grid_filter_bg: RGBA(var(--neutral_900)); + --grid_focused_border: 1px solid RGBA(var(--neutral_500)); + --grid_filter_focused_bg: RGBA(var(--neutral_700)); + --grid_column_smartopen_fg: RGBA(var(--blue_100), 1); + --grid_column_smartopen_even_bg: RGBA(var(--neutral_850), 1); + --grid_column_smartopen_odd_bg: RGBA(var(--neutral_800), 1); + --grid_column_frozen_border_color: RGBA(var(--neutral_700)); + --grid_column_focus_fc: RGBA(var(--neutral_50), 1); + + --grid_column_command_hover_bg: RGBA(var(--neutral_400)); + --grid_column_focused_bg: RGBA(var(--neutral_500), 1); + --grid_column_focused_border: none; + --grid_row_grouping_border_top: 1px solid RGBA(var(--neutral_700)); + --grid_row_grouping_border_bottom: 1px solid RGBA(var(--neutral_700)); + --grid_row_grouping_bg: RGBA(var(--neutral_950)); + --grid_row_sumgrouping_border: 1px solid RGBA(var(--neutral_300)); + --grid_gfsum_before_bg: transparent; + --grid_gfsum_bg: RGBA(var(--neutral_800)); + --grid_gfsum_border: 1px solid RGBA(var(--neutral_950)); + --grid_gfsum_text_fw: 700; + --grid_gfsum_color: RGBA(var(--neutral_100)); + --grid_row_check: RGBA(var(--neutral_500)); + --grid_header_pulse_bg: RGBA(var(--neutral_300), 0.2); + --grid_header_pulse_shadow: none; + --grid_header_filter_bg: RGBA(var(--neutral_900)); + --grid_row_icon: RGBA(var(--neutral_300)); + --grid_row_selected_focused_border: RGBA(var(--neutral_200)); + --grid_row_frozen_odd_bg: RGBA(var(--neutral_850), 1); + --grid_row_frozen_even_bg: RGBA(var(--neutral_900), 1); + --grid_command_hover_bg: RGBA(var(--neutral_700)); + --grid_bar_special_icon: RGBA(var(--neutral_200)); + --grid_bar_special_icon_border: 1px dotted RGBA(var(--neutral_700)); + --grid_bar_special_icon_hover: RGBA(var(--neutral_200)); + --grid_bar_special_icon_hover_bg: RGBA(var(--neutral_600)); + --grid_cell_fg: RGBA(var(--neutral_500)); + --grid_cell_ac_fg: RGBA(var(--neutral_200)); + --grid_cell_highlight_bg: RGBA(9, 116, 0, 0.10); + --grid_cell_border: 1px solid RGBA(var(--emerald_300)); + --grid_cell_boxshadow: 1px 1px 2px 1px rgb(4, 46, 0) inset; + + --grid_loc_input_placeholder_fg: RGBA(var(--neutral_400)); + --grid_loc_command_border_color: rgb(64, 64, 64); + + /* Grid Cards */ + --grid_cards_bg: RGBA(var(--neutral_900)); + --grid_cards_color: RGBA(var(--neutral_200), 1); + --grid_cards_box_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --grid_cards_odd_bg: RGBA(var(--neutral_900), 1); + --grid_cards_even_bg: RGBA(var(--neutral_900), 0.1); + --grid_cards_cmd_bg: transparent; + --grid_cards_cmd_hover_bg: RGBA(var(--neutral_700)); + --grid_cards_cmd_icon: RGBA(var(--neutral_200), 1); + --grid_cards_cmd_hover_icon: RGBA(var(--neutral_200), 1); + --grid_cards_cp_bg: RGBA(var(--neutral_950), 1); + --grid_cards_column_select_bg: RGBA(var(--emerald_400), 1); + --grid_cards_column_select_open_rect: RGBA(var(--emerald_400), 1); + --grid_cards_column_select_open_path: RGBA(var(--neutral_950), 1); + --grid_cards_column_select_close_rect: RGBA(var(--emerald_400), 1); + --grid_card_panel_cmd_bg: RGBA(var(--neutral_700), 1); + --grid_card_panel_cmd_hover_bg: RGBA(var(--neutral_500), 1); + --grid_card_panel_cmd_icon: RGBA(var(--neutral_200), 1); + --grid_card_panel_cmd_hover_icon: RGBA(var(--neutral_200), 1); + --grid_card_cap_fw: 300; + --grid_card_val_fw: 500; + --grid_card_fc: RGBA(var(--neutral_400), 1); + + /* FeatureBar */ + --featurebar_bg: RGBA(var(--neutral_900)); + --featurebar_group_bg:RGBA(var(--neutral_950)); + --featurebar_features_bg: RGBA(var(--neutral_900)); + --featurebar_features_header_bg: var(--featurebar_features_bg); + --featurebar_features_border: 1px solid RGBA(var(--neutral_800)); + --featurebar_features_fg: RGBA(var(--neutral_200)); + --featurebar_text_hover_fg: RGBA(var(--neutral_200)); + --featurebar_item_hover_bg: RGBA(var(--neutral_700)); + --featurebar_item_icon: RGBA(var(--neutral_200)); + --featurebar_item_hover_icon:RGBA(var(--neutral_200)); + --featurebar_item_bg: inherit; + + /* GROUP */ + --group_bg: RGBA(var(--neutral_800)); + --group_bg_image: none; + --group_title_fg: RGBA(var(--neutral_200)); + --group_item_fg: RGBA(var(--neutral_300)); + --group_icon: RGBA(var(--emerald_300)); + --group_content_fg: RGBA(var(--neutral_300)); + --group_shadow: none; + --group_fw: inherit; + + /* COMMAND */ + --command_shadow: none; + --command_shadow_active: 0 0 1px 1px rgba(175, 175, 175, 0.1), 0 0 1px 1px rgba(175, 175, 175, 0.2); + --command_hover_bg: RGBA(var(--neutral_600)); + --command_form_bg: RGBA(var(--neutral_700)); + --command_form_fg: RGBA(var(--neutral_200)); + --command_form_active_fg: RGBA(var(--neutral_200)); + --command_form_active_bg: transparent; + --command_form_active_border: 1px solid RGBA(var(--neutral_700)); + --command_form_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --command_border: 1px solid RGBA(var(--neutral_900)); + --command_font: 'ROBOTO', sans-serif; + --command_icon: RGBA(var(--neutral_400)); + --command_title_fg: var(--theme_primary_text); + --command_timewatch_svg_fg: RGBA(var(--neutral_200)); + --command_timewatch_svg_hover_bg: RGBA(var(--neutral_700)); + + --command_primary_fg: RGBA(var(--neutral_0)); + --command_primary_bg: rgb(0, 88, 48); + --command_primary_border_color: rgb(0, 88, 48); + --command_primary_hover_fg: RGBA(var(--neutral_0)); + --command_primary_hover_bg: rgb(0, 70, 38); + --command_primary_hover_border_color: rgb(0, 70, 38); + --command_primary_pressed_fg: RGBA(var(--neutral_0)); + --command_primary_pressed_bg: rgb(0, 124, 76); + --command_primary_pressed_border_color: rgb(0, 124, 76); + --command_primary_focused_fg: RGBA(var(--neutral_0)); + --command_primary_focused_bg: rgb(0, 88, 48); + --command_primary_focused_border_color: RGBA(var(--neutral_0)); + --command_primary_selected_fg: RGBA(var(--neutral_0)); + --command_primary_selected_bg: rgb(0, 114, 61); + --command_primary_selected_border_color: rgb(0, 114, 61); + --command_primary_disabled_fg: rgb(89, 95, 94); + --command_primary_disabled_bg: rgb(57, 62, 62); + --command_primary_disabled_border_color: rgb(89, 95, 94); + + --command_secondary_fg: RGBA(var(--neutral_0)); + --command_secondary_bg: rgb(37, 39, 39); + --command_secondary_border_color: rgb(75, 81, 80); + --command_secondary_hover_fg: RGBA(var(--neutral_0)); + --command_secondary_hover_bg: rgb(57, 62, 62); + --command_secondary_hover_border_color: rgb(75, 81, 80); + --command_secondary_pressed_fg: RGBA(var(--neutral_0)); + --command_secondary_pressed_bg: rgb(68, 70, 69); + --command_secondary_pressed_border_color: rgb(75, 81, 80); + --command_secondary_focused_fg: RGBA(var(--neutral_0)); + --command_secondary_focused_bg: rgb(37, 39, 39); + --command_secondary_focused_border_color: rgb(230, 231, 231); + --command_secondary_selected_fg: RGBA(var(--neutral_0)); + --command_secondary_selected_bg: rgb(0, 20, 10); + --command_secondary_selected_border_color: rgb(0, 90, 48); + --command_secondary_disabled_fg: rgb(89, 95, 94); + --command_secondary_disabled_bg: rgb(37, 39, 39); + --command_secondary_disabled_border_color: rgb(57, 62, 62); + + --command_tertiary_fg: RGBA(var(--neutral_0)); + --command_tertiary_bg: rgb(37, 39, 39); + --command_tertiary_icon: rgb(1, 84, 54); + --command_tertiary_border_color: rgb(37, 39, 39); + --command_tertiary_hover_fg: RGBA(var(--neutral_0)); + --command_tertiary_hover_bg: rgb(57, 62, 62); + --command_tertiary_hover_icon: rgb(1, 84, 54); + --command_tertiary_hover_border_color: rgb(57, 62, 62); + --command_tertiary_pressed_fg: RGBA(var(--neutral_0)); + --command_tertiary_pressed_bg: rgb(37, 39, 39); + --command_tertiary_pressed_icon: rgb(19, 144, 65); + --command_tertiary_pressed_border_color: rgb(37, 39, 39); + --command_tertiary_focused_fg: RGBA(var(--neutral_0)); + --command_tertiary_focused_bg: rgb(37, 39, 39); + --command_tertiary_focused_icon: rgb(19, 144, 65); + --command_tertiary_focused_border_color: rgb(230, 231, 231); + --command_tertiary_selected_fg: RGBA(var(--neutral_0)); + --command_tertiary_selected_bg: rgb(0, 20, 10); + --command_tertiary_selected_icon: RGBA(var(--neutral_0)); + --command_tertiary_selected_border_color: rgb(0, 20, 10); + --command_tertiary_disabled_fg: rgb(89, 95, 94); + --command_tertiary_disabled_bg: rgb(37, 39, 39); + --command_tertiary_disabled_icon: rgb(89, 95, 94); + --command_tertiary_disabled_border_color: rgb(37, 39, 39); + + --command_cube_fg: RGBA(var(--neutral_0)); + --command_cube_bg: RGBA(var(--neutral_800)); + --command_cube_boxshadow: 0 0 20px 0 RGBA(var(--neutral_0), 0.1); + --command_cube_icon_fg: RGBA(var(--neutral_0)); + + /* WINDOW BAR BROWSER */ + --wb_bg: rgb(37, 39, 39); + --wb_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --wb_header_icon_color: RGBA(var(--neutral_100)); + --wb_header_icon_fav_color: RGBA(var(--yellow_400)); + --wb_header_color: RGBA(var(--neutral_100)); + --wb_header_font_family: var(--defaultFont); + --wb_header_font_size: 18px; + --wb_close_color: RGBA(var(--red_500)); + --wb_command_bg: transparent; + --wb_command_shadow: none; + --wb_command_hover_shadow: none; + --wb_command_disabled: RGBA(var(--neutral_400)); + --wb_command_font_family: var(--command_font); + --wb_command_font_size: 14px; + + /* Page */ + --page_fg: RGBA(var(--neutral_200)); + --page_footer_fg: RGBA(var(--neutral_0)); + --page_info_fg: RGBA(var(--neutral_100)); + --page_image_bg_before: RGBA(var(--neutral_800), 45%); + --page_image_filter: none; + --page_info_text_shadow: none; + --page_content_shadow: none; + --page_content_bg: var(--theme_window_main_bg); + --page_adm_fg: RGBA(var(--neutral_300)); + --page_adm_locked_fg: RGBA(var(--red_500)); + --page_adm_icon: RGBA(var(--neutral_400)); + --page_adm_domain_border: 1px solid RGBA(var(--neutral_700)); + --page_adm_domain_bg: RGBA(var(--neutral_700)); + --page_adm_domain_title_fg: RGBA(var(--neutral_200)); + --page_adm_domain_even_bg: RGBA(var(--neutral_600)); + --page_adm_domain_odd_bg: RGBA(var(--neutral_700)); + --page_adm_action_border: 1px solid RGBA(var(--neutral_700)); + --page_adm_action_shadow_target_color: none; + --page_adm_action_bg: RGBA(var(--emerald_400), 0.9); + --page_adm_action_fg: RGBA(var(--neutral_0)); + --page_adm_action_hover_bg: RGBA(var(--emerald_400), 0.6); + --page_adm_action_hover_fg: RGBA(var(--neutral_200)); + --page_header_logo_bg: linear-gradient(90deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.70) 61.06%); + --page_header_text_fg: RGBA(var(--neutral_0), 1); + + /* INPUT EDITOR */ + --input_fg: var(--theme_primary_text); + --input_bg: rgb(37, 39, 39); + --input_border: none; + --input_disabled_bg: RGBA(var(--neutral_900)); + --input_border_disabled: 1px solid var(--theme_editor_disabled_border); + --input_focused_bg: transparent; + --input_tooltip_fg: RGBA(var(--neutral_300)); + --input_text_editor_fg: RGBA(var(--neutral_100)); + --input_text_editor_bg: rgb(37, 39, 39); + --input_disabled_fg: RGBA(var(--neutral_400)); + --input_shadow_disabled: none; + --input_icon_fg: RGBA(var(--emerald_300)); + --input_icon_fg_disabled: RGBA(var(--neutral_500)); + --input_error_shadow: 0px 0px 3px 1px RGBA(var(--error)); + --input_warning_shadow: 0px 0px 3px 1px var(--warning); + --input_focused_fg: RGBA(var(--neutral_100)); + --input_autofill_shadow: 0 0 0 30px var(--theme_editor_bg) inset; + --input_autofill_focused_shadow: 0 0 0 30px RGBA(var(--input_focused_bg)) inset; + --input_text_asteriks_focus_bg: RGBA(var(--neutral_700)); + --input_text_asteriks_bg: RGBA(var(--neutral_400)); + --input_text_asteriks_color: RGBA(var(--neutral_900)); + --input_text_asteriks_border: 1px solid RGBA(var(--neutral_500)); + --input_vertical_disabled_bg: 1px solid RGBA(var(--neutral_200)); + --input_vertical_border: 1px solid rgb(57, 62, 62); + --input_vertical_focused_border: 1px solid rgb(0, 209, 0); + + /* RATING EDITOR */ + --rating_bg: var(--theme_editor_bg); + --rating_fg: RGBA(204, 204, 204); + --rating_star_shadow: 1px 1px 2px rgb(250, 250, 250); + --rating_hover_fg: RGBA(255, 215, 0); + --rating_checked_fg: RGBA(255, 119, 0); + --rating_checked_hover_fg: RGBA(238, 170, 0); + --rating_hover_shadow: rgb(216, 216, 216) 2px 2px 5px; + + + /* DatePicker */ + --dp_box_bg: rgb(37, 39, 39); + --dp_element_fg: RGBA(var(--neutral_0), 1); + --dp_button_fg: RGBA(var(--neutral_0), 1); + --dp_ym_separator: linear-gradient(to bottom, rgba(17, 218, 0, 0) 0%, rgb(9, 116, 0) 54%, rgba(17, 218, 0, 0) 100%); + --dp_ym_level_0_fg: RGBA(var(--neutral_0), 1); + --dp_ym_level_1_fg: rgb(172, 178, 176); + --dp_ym_level_2_fg: rgb(89, 95, 94); + --dp_ym_level_3_fg: rgb(89, 95, 94); + --dp_overlay_bg: var(--theme_overlay_bg); + --dp_element_fg: RGBA(var(--neutral_0), 1); + --dp_week_fg: rgb(98, 201, 255); + --dp_shortday_fg: RGBA(var(--lightGray5), 1); + --dp_day_range: rgb(9, 116, 0); + --dp_day_selected_bg: rgb(0, 114, 61); + --dp_day_selected_fg: RGBA(var(--neutral_0)); + --dp_day_today_border_color: rgb(0, 209, 0); + --dp_day_today_fg: rgb(0, 209, 0); + --dp_field_border_color: rgb(57, 62, 62); + --dp_field_border_color_active: rgb(0, 209, 0); + --dp_in_range_bg: rgb(0, 68, 37); + --dp_in_range_fg: RGBA(var(--neutral_0)); + --dp_font: 'ROBOTO', sans-serif; + --dp_bg: rgb(37, 39, 39); + --dp_color: RGBA(var(--neutral_0), 1); + --dp_container_bg: rgb(37, 39, 39); + --dp_navigation_color: RGBA(var(--neutral_0)); + --dp_border: 1px solid rgb(57, 62, 62); + --dp_label_fg: RGBA(var(--neutral_0)); + --dp_label_border: 1px solid rgb(75, 81, 80); + --dp_label_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --dp_start_color: RGBA(var(--neutral_0)); + --dp_scrollbar_track_color: transparent; + --dp_scrollbar_thumb_bg: transparent; + --dp_scrollbar_thumb_hover_bg: transparent; + --dp_day_of_week_fg: RGBA(var(--neutral_0)); + + /* TimePicker */ + --tp_bg: RGBA(37, 39, 39); + --tp_sep: RGBA(var(--neutral_0)); + --tp_color: RGBA(var(--neutral_0)); + --tp_border: 1px solid RGBA(77, 81, 80); + --tp_button_ok_bg: RGBA(var(--brand_600)); + --tp_button_ok_fg: RGBA(var(--neutral_0)); + --tp_box_shadow: 0px 0px 10px RGBA(0, 0, 0, 0.12); + --tp_overlay_bg: RGBA(var(--moon_gray-1), 0.4); + --tp_mark: RGBA(12, 66, 46); + --tp_focus: 1px solid RGBA(var(--neutral_0)); + + /* DateScopePicker */ + --dsp_font: 'ROBOTO', sans-serif; + --dsp_command_fg: rgb(1, 110, 70); + --dsp_command_bg: RGBA(var(--white), 1); + --dsp_label_fg: var(--primaryText, rgb(0, 0, 0)); + --dsp_caption_fg: RGBA(var(--pureBlack), 1); + + /* ColorPicker */ + --cp_box_bg: RGBA(37, 39, 39); + --cp_box_fg: RGBA(var(--neutral_200)); + --cp_overlay_bg: var(--theme_overlay_bg); + --cp_box_shadow: none; + --cp_empty_bg: repeating-linear-gradient(45deg, rgb(220, 220, 220), rgb(220, 220, 220) 5px, RGBA(var(--white)) 5px, RGBA(var(--white)) 10px); + --cp_empty_icon: RGBA(212, 212, 212); + --cp_box_border: none; + --cp_box_fc: RGBA(var(--white)); + --cp_button_save_bg: RGBA(var(--brand_600)); + --cp_button_box_shadow: 0px 0px 10px RGBA(0, 0, 0, 0.12); + --cp_button_color: RGBA(var(--white)); + --cp_checkbox_bg: RGBA(var(--neutral_850)); + --cp_checkbox_checked_bg: RGBA(var(--brand_300)); + --cp_button_understand_bg: RGBA(var(--brand_700)); + --cp_button_border: 1px solid RGBA(77, 81, 80); + --cp_button_save_color: RGBA(var(--neutral_0)); + --cp_active: 1px solid RGBA(var(--neutral_200)); + + /* StatusPicker */ + --status_picker_bg: RGBA(var(--neutral_950)); + --status_picker_border: 1px solid RGBA(var(--neutral_700)); + --status_picker_items_bg: RGBA(var(--neutral_800)); + --status_picker_item_hover: RGBA(var(--neutral_700)); + --status_picker_item_border: 2px solid transparent; + --status_picker_item_border_hover: 2px solid RGBA(var(--emerald_300)); + --status_picker_cursor: pointer; + --status_picker_item_bg: RGBA(var(--neutral_800)); + + /* Lookup */ + --lookup_auto_bg: RGBA(57, 62, 62, 1); + --lookup_header_border: var(--theme); + --lookup_item_bg: RGBA(57, 62, 62, 1); + --lookup_item_hover_bg: RGBA(0, 57, 31, 1); + --lookup_item_fg: RGBA(var(--neutral_0)); + --lookup_auto_border: 1px solid RGBA(var(--neutral_700)); + --lookup_item_hover_fg: RGBA(var(--neutral_0)); + --lookup_editor_icon: RGBA(var(--emerald_300)); + + /* TileMenu */ + --tile_group_fg: RGBA(var(--neutral_400), 1); + --tile_group_hover_bg: RGBA(var(--neutral_700)); + --tile_item_bg: RGBA(var(--neutral_800)); + --tile_active_fg: RGBA(var(--moon_gray-6)); + --tile_active_bg: transparent; + --tile_command_icon: RGBA(var(--neutral_400), 1); + --tile_command_fg: RGBA(var(--neutral_300), 1); + --tile_command_shadow: 0px 0px 10px rgb(17, 17, 17); + --tile_desc_fg: rgb(180, 180, 180); + --tile_group_active_bg: transparent; + --tile_item_border_fg: none; + --tile_shadow: none; + --tile_hover: none; + --tile_hover_webkit: none; + --tile_hover_active: none; + --tile_hover_active_webkit: none; + --tile_fw: 600; + --tile_color: RGBA(var(--neutral_0)); + --tile_group_bg_image: linear-gradient(20deg, var(--theme_gradient_from), transparent), linear-gradient(90deg, var(--theme_gradient_from), transparent); + + /* SvgIcon */ + --svg_icon_main_stop: RGBA(var(--neutral_300)); + --svg_icon_alt_stop: RGBA(var(--neutral_300)); + + /* Bookmarks */ + --bookmark_font: 'ROBOTO', sans-serif; + --bookmark_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --bookmark_fg: RGBA(var(--neutral_0), 1); + --bookmark_bg: rgb(57, 62, 62); + --bookmark_icon: rgb(130, 139, 137); + --bookmark_hover_fg: RGBA(var(--neutral_0), 1); + --bookmark_hover_bg: rgb(57, 62, 62); + --bookmark_hover_icon: rgb(133, 139, 137); + --bookmark_focused_fg: RGBA(var(--neutral_0), 1); + --bookmark_focused_bg: rgb(57, 62, 62); + --bookmark_focused_icon: rgb(133, 139, 137); + --bookmark_focused_border_color: rgb(230, 231, 231); + --bookmark_pressed_fg: RGBA(var(--neutral_0), 1); + --bookmark_pressed_bg: rgb(37, 39, 39); + --bookmark_pressed_icon: rgb(130, 139, 137); + --bookmark_disabled_bg: none; + --bookmark_disabled_icon: RGBA(var(--neutral_600)); + + --bookmark_selected_fg: RGBA(var(--neutral_0), 1); + --bookmark_selected_bg: rgb(37, 39, 39); + --bookmark_selected_icon: rgb(130, 139, 137); + --bookmark_selected_hover_fg: RGBA(var(--neutral_0), 1); + --bookmark_selected_hover_bg: rgb(57, 62, 62); + --bookmark_selected_hover_icon: rgb(130, 139, 137); + --bookmark_selected_focused_fg: RGBA(var(--neutral_0), 1); + --bookmark_selected_focused_bg: rgb(37, 39, 39); + --bookmark_selected_focused_icon: rgb(130, 139, 137); + --bookmark_selected_focused_border_color: rgb(230, 231, 231); + --bookmark_selected_pressed_fg: RGBA(var(--neutral_0), 1); + --bookmark_selected_pressed_bg: rgb(68, 70, 69); + --bookmark_selected_pressed_icon: rgb(130, 139, 137); + + --bookmark_close_hover_bg: rgb(49, 53, 53); + --bookmark_close_hover_icon: rgb(133, 139, 137); + --bookmark_close_selected_hover_bg: rgb(47, 51, 51); + --bookmark_close_selected_hover_icon: rgb(130, 139, 137); + + /* Modal */ + --modal_bg: rgb(37, 39, 39); + --modal_border_radius: 12px; + --modal_bar_bg: transparent; + --modal_bar_fg: RGBA(var(--neutral_200)); + --modal_bar_icon: RGBA(var(--neutral_300)); + --modal_bar_title_fg: RGBA(var(--neutral_0)); + --modal_bar_border: none; + --modal_section_fg: var(--theme_primary_text); + --modal_command_bg: transparent; + --modal_command_active_bg: transparent; + --modal_command_fg: RGBA(var(--neutral_200)); + --modal_command_hover_bg: RGBA(var(--neutral_600)); + --modal_command_hover_fg: RGBA(var(--neutral_200)); + --modal_command_font_size: 1em; + --modal_overlay_bg: var(--theme_overlay_bg); + --modal_command_shadow: none; + --modal_command_text_shadow: none; + --modal_command_hover_shadow: none; + --modal_command_active_fg: RGBA(var(--neutral_200)); + --modal_command_active_shadow: none; + --modal_command_active_border: 1px solid RGBA(var(--neutral_800)); + --modal_command_icon: RGBA(var(--neutral_400)); + --modal_command_error_icon: var(--error); + --modal_command_info_icon: var(--info); + --modal_command_question_icon: var(--question); + --modal_command_warning_icon: var(--warning); + --modal_label_fg: rgb(172, 178, 176); + --modal_shadow: 0 0 20px 0 rgba(255, 255, 255, 0.10); + + /* Indicator */ + --indicator_bg: RGBA(75, 81, 80, 1); + --indicator_fg: var(--theme_primary_text); + --indicator_icon: RGBA(var(--emerald_300)); + --indicator_text_fg: var(--theme_primary_text); + --indicator_shadow: none; + --indicator_value_icon: RGBA(var(--emerald_300)); + + /* Checkbox */ + --checkbox_fg: var(--theme_primary_text); + --checkbox_content_border: 1px solid RGBA(var(--neutral_700)); + --checkbox_disabled_bg: RGBA(var(--neutral_800)); + --checkbox_focused_bg: var(--theme_editor_focused_bg); + --checkbox_border: RGBA(var(--neutral_500)); + --checkbox_check: RGBA(var(--emerald_300)); + --checkbox_disabled_icon: RGBA(91, 95, 94); + --checkbox_disabled_fg: RGBA(var(--neutral_500)); + --checkbox_bg: RGBA(1, 84, 54); + --checkbox_fill_color: RGBA(var(--neutral_0)); + --checkbox_border_color: RGBA(133, 139, 137); + --checkbox_disabled_color: RGBA(59, 62, 62); + --checkbox_border: 2px solid RGBA(133, 139, 137); + --checkbox_grid_border: 2px solid RGBA(133, 139, 137); + --checkbox_border_disabled: 2px solid RGBA(59, 62, 62); + --checkbox_border_focused: 2px solid RGBA(230, 231, 231); + --checkbox_border_hover: 2px solid RGBA(77, 81, 80); + --checkbox_bg_hover: RGBA(1, 68, 43); + + /* Chips */ + --chips_fg: RGBA(var(--neutral_0)); + --chips_icon: RGBA(var(--neutral_0)); + --chips_border: 1px solid RGBA(77, 81, 80); + + /* Wizard */ + --wizard_step_fg: RGBA(var(--neutral_0), 1); + --wizard_step_icon: rgb(37, 39, 39); + --wizard_step: rgb(75, 81, 80); + --wizard_step_active: rgb(245, 73, 0); + --wizard_step_prev: rgb(0, 88, 48); + + /* Cookie Box */ + --cookie_link_fg: #0049F8; + --cookie_path1_color: RGBA(var(--pureBlack)); + --cookie_path2_color: RGBA(var(--pureBlack)); + --cookie_path1_fill: RGBA(var(--pureBlack)); + --cookie_text_fg: RGBA(var(--pureBlack)); + --cookie_bg: RGBA(var(--neutral_0)); + --cookie_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --cookie_action_icon_color: RGBA(var(--pureBlack)); + + /* Dashboard */ + --dashboard_design_icon_bg: RGBA(var(--emerald_400), 0.9); + --dashboard_bg: RGBA(var(--neutral_900)); + --dashboard_fg: RGBA(var(--neutral_200)); + --dashboard_cell_grid_bg: RGBA(var(--neutral_800)); + --dashboard_item_icon_bg: var(--theme_accent); + --dashboard_item_icon_hover_bg: RGBA(var(--neutral_200)); + --dashboard_design_icon: RGBA(var(--neutral_200)); + --dashboard_design_icon_border: none; + --dashboard_item_fg: RGBA(var(--neutral_200)); + --dashboard_group_border: none; + --dashboard_design_overlay_bg: RGBA(var(--neutral_700), 0.7); + --dashboard_design_focus_shadow: none; + --dashboard_command_split_border: 2px solid RGBA(var(--neutral_200)); + --dashboard_command_list_bg: RGBA(var(--emerald_300)); + --dashboard_command_list_icon_bg: RGBA(var(--neutral_600), 0.3); + --dashboard_cell_grid_padding: 20px; + + /* Profile Menu */ + --profile_menu_bg: RGBA(var(--neutral_850)); + --profile_menu_item_fg: var(--theme_primary_text); + --profile_group_border: 1px solid RGBA(var(--verylightGray2)); + --profile_group_fg: var(--theme_primary_text); + --profile_group_image_bg: RGBA(var(--lightGray2)); + --profile_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1), 0 2px 3px RGBA(var(--pureBlack), 0.2); + --profile_group_icon: RGBA(var(--white)); + --profile_menu_image_bg: RGBA(var(--darkGreen3)); + --profile_menu_icon: RGBA(var(--white)); + --profile_menu_border: 1px solid RGBA(var(--neutral_700)); + --profile_menu_item_shadow: var(--theme_shadow); + --profile_menu_item_hover_fg: RGBA(var(--white)); + --profile_menu_item_hover_bg: RGBA(var(--moon_indigo)); + --profile_menu_separator_bg: rgb(114, 114, 114); + + --profile_menu_bg: rgb(27, 27, 27); + --profile_menu_fg: var(--theme_primary_text); + --profile_menu_header_bg: rgb(242, 248, 246); + --profile_menu_header_fg: rgb(0, 0, 0); + --profile_menu_header_item_value: rgb(1, 110, 70); + --profile_menu_separator_bg: rgb(229, 229, 229); + --profile_menu_version_fg: rgb(115, 115, 115); + --profile_menu_font: 'ROBOTO', sans-serif; + + /* Chart */ + --chart_bg: transparent; + --chart_border: 1px solid RGBA(var(--neutral_700)); + + /* Gantt */ + --gantt_border: RGBA(var(--neutral_700)); + --gantt_header_fg: RGBA(var(--neutral_200)); + --gantt_fg: RGBA(var(--neutral_300)); + --gantt_focused_row_bg: RGBA(var(--neutral_700)); + --gantt_connector_bg: RGBA(var(--emerald_300)); + --gantt_connector_hover_bg: RGB(var(--emerald_300)); + --gantt_icon_hover_fg: RGBA(var(--moon_green)); + --gantt_holiday_fg: RGBA(128, 128, 128); + --gantt_holiday_bg: RGBA(var(--neutral_700)); + --gantt_holiday_connector_fg: RGBA(128, 128, 128); + --gantt_holiday_connector_bg: RGBA(221, 216, 210); + --gantt_working_area_bg: RGBA(var(--white)); + --gantt_not_working_days_bg: rgb(var(--neutral_850)); + + /* Tooltip */ + --tooltip_bg: rgb(37, 39, 39); + --tooltip_fg: RGBA(var(--neutral_0)); + --tooltip_border: 1px solid RGBA(var(--neutral_0)); + --tooltip_box_shadow: 0px 0px 10px RGBA(255, 255, 255, 0.12); + --tooltip_icon: RGBA(var(--neutral_0)); + + /* EditorHtml */ + --ehtml_bg: RGBA(var(--neutral_900)); + --ehtml_border: 1px solid RGBA(var(--neutral_700)); + --ehtml_fg: RGBA(var(--neutral_300)); + --ehtml_content_line_color: 1px solid RGBA(var(--neutral_300)); + --ehtml_fullsize_btn_bg: RGBA(var(--neutral_700)); + --ehtml_fullsize_btn_fg: RGBA(var(--neutral_200)); + --ehtml_fullsize_btn_shadow: var(--theme_shadow_btn); + --ehtml_fullsize_btn_active_bg: RGBA(var(--neutral_600)); + --ehtml_fullsize_btn_active_fg: RGBA(var(--neutral_200)); + --ehtml_fullsize_btn_active_shadow: var(--theme_shadow_active); + + /* EditorMemoText */ + --emt_bg: RGBA(var(--neutral_1000)); + --emt_border: 1px solid RGBA(var(--neutral_700)); + + /* Diagram */ + --diagram_palette_accrdn_fg: RGBA(var(--neutral_200)); + --diagram_palette_accrdn_sel_bg: RGBA(var(--neutral_950)); + --diagram_palette_accrdn_sel_fg: RGBA(var(--neutral_200)); + --diagram_border: 1px solid RGBA(var(--neutral_700)); + --diagram_group_icon: RGBA(var(--neutral_300)); + --diagram_palette_bg: RGBA(var(--neutral_850)); + --diagram_palette_item_bg_hover: RGBA(var(--neutral_700)); + --diagram_header_bg: RGBA(var(--neutral_950)); + --diagram_icon_expand_hover: RGBA(var(--neutral_500)); + --diagram_active_bg: RGBA(var(--neutral_600)); + --diagram_palette_active_bg: RGBA(var(--neutral_700)); + --diagram_content_fill_dark: RGBA(var(--neutral_300)); + --diagram_content_path_dark: RGBA(var(--neutral_300)); + --diagram_palette_item_bg_selected: RGBA(var(--neutral_600)); + + /* TreeDiagram */ + --tree_diagram_btn_bg: RGBA(var(--theme), 1); + --tree_diagram_btn_fg: RGBA(var(--white), 1); + --tree_diagram_minimap_bg: rgb(245, 245, 245); + --tree_diagram_minimap_border: 1px solid rgb(225, 225, 225); + --tree_diagram_minimap_shadow: 0px 2px 2px rgba(0, 0, 0, 0.3); + --tree_diagram_border: 1px solid RGBA(var(--pureBlack), 0.2); + --tree_diagram_zoom_bg: RGBA(250, 250, 250, 1); + --tree_diagram_send_fg: RGBA(var(--pureBlack), 1); + --tree_sm_bg: RGBA(250, 250, 250, 1); + --tree_sm_el_border: 1px solid rgb(224, 224, 224); + --tree_sm_el_fg: RGBA(128, 128, 128, 1); + --tree_sm_el_bg: RGBA(var(--white), 1); + --tree_sm_el_hover_border: 2px solid rgb(118, 163, 0); + --tree_sm_el_hover_fg: RGBA(118, 163, 0, 1); + --tree_sm_el_hover_bg: RGBA(245, 245, 245, 1); + --tree_filter_input_border: 1px solid rgb(195, 227, 234); + --tree_filter_input_fg: RGBA(var(--mostlyBlack), 1); + --tree_filter_input_focus_fg: RGBA(114, 114, 114, 1); + --tree_filter_input_shadow: 0 0 0 30px RGBA(var(--theme_editor_bg), 1) inset; + --tree_filter_input_placeholder_fg: RGBA(177, 177, 177, 1); + --tree_filter_input_icon_fg: RGBA(179, 0, 0, 1); + + /* Progress */ + --progress_icon: RGBA(var(--neutral_400)); + --progress_fg: RGBA(var(--neutral_200)); + --progress_border: 1px solid RGBA(var(--neutral_700)); + + /* Progress Bar */ + --progress_bar_circle_bg: RGBA(var(--emerald_300)); + --progress_bar_background_circle_bg: RGBA(var(--neutral_600)); + --progress_bar_in_percent_fg: RGBA(var(--emerald_300)); + --progress_bar_btn_information_fg: RGBA(var(--neutral_300)); + --progress_bar_information_fg: RGBA(var(--neutral_300)); + --progress_bar_spinner_wrapper_bg: RGBA(var(--neutral_800)); + --progress_bar_spinner_border: 1px solid RGBA(var(--neutral_700)); + + /* Popup Simple */ + --popup_simple_bg: RGBA(57, 62, 62, 1); + --popup_simple_border: unset; + --popup_simple_item_fg: RGBA(var(--neutral_0)); + --popup_simple_item_bg: RGBA(57, 62, 62, 1); + --popup_simple_item_fg_hover: RGBA(var(--neutral_0)); + --popup_simple_item_bg_hover: RGBA(0, 57, 31, 1); + --popup_simple_item_disabled_fg: RGBA(var(--neutral_500)); + --popup_simple_item_disabled_hover_bg: RGBA(var(--neutral_700)); + --popup_simple_item_disabled_hover_fg: RGBA(var(--neutral_400)); + + /* Popup */ + --popup_command_bg: var(--theme_bg); + --popup_overlay: var(--theme_overlay_bg); + + /* Splitter */ + --splitter_bg: RGBA(var(--neutral_700)); + --splitter_btn_bg: RGBA(var(--neutral_400)); + --splitter_hover_bg: RGBA(var(--neutral_500)); + --splitter_icon: RGBA(var(--neutral_700)); + + /* Html */ + --html_fg: var(--theme_primary_text); + --html_rss_fg: RGBA(var(--blue_400)); + --html_hyperlink_fg: RGBA(var(--blue_400), 1); + --html_rss_border: RGBA(var(--neutral_700)); + --html_rss_date_info_fg: RGBA(var(--neutral_400)); + --html_rss_desc_fg: RGBA(var(--neutral_300)); + --html_rss_error_fg: RGBA(var(--neutral_400)); + --html_hyperlink_color: RGBA(var(--blue_400)); + + /* RichEdit */ + --rte_fg: var(--theme_primary_text); + --rte_bg: var(--theme_editor_bg); + --rte_border: none; + --rte_focused_bg: var(--theme_editor_focused_bg); + --rte_editor_bg: var(--theme_editor_bg); + --rte_editor_fg: var(--theme_primary_text); + --rte_hr: var(--theme_primary_text); + --rte_tooltip_bg: RGBA(var(--neutral_950)); + --rte_tooltip_border: none; + --rte_tooltip_shadow: none; + --rte_toolbar_bg: RGBA(var(--neutral_950)); + --rte_toolbar_border: 1px solid RGBA(var(--moon_gray-6)); + --rte_toolbar_item_hover_bg: RGBA(var(--neutral_600)); + --rte_tabs_fg: var(--theme_accent); + --rte_dropdown_toolbar_border: 1px solid rgb(215, 215, 215); + --rte_resizer_border: 1px dashed RGBA(var(--lightGray2)); + --rte_resizer_bg: RGBA(var(--darkGray)); + --rte_icon: var(--theme_accent); + --rte_active_border: 1px solid rgba(225, 225, 225, 0.99); + --rte_dialog_bg: var(--modal_bg); + --rte_dialog_font: var(--secondaryFont); + --rte_dialog_border_radius: none; + --rte_dialog_header_bg: var(--modal_bar_bg); + --rte_dialog_header_fg: var(--modal_bar_title_fg); + --rte_dialog_header_fontsize: var(--modal_bar_title_font); + --rte_dialog_header_border: var(--modal_bar_border); + --rte_dialog_button_bg: transparent; + --rte_dialog_button_fg: var(--wb_command_icon_color); + --rte_dialog_button_hover_bg: RGBA(var(--moon_indigo)); + --rte_dialog_button_hover_fg: var(--wb_command_hover_fg); + --rte_dialog_button_hover_border: var(--input_border); + --rte_dialog_content_fg: var(--theme_primary_text); + --rte_dialog_content_fontsize: var(--font_size_label); + --rte_dialog_content_tabs_wrapper_bg: rgba(0, 0, 0, .8); + --rte_dialog_content_tabs_hover_bg: RGBA(var(--moon_indigo)); + --rte_dialog_input_border_radius: 0; + --rte_dialog_input_focused_border: none; + --rte_dialog_input_focused_shadow: var(--input_autofill_focused_shadow); + --rte_dialog_footer_bg: var(--modal_bar_bg); + --rte_dialog_footer_border: var(--modal_bar_border); + --rte_dialog_footer_button_bg: var(--modal_command_bg); + --rte_dialog_footer_button_fg: var(--modal_command_fg); + --rte_dialog_footer_button_shadow: var(--modal_command_shadow); + --rte_dialog_footer_button_text_shadow: var(--modal_command_text_shadow); + --rte_dialog_footer_button_text_transform: uppercase; + --rte_dialog_footer_button_font_weight: 600; + --rte_dialog_footer_button_hover_bg: var(--modal_command_bg); + --rte_dialog_footer_button_hover_fg: var(--modal_command_hover_fg); + --rte_dialog_footer_button_hover_shadow: var(--modal_command_hover_shadow); + --rte_dialog_resizer_bg: RGBA(var(--moon_gray-6)); + --rte_dialog_resizer_hover_bg: RGBA(var(--moon_indigo)); + --rte_dialog_image_preview_bg: RGBA(var(--moon_gray-5)); + --rte_content_bg: RGBA(var(--neutral_900)); + --rte_content_fc: RGBA(var(--neutral_200)); + --rte_status_bg: RGBA(var(--neutral_950)); + --rte_border_color: RGBA(var(--neutral_800)); + --rte_status_fc: RGBA(var(--neutral_400)); + --rte_status_button_fc: RGBA(var(--neutral_300)); + --rte_status_button_hover: RGBA(var(--neutral_600)); + --rte_toolbar_border_right: 1px solid RGBA(var(--neutral_700)); + --rte_toolbar_color1: RGBA(var(--neutral_500)); + --rte_toolbar_color2: RGBA(var(--neutral_600)); + --rte_toolbar_color3: RGBA(var(--neutral_700)); + --rte_toolbar_color4: RGBA(var(--neutral_300)); + --rte_toolbar_color5: RGBA(var(--emerald_400), 0.9); + --rte_toolbar_color6: RGBA(var(--emerald_400)); + --rte_toolbar_color7: RGBA(var(--neutral_400)); + --rte_table_creator_border: 1px solid RGBA(var(--neutral_400)); + + /* Pick file popup */ + --pickfile_fg: RGBA(var(--moon_indigo_light)); + --pickfile_bg: RGBA(var(--moon_gray-6)); + --pickfile_btn_border: 1px dashed RGBA(var(--moon_indigo_light)); + --pickfile_btn_hover_bg: RGBA(var(--moon_indigo)); + --pickfile_btn_hover_fg: RGBA(var(--moon_gray-5)); + --pickfile_label_fg: RGBA(var(--moon_indigo_light)); + --pickfile_label_bg: RGBA(var(--moon_gray-5)); + --pickfile_shadow: 0 2px 4px RGBA(var(--pureBlack), 0.2); + --pickfile_border: 1px solid RGBA(var(--pureBlack), 0.2); + + /* Carousel */ + --carousel_item_fg: RGBA(var(--neutral_200)); + --carousel_item_bg: RGBA(var(--neutral_800)); + --carousel_item_selected_fg: RGBA(var(--neutral_900)); + --carousel_item_selected_bg: RGBA(var(--emerald_400)); + --carousel_arrow_border: none; + --carousel_arrow_bg: RGBA(37, 39, 39); + --carousel_arrow_fg: RGBA(133, 139, 137); + --carousel_timepicker_item_fg: RGBA(91, 95, 94); + --carousel_timepicker_item_selected_fg: RGBA(133, 139, 137); + --carousel_timepicker_item_selected_fg_prev_next: RGBA(174, 178, 176); + + /* Error */ + --page_error_bg: RGBA(var(--neutral_700)); + --page_error_fg: RGBA(var(--neutral_300)); + --page_error_border: 1px solid RGBA(var(--neutral_700)); + --page_error_border_radius: none; + --error_command_active_border: 1px solid RGBA(var(--neutral_600)); + --error_title_fg: var(--neutral_200); + --error_bar_bg: RGBA(var(--neutral_900)); + --error_bar_border: 1px solid RGBA(var(--neutral_700)); + --error_bar_fg: var(--theme_primary_text); + --error_bar_icon: var(--error); + --warning_bar_icon: var(--warning); + --error_command_bg: rgba(var(--emerald_400), 0.9); + --error_command_fg: RGBA(var(--neutral_0)); + --error_command_shadow: none; + --error_command_border: none; + --error_command_hover_shadow: none; + --error_command_active_shadow: none; + --error_command_active_fg: RGBA(var(--neutral_200)); + --error_command_active_bg: transparent; + --error_command_hover: RGBA(var(--emerald_400), 0.6); + --error_command_active: RGBA(var(--emerald_400), 0.6); + + /* Field */ + --field_image_circle_bg: RGBA(var(--neutral_800)); + --field_image_circle_border: 1px solid RGBA(var(--neutral_300)); + --field_image_full_screen_shadow: none; + --field_image_full_screen_bg: RGBA(var(--neutral_700)); + --field_image_full_screen_fg: RGBA(var(--neutral_200)); + --field_code_add_btn_bg: RGBA(var(--neutral_700)); + --field_code_add_btn_shadow: none; + --field_code_add_btn_active_shadow: none; + --field_code_add_btn_icon_bg: RGBA(var(--emerald_300)); + --field_code_add_btn_active_icon_bg: RGBA(var(--neutral_100)); + --field_warning_label_fg: RGBA(var(--red_400)); + --full-screen-field-bg: RGBA(var(--neutral_700), 0.7); + + /* Verifiers */ + --verifier_error_bg: RGBA(var(--red_500)); + --verifier_error_icon_bg: RGBA(var(--red_500)); + --verifier_error_color: RGBA(var(--neutral_950)); + --verifier_warning_bg: RGBA(var(--orange_400)); + --verifier_warning_icon_bg: RGBA(var(--orange_400)); + --verifier_warning_color: RGBA(var(--neutral_950)); + --verifier_info_bg: RGBA(var(--emerald_400)); + --verifier_info_icon_bg: RGBA(var(--emerald_400)); + --verifier_info_color: RGBA(var(--neutral_950)); + + /* ThemePicker */ + --picker_bg: RGBA(var(--neutral_800), 1); + --picker_color: RGBA(var(--neutral_200), 1); + --picker_item_bg: RGBA(var(--neutral_700)); + --picker_item_hover_bg: RGBA(var(--neutral_600)); + --picker_active_shadow: none; + --picker_button_active_bg: transparent; + --picker_button_active_color: RGBA(var(--neutral_200)); + --picker_button_active_shadow: none; + --picker_item_selected_border_color: RGBA(var(--neutral_200)); + --picker_button_shadow: none; + --picker_button_hover_shadow: none; + --picker_button_hover: RGBA(var(--neutral_600)); + --picker_fill: RGBA(var(--neutral_400)); + + /* SignInPanel */ + --signIn_text_fg: RGBA(var(--neutral_200), 1); + --signIn_field_bg: var(--theme_editor_bg); + --signIn_field_focused_bg: var(--theme_editor_focused_bg); + --signIn_field_focused_fg: var(--theme_primary_text); + --signIn_field_focused_shadow: 0 0 0 30px var(--theme_editor_focused_bg) inset !important; + --signIn_btn_hover_shadow: none; + --signIn_btn_active_shadow: none; + --signIn_btn_active_bg: transparent; + --signIn_btn_active_color: RGBA(var(--neutral_200)); + --signIn_check_color: RGBA(var(--neutral_400)); + --signIn_field_icon_fg: RGBA(var(--neutral_400)); + --signIn_text_shadow: none; + --signIn_check_fg: var(--theme_primary_text); + --signIn_check_check_fg: RGBA(var(--neutral_300)); + --signIn_content_fg: var(--theme_primary_text); + --signIn_content_border: 1px solid RGBA(var(--neutral_600)); + --signIn_infolabel_fg: var(--theme_primary_text); + --signIn_btn_shadow: none; + --signIn_btn_border: 1px solid RGBA(var(--neutral_700)); + --signIn_btn_action_bg: RGBA(var(--emerald_400), 0.9); + --signIn_btn_action_fg: RGBA(var(--neutral_0)); + --signIn_btn_action_icon_fg: var(--theme_accent); + --signIn_btn_version_bg: none; + --signIn_btn_version_fg: RGBA(var(--neutral_200), 1); + --signIn_btn_version_icon_fg: RGBA(var(--neutral_400), 1); + --spinner_wait_color: RGBA(var(--neutral_50)); + --signIn_btn_hover_bg: RGBA(var(--emerald_400), 0.6); + --signIn_clear_icon_color: RGBA(var(--neutral_400)); + --signIn_btn_version_box_shadow: none; + --signIn_btn_version_border: 1px solid RGBA(var(--neutral_700)); + --signIn_btn_version_hover: RGBA(var(--neutral_600)); + --signIn_btn_send_bg: RGBA(var(--emerald_400), 0.9); + --signIn_info_label_caption_fg: rgb(197, 197, 197); + --signIn_info_label_text_fg: RGBA(var(--neutral_0)); + + /* Signature */ + --signature_content_border: none; + --signature_content_bg: RGBA(var(--neutral_950)); + --signature_icon_bg: RGBA(var(--emerald_300)); + --signature_icon_color: RGBA(var(--neutral_950)); + --signature_icon_shadow: none; + --signature_icon_active_color: RGBA(var(--neutral_950)); + --signature_icon_active_bg: transparent; + --signature_icon_active_shadow: none; + --signature_icon_hover_shadow: none; + --signature_cursor: default; + + /* Spinner */ + --spinner_bg: RGBA(var(--lightGray7), 1); + --spinner_fs: 14px; + --spinner_header_fc: RGBA(255, 255, 255, 1); + --spinner_header_bg: transparent; + --spinner_progress_bar_bg: RGBA(var(--lightGreen), 1); + --spinner_stop_color: RGBA(var(--neutral_0), 1); + --spinner_stop_color_next: RGBA(var(--neutral_0), 1); + --spinner_fill: RGBA(var(--neutral_0), 1); + + /* Label */ + --label_fg: RGBA(var(--neutral_200)); + --label_color: RGBA(var(--neutral_300)); + --label_green_fg: RGBA(var(--emerald_300)); + --label_red_fg: RGBA(var(--red_500)); + --label_warning_fg: RGBA(var(--red_500)); + --label_info_fg: RGBA(var(--orange_400)); + --label_tip_fg: RGBA(var(--neutral_300)); + --label_tip_bg: RGBA(var(--neutral_950)); + --label_info_fg2: RGBA(var(--neutral_200), 1); + --label_info_fw: inherit; + + /* StopWatch */ + --stop_watch_bg: RGBA(var(--neutral_900)); + --stop_watch_border: 1px solid RGBA(var(--neutral_800)); + + /* PdfViewer */ + --pdf_viewer_bg_start: RGBA(82, 82, 82, 0.99); + --pdf_viewer_bg_stop: RGBA(69, 69, 69, 0.95); + --pdf_viewer_shadow: 5px 3px 5px -1px RGBA(var(--mostlyBlack)); + --pdf_full_screen_shadow: none; + --pdf_full_screen_bg: RGBA(var(--neutral_700)); + --pdf_full_screen_fg: RGBA(var(--neutral_200)); + --pdf_hide_toolbar_bg: rgb(237, 237, 240); + + /* Simple Scheduler */ + --ss_font: 'ROBOTO', sans-serif; + --ss_shortday_fg: rgb(64, 64, 64); + --ss_element_bg: var(--op-limon-w-5, rgb(249, 252, 243)); + --ss_element_fg: var(--primaryText, rgb(0, 0, 0)); + --ss_label_fg: var(--secondaryText, rgb(64, 64, 64)); + --ss_label_last_day_fg: var(--colors-red-600, rgb(220, 38, 38)); + --ss_resource_fg: var(--primaryText, rgb(0, 0, 0)); + --ss_tl_header_bg: var(--theme); + --ss_tl_header_fg: RGBA(var(--white)); + --ss_tl_btn_bg: var(--theme); + --ss_tl_btn_fg: RGBA(55, 78, 89); + --ss_tl_btn_selected_fg: RGBA(55, 78, 89); + --ss_tl_tasks_bg: var(--theme); + --ss_tl_tasks_fg: RGBA(66, 82, 109); + --ss_tl_tasks_shadow: 0 10px 10px RGBA(var(--pureBlack), 0.16); + --ss_tl_task_bg: RGBA(var(--white)); + --ss_tl_task_date_fg: RGBA(177, 181, 195); + --ss_tl_task_date_icon_fg: RGBA(var(--verydarkGray)); + --ss_tl_task_add_bg: RGBA(55, 78, 89); + --ss_tl_task_add_fg: RGBA(var(--white)); + --ss_tl_day_marker_selected: rgb(112, 112, 112); + + /* Radiobutton */ + --radiobutton_check: RGBA(var(--brand_400)); + --radiobutton_unchecked: RGBA(133, 139, 137); + --radiobutton_disabled: RGBA(68, 70, 69); + --radiobutton_hover: RGBA(var(--brand_700)); + --radiobutton_hover_unchecked: RGBA(77, 81, 80); + --radiobutton_focused_icon: RGBA(255, 240, 118); + --radiobutton_focused: RGBA(230, 231, 231); + --radiobutton_chips_fg: RGBA(var(--white)); + --radiobutton_chips_border: RGBA(75, 81, 80, 1); + --radiobutton_chips_checked_bg: RGBA(var(--brand_300)); + --radiobutton_chips_disabled_bg: RGBA(68, 70, 69); + --radio_split_button_fg: RGBA(var(--neutral_0)); + --radio_split_button_bg: RGBA(var(--neutral_700)); + --radio_split_button_border: RGBA(var(--neutral_700)); + --radio_split_button_checked_fg: RGBA(255, 255, 255, 1); + --radio_split_button_checked_bg: RGBA(var(--brand_600)); + --radio_split_button_disabled_fg: RGBA(191, 194, 194, 1); + --radio_split_button_disabled_bg: RGBA(var(--neutral_600)); + --radio_tab_fg: RGBA(var(--neutral_0)); + --radio_tab_bg: RGBA(var(--neutral_800)); + --radio_tab_border_color: RGBA(var(--neutral_800)); + --radio_tab_border_color_checked: RGBA(0, 114, 61, 1); + + /* ShortCut Window */ + --shortcut_bg: RGBA(var(--neutral_900)); + --shortcut_shadow_fg: none; + --shortcut_shadow_hover_fg: none; + --shortcut_shadow_hover_bg: RGBA(var(--emerald_400), 0.6); + --shortcut_overlay_bg: var(--theme_overlay_bg); + --shortcut_window_border: none; + --shortcut_title_fg: RGBA(var(--neutral_300)); + --shortcut_footer_fg: RGBA(var(--neutral_300)); + --shortcut_cmd_fg: RGBA(var(--neutral_0)); + --shortcut_cmd_key_fg: RGBA(var(--neutral_300)); + --shortcut_cmd_key_bg: RGBA(var(--emerald_400), 0.9); + --shortcut_cmd_key_active_fg: RGBA(var(--neutral_200)); + --shortcut_cmd_key_active_bg: transparent; + --shortcut_cmd_key_active_border: 1px solid RGBA(var(--neutral_700)); + --shortcut_close_icon: RGBA(var(--neutral_300)); + + /* Slider */ + --slider_fg: RGBA(var(--neutral_0)); + --slider_knob: rgb(0, 114, 61); + --slider_active_knob: rgb(0, 114, 61); + --slider_active_knob_shadow: 0 0 0 20px RGBA(var(--brand_50), 0.5); + --slider_active_shadow: 0 0 10px 1px rgba(255, 255, 255, 0.25); + --slider_disabled_knob: rgb(75, 81, 80); + --slider_track_bg: RGBA(var(--neutral_300)); + --slider_disabled_track_bg: rgb(130, 139, 137); + + /* Recovery Panel */ + --recovery_reset_fg: RGBA(var(--neutral_300)); + --recovery_response_fg: var(--error); + --recovery_btn_shadow: none; + --recovery_btn_fg: RGBA(var(--neutral_0)); + --recovery_btn_bg: RGBA(var(--emerald_400), 0.9); + --recovery_btn_hover_shadow: none; + --recovery_btn_active_shadow: none; + --recovery_btn_active_fg: RGBA(var(--neutral_200)); + --recovery_btn_active_bg: transparent; + --recovery_btn_hover_bg: RGBA(var(--emerald_400), 0.6); + --recovery_btn_active_border: 1px solid RGBA(var(--neutral_700)); + --recovery_btn_login_border: 1px solid RGBA(var(--emerald_400)); + --recovery_btn_login_bg: RGBA(var(--emerald_400), 0.9); + --recovery_btn_go_login_border: 1px solid RGBA(var(--emerald_400)); + --recovery_btn_go_login_color: RGBA(var(--neutral_0)); + --recovery_btn_go_login_hover: RGBA(var(--emerald_400), 0.6); + + --page_image_filter: grayscale(0); + + /* Stack */ + --stack_label_fg: var(--theme_editor_label_fg); + --stack_bg: inherit; + + /* Scheduler */ + --scheduler_font: var(--secondaryFont); + --scheduler_border_color: 1px solid rgb(var(--neutral_700)); + --scheduler_out_month_cell_bg: RGBA(var(--neutral_800)); + --scheduler_cell_color: RGBA(var(--neutral_200)); + --scheduler_cell_bg: RGBA(var(--neutral_800)); + --scheduler_cell_focused_bg: RGBA(var(--neutral_700)); + --scheduler_inline_fg: rgb(var(--pureBlack)); + --scheduler_grid_fg: RGBA(var(--neutral_600), 1); + --scheduler_other_month_bg: RGBA(var(--neutral_900), 0.7); + --scheduler_selected_cell_bg: RGBA(var(--neutral_600)); + + --scheduler_selected_cell_header_fg: rgba(var(--neutral_200)); + --scheduler_selected_cell_more_fg: RGBA(var(--neutral_300), 0.54); + --scheduler_current_date_border_fg: rgb(var(--emerald_300)); + --scheduler_current_date_border: 2px solid RGBA(var(--emerald_300)); + --scheduler_current_date_header_fg: RGBA(var(--neutral_200)); + --scheduler_header_cells_fg: rgb(var(--neutral_200)); + --scheduler_header_cells_bg: RGBA(var(--neutral_950), 1); + --scheduler_month_head_icon_fg: rgba(var(--white)); + --scheduler_month_head_icon_alert_fg: RGBA(255, 0, 0, 1); + --scheduler_vertical_current_day_border_fg: rgb(var(--emerald_300)); + --scheduler_vertical_current_day_border: 2px solid rgb(var(--emerald_300)); + --scheduler_vertical_current_day_fg: RGBA(0, 0, 0, 0.87); + --scheduler_timeline_selected_cell_bg: RGBA(var(--neutral_600)); + --scheduler_tooltip_fg: rgb(var(--neutral_300)); + --scheduler_tooltip_bg: rgb(var(--neutral_950)); + --scheduler_cell_hover_event_border_fg: rgb(var(--neutral_800)); + --scheduler_evnet_border_fg: RGBA(var(--neutral_800), 1); + + --scheduler_work_day_bg: RGBA(var(--neutral_800), 1); + --scheduer_date_header_fg: RGBA(var(--neutral_200)); + --scheduler_bg: rgb(var(--neutral_800)); + --scheduler_event_bg: RGBA(var(--emerald_400), 0.6); + + --scheduler_work_cell_hover_bg: rgb(var(--neutral_700)); + --scheduler_event_subject_fg: RGBA(var(--neutral_300)); + --scheduler_resources_cell_bg: RGBA(var(--neutral_900)); + --scheduler_resources_cell_fg: RGBA(var(--neutral_200)); + --scheduler_expand_color: RGBA(var(--neutral_200)); + --scheduler_expand_hover_bg: RGBA(var(--neutral_700)); + --scheduler_more_color: RGBA(var(--blue_400)); + --scheduler_expand_hover_color: RGBA(var(--neutral_950)); + --scheduler_other_month_fc: RGBA(var(--neutral_400)); + --scheduler_current_month_fc: RGBA(var(--neutral_200)); + --scheduler_selected_border: 1px solid RGBA(var(--neutral_800)); + --scheduler_more_color_month: RGBA(var(--neutral_300)); + --scheduler_appointment_color: inherit; + --scheduler_appointment_box_shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2); + + /* Pivot */ + --pivot_filter_color: rgb(0, 0, 0); + --pivot_filter_field_bg: rgba(162, 177, 255, .8); + --pivot_filter_exp_bg: rgba(92, 184, 92, .8); + --pivot_filter_value_bg: rgba(204, 204, 204, .8); + --pivot_filter_inrange_icon_bg: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KPHRpdGxlPmlucmFuZ2U8L3RpdGxlPgo8cGF0aCBkPSJNIDEyLjQxMTgxOSw1LjY2MDQ3MDggQyAxNC4wMTY0NTksNy40NDMxMzQ2IDE0LjE0Myw5IDE0LjE0Myw5IEggMy44NTcgViA2LjQyOSBIIDIuNTcxIHYgNi40MjkgaCAxLjI4NiB2IC0yLjU3MSBoIDEwLjI4NiBjIDAsMCAwLjEwNDgwNiwxLjIwNzMxNiAtMS43NTgxNDcsMy4zNTMwMTIgMC42MjgzOTQsLTEuMjFlLTQgMS4wODY3NTIsMC4wMDI5IDEuNTAxNzI3LDAgMC43MjkxNTMsLTAuOTAyNjA2IDEuNTMwNjE5LC0xLjg5MTI5IDEuNTMwMDE4LC00LjAyMDM3MjcgLTUuNzNlLTQsLTIuMDI4MTMwNCAtMC42ODM3MjIsLTMuMTcwOTU0NyAtMS41MDMwNTIsLTMuOTU5MTY4NSAwLDAgLTEuMDI1Njc3LDAuMDA0MDMgLTEuNTAxNzI3LDAgeiIgc3R5bGU9ImZpbGw6I2ZmZmZmZiI+PC9wYXRoPgo8L3N2Zz4K); + --pivot_pivotgrid_bg: RGBA(var(--neutral_800)); + --pivot_border: 1px solid RGBA(var(--neutral_700)); + --pivot_border_bottom: 1px solid RGBA(var(--neutral_700)); + --pivot_btn_bg: RGBA(var(--neutral_700)); + --pivot_border_color: transparent; + --pivot_hover_bg: RGBA(var(--neutral_600)); + --pivot_focused_border_color: transparent; + --pivot_focused_bg: RGBA(var(--neutral_500)); + --pivot_active_bg: transparent; + --pivot_active_border_color: RGBA(var(--neutral_700)); + --pivot_active_color: RGBA(var(--neutral_200)); + --pivot_area_description_border: 1px solid RGBA(var(--neutral_700)); + --pivot_bg: transparent; + --pivot_scroll_content: RGBA(var(--neutral_500)); + --pivot_scrollbar: RGBA(var(--neutral_400)); + --pivot_box_shadow: none; + --pivot_overlay_content_bg: RGBA(var(--neutral_900)); + --pivot_popup_title_color: RGBA(var(--neutral_200)); + --pivot_overlay_content_border: 1px solid RGBA(var(--neutral_700)); + --pivot_close_popup_color: RGBA(var(--neutral_400)); + --pivot_close_button_hover_bg: RGBA(var(--neutral_700)); + --pivot_close_popup_color_focused_bg: RGBA(var(--neutral_500)); + --pivot_close_popup_color_border_focused: transparent; + --pivot_close_popup_color_active_bg: transparent; + --pivot_close_popup_color_border_active: RGBA(var(--neutral_700)); + --pivot_close_popup_color_font_active: RGBA(var(--neutral_200)); + --pivot_area_fields_border: 1px solid RGBA(var(--neutral_700)); + --pivot_group_bg: RGBA(var(--neutral_800)); + --pivot_drag_border: RGBA(var(--neutral_400)); + --pivot_texteditor_border: 1px solid RGBA(var(--neutral_400), 1); + --pivot_texteditor_bg: RGBA(var(--neutral_950)); + --pivot_searchbox_color: RGBA(var(--neutral_400)); + --pivot_placeholder_color: RGBA(var(--neutral_400)); + --pivot_texteditor_border_hover: RGBA(var(--neutral_500)); + --pivot_texteditor_border_active: RGBA(var(--neutral_500)); + --pivot_clear_button_bg: RGBA(var(--neutral_950)); + --pivot_clear_button_color: RGBA(var(--neutral_400)); + --pivot_texteditor_color: RGBA(var(--neutral_200)); + --pivot_dx_widget_color: RGBA(var(--neutral_200)); + --pivot_treeview_item_color: RGBA(var(--neutral_200)); + --pivot_treeview_item_hover_color: RGBA(var(--neutral_200)); + --pivot_treeview_item_hover_bg: RGBA(var(--neutral_700)); + --pivot_checkbox_bg: RGBA(var(--neutral_900)); + --pivot_checkbox_border_color: RGBA(var(--neutral_700)); + --pivot_checkbox_border_color_hover: RGBA(var(--neutral_600)); + --pivot_checkbox_bg_active: RGBA(var(--neutral_600)); + --pivot_checkbox_icon_color_checked: RGBA(var(--neutral_950)); + --pivot_checkbox_bg_checked: RGBA(var(--emerald_300)); + --pivot_list_hover_border_color: RGBA(var(--neutral_600)); + --pivot_checkbox_bg_indeterminate: RGBA(var(--emerald_300)); + --pivot_list_color: RGBA(var(--neutral_200)); + --pivot_list_border: 1px solid RGBA(var(--neutral_500)); + --pivot_loadpanel_bg: RGBA(var(--neutral_950)); + --pivot_loadpanel_border: 1px solid transparent; + --pivot_overlay_color: RGBA(var(--neutral_200)); + --pivot_loadindicator_bg: RGBA(var(--emerald_300)); + --pivot_overlay_bg: RGBA(var(--neutral_700), 0.7); + --pivot_filter_bg: RGBA(var(--neutral_900)); + --pivot_treeview_item_selected_bg: RGBA(var(--neutral_700)); + --pivot_treeview_item_selected_color: RGBA(var(--neutral_200)); + --pivot_filter_group_bg: RGBA(var(--neutral_900)); + --pivot_filter_group_color: RGBA(var(--neutral_200)); + --pivot_filter_group_border: 1px solid RGBA(var(--neutral_500)); + --pivot_filter_group_hover_bg: RGBA(var(--neutral_800)); + --pivot_filter_group_active_bg: RGBA(var(--neutral_700)); + --pivot_filter_group_active_color: RGBA(var(--neutral_200)); + --pivot_icon_plus_color: RGBA(var(--neutral_400)); + --pivot_icon_plus_color_active: RGBA(var(--neutral_200)); + --pivot_icon_plus_bg_active: RGBA(var(--neutral_600)); + --pivot_icon_plus_color_hover: RGBA(var(--neutral_300)); + --pivot_icon_plus_bg_hover: RGBA(var(--neutral_700)); + --pivot_treeview_item_focused_bg: RGBA(var(--neutral_600)); + --pivot_icon_remove_color: RGBA(var(--red_400)); + --pivot_icon_remove_color_hover: RGBA(var(--red_400)); + --pivot_icon_remove_bg_hover: RGBA(var(--neutral_700)); + --pivot_icon_remove_color_focus: RGBA(var(--neutral_600)); + --pivot_icon_remove_bg_focus: RGBA(var(--neutral_600)); + --pivot_filter_field_bg: RGBA(var(--blue_400), 0.8); + --pivot_filter_color: RGBA(var(--neutral_950)); + --pivot_filter_field_bg_hover: RGBA(var(--blue_400), 0.6); + --pivot_filter_color_hover: RGBA(var(--neutral_950)); + --pivot_filter_field_bg_active: RGBA(var(--blue_400)); + --pivot_filter_color_active: RGBA(var(--neutral_950)); + --pivot_filter_operation_bg: RGBA(var(--emerald_300), 0.6); + --pivot_filter_color: RGBA(var(--neutral_950)); + --pivot_filter_operation_bg_hover: RGBA(var(--emerald_300), 0.5); + --pivot_filter_color_hover: RGBA(var(--neutral_950)); + --pivot_filter_operation_bg_active: RGBA(var(--emerald_300), 0.8); + --pivot_filter_color_active: RGBA(var(--neutral_950)); + --pivot_filter_value_bg: RGBA(var(--neutral_400)); + --pivot_filter_value_color: RGBA(var(--neutral_950)); + --pivot_filter_value_bg_hover: RGBA(var(--neutral_400), 0.8); + --pivot_filter_value_color_hover: RGBA(var(--neutral_950)); + --pivot_filter_value_bg_active: RGBA(var(--neutral_300)); + --pivot_filter_value_color_active: RGBA(var(--neutral_950)); + --pivot_treeview_item_selected_color: RGBA(var(--neutral_200)); + --pivot_treeview_item_selected_bg: RGBA(var(--neutral_600)); + --pivot_treeview_item_selected_bg_hover: RGBA(var(--neutral_700)); + --pivot_treeview_item_without_checkbox_bg: RGBA(var(--neutral_800)); + --pivot_dropdown_icon_color: RGBA(var(--neutral_400)); + --pivot_dropdown_icon_bg: RGBA(var(--neutral_700)); + --pivot_selectbox_bg: RGBA(var(--neutral_800)); + --pivot_list_hover_bg: RGBA(var(--neutral_600)); + --pivot_dropdown_icon_color_active: RGBA(var(--neutral_200)); + --pivot_dropdown_icon_bg_active: RGBA(var(--neutral_600)); + --pivot_list_selected_bg: RGBA(var(--neutral_700)); + --pivot_list_selected_color: RGBA(var(--neutral_200)); + --pivot_list_selected_icon_color: RGBA(var(--neutral_400)); + --pivot_list_active_bg: RGBA(var(--neutral_600)); + --pivot_list_active_color: RGBA(var(--neutral_200)); + --pivot_list_icon_color_active: RGBA(var(--neutral_400)); + --pivot_list_focused_bg: RGBA(var(--neutral_700), 0.4); + --pivot_list_focused_color: RGBA(var(--neutral_200)); + --pivot_filter_icon_color: RGBA(var(--neutral_300)); + --pivot_numberbox_spin_icon_color: RGBA(var(--neutral_300)); + --pivot_numberbox_spin_icon_bg: RGBA(var(--neutral_800)); + --pivot_numberbox_spin_icon_bg_hover: RGBA(var(--neutral_700)); + --pivot_numberbox_spin_icon_shadow_hover: none; + --pivot_numberbox_spin_icon_bg_active: RGBA(var(--neutral_900)); + --pivot_numberbox_spin_icon_color_active: RGBA(var(--neutral_200)); + --pivot_calendar_bg: RGBA(var(--neutral_900)); + --pivot_calendar_color: RGBA(var(--neutral_300)); + --pivot_calendar_cell_color: RGBA(var(--neutral_200)); + --pivot_calendar_empty_cell_color: RGBA(var(--neutral_500)); + --pivot_calendar_today_color: RGBA(var(--green_500)); + --pivot_calendar_hover_bg: RGBA(var(--neutral_700)); + --pivot_calendar_hover_color: RGBA(var(--neutral_200)); + --pivot_calendar_active_bg: RGBA(var(--neutral_700), 0.4); + --pivot_calendar_contoured_date_shadow: 0 0 0 2px RGBA(var(--green_400)); + --pivot_calendar_selected_bg: transparent; + --pivot_calendar_selected_color: RGBA(var(--neutral_200)); + --pivot_btn_outlined_bg: transparent; + --pivot_border_outlined_color: RGBA(var(--neutral_700)); + --pivot_calendar_navigator_color: RGBA(var(--neutral_200)); + --pivot_outlined_icon_color: RGBA(var(--neutral_400)); + --pivot_btn_outlined_bg_hover: RGBA(var(--neutral_700)); + --pivot_border_outlined_color_hover: RGBA(var(--neutral_600)); + --pivot_btn_outlined_bg_focused: RGBA(var(--neutral_600)); + --pivot_border_outlined_color_focused: RGBA(var(--neutral_500)); + --pivot_btn_outlined_bg_active: RGBA(var(--neutral_600)); + --pivot_border_outlined_color_active: RGBA(var(--neutral_500)); + --pivot_outlined_icon_color_active: RGBA(var(--neutral_100)); + --pivot_btn_bg_hover: RGBA(var(--neutral_800)); + --pivot_filter_btn_fg: RGBA(var(--neutral_200)); + + --pivot_color1: RGBA(var(--neutral_400)); + --pivot_color2: RGBA(var(--neutral_200)); + --pivot_color3: RGBA(var(--neutral_200)); + --pivot_color4: RGBA(var(--neutral_900)); + --pivot_color5: RGBA(var(--neutral_950)); + --pivot_color6: RGBA(var(--neutral_200)); + --pivot_color7: RGBA(var(--neutral_200)); + --pivot_color8: RGBA(var(--neutral_700)); + --pivot_color9: RGBA(var(--neutral_600)); + --pivot_color10: RGBA(var(--emerald_300)); + --pivot_color11: RGBA(var(--neutral_200)); + --pivot_color12: RGBA(var(--neutral_950)); + --pivot_color13: RGBA(var(--neutral_900)); + + /* ThreadComments */ + --threadscommends_main_bg: RGBA(var(--neutral_800), 1); + --threadscommends_panel_border: none; + --threadscommends_panel_color: RGBA(var(--neutral_300)); + --threadscommends_panel_hover_color: RGBA(var(--neutral_200)); + --threadscommends_panel_bg: RGBA(var(--neutral_900), 1); + --threadscommends_panel_hover_bg: RGBA(var(--neutral_700), 1); + --threadscommends_panel_icon_color: RGBA(var(--emerald_300), 1); + + --comment_c_end_border: none; + --comment_c_h_author_color: RGBA(var(--neutral_200)); + --comment_c_h_status_color: RGBA(var(--emerald_300)); + --comment_c_h_status_hover: RGBA(var(--neutral_950)); + --comment_c_h_status_cursor: pointer; + --comment_c_h_date_color: RGBA(var(--neutral_400)); + --comment_c_h_source_color: RGBA(var(--neutral_400)); + --comment_ball_border: 1px solid RGBA(var(--neutral_900)); + --comment_c_h_source_val_color: RGBA(var(--blue_400)); + --comment_c_h_draft_color: RGBA(var(--orange_400)); + --comment_c_h_nocomments_color: RGBA(var(--blue_400)); + --comment_c_btn_hover_shadow: none; + --comment_c_btn_hover_bg: RGBA(var(--neutral_700)); + --comment_c_btn_icon_color: RGBA(var(--neutral_400)); + --comment_c_btn_r_color: RGBA(var(--neutral_200)); + --comment_c_btn_r_icon_color: RGBA(var(--neutral_400)); + --comment_c_btn_green_color: RGBA(var(--emerald_300)); + --comment_c_btn_fg: RGBA(var(--neutral_200)); + --comment_c_like_icon_color: RGBA(var(--neutral_400)); + --comment_c_like_icon_ac_color: RGBA(var(--emerald_300)) !important; + --comment_c_like_green_color: RGBA(var(--neutral_300)); + --comment_c_like_blue_color: RGBA(var(--neutral_200)); + --comment_fav_icon_color: RGBA(var(--neutral_400)); + --comment_fav_color: RGBA(var(--neutral_200)); + --comment_fav_icon_ac_color: RGBA(var(--yellow_400)); + --comment_base_text_color: RGBA(var(--neutral_200)); + --comment_base_text_bg: RGBA(var(--neutral_900)); + --comment_text_con_bg: RGBA(var(--neutral_900), 1); + --comment_text_con_color: rgb(var(--neutral_300)); + --comment_text_con_border: none; + --comment_btn_more_icon_color: RGBA(var(--emerald_300)); + --comment_btn_more_hover_bg: RGBA(var(--neutral_700)); + --comment_btn_more_hover_border: none; + --comment_btn_more_con_border: 1px solid RGBA(var(--neutral_700)); + --comment_btn_more_con_bg: RGBA(var(--neutral_800)); + --comment_base_show_more_color: RGBA(var(--blue_400)); + --comment_base_show_more_shadow: inset 1px 0px 0px 0px RGBA(var(--neutral_400)); + --comment_val_bg: transparent; + --comment_val_border: 1px solid RGBA(var(--neutral_700)); + --comment_val_c_h_author_color: RGBA(var(--neutral_400)); + --comment_file_bg: RGBA(var(--blue_500), 0.3); + --comment_file_border: none; + --comment_file_color: RGBA(var(--neutral_300)); + --comment_file_icon_color: RGBA(var(--neutral_300)); + --comment_base_link_color: RGBA(var(--blue_400)); + --comment_color: RGBA(var(--neutral_300)); + + --thread_bg: RGBA(var(--neutral_900), 1); + --thread_border: none; + --thread_title_color: RGBA(var(--neutral_200)); + --thread_footer_bg: RGBA(var(--neutral_950)); + --thread_footer_color: RGBA(var(--neutral_300)); + --thread_footer_border: 1px solid RGBA(var(--neutral_700)); + --thread_footer_hover_bg: RGBA(var(--neutral_700)); + --thread_footer_hover_color: RGBA(var(--neutral_200)); + --thread_footer_btn_icon_color: RGBA(var(--emerald_300)); + --thread_editor_bg: transparent; + --thread_modal_bg: RGBA(var(--neutral_900)); + --thread_modal_header_icon_color: var(--question); + --thread_modal_text_color: RGBA(var(--neutral_200), 1);; + --thread_modal_bts_color: RGBA(var(--neutral_200), 1); + --thread_modal_bts_fs: 1em; + --threads_modal_overlay_bg: RGBA(var(--neutral_700), 0.7); + --threads_modal_con_bg: RGBA(var(--neutral_800)); + --th_btn_cancel_fg: RGBA(var(--neutral_200)); + --th_btn_cancel_bg: RGBA(var(--neutral_700)); + --th_btn_cancel_hover: RGBA(var(--neutral_600)); + --th_btn_cancel_border: none; + --th_btn_draft_fg: RGBA(var(--emerald_300)); + --th_btn_draft_bg: RGBA(var(--neutral_700)); + --th_btn_save_fg: RGBA(var(--neutral_0)); + --th_btn_save_bg: RGBA(var(--emerald_400), 0.9); + --th_btn_save_hover: RGBA(var(--emerald_400), 0.6); + --th_btn_save_fs: 14px; + --th_chips_default_color: RGBA(var(--neutral_300)); + --th_btn_active_bg: transparent; + --th_btn_active_border: 1px solid RGBA(var(--neutral_700)); + + /* TestRecorder */ + --recorder_bg: rgb(255 140 0); + --recorder_color: var(--theme_command_fg); + --recorder_border_fg: 1px solid RGBA(var(--pureBlack)); + --recorder_shadow: 0 0 0 1px RGBA(var(--pureBlack)), 0 2px 3px RGBA(var(--pureBlack)); + --recorder_active_shadow: var(--theme_shadow_hover_btn); + --recorder_button_active_bg: RGBA(var(--verylightGray5)); + --recorder_button_active_color: RGBA(255, 42, 42); + --recorder_button_active_shadow: var(--theme_shadow_active); + --recorder_button_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --recorder_button_hover_shadow: var(--theme_shadow_hover_btn); + --recorder_button_disabled_color: RGBA(var(--darkGray)); + --recorder_stop_box_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1), 0 2px 3px RGBA(var(--pureBlack), 0.1); + --recorder_stop_bcg: RGBA(var(--verylightGray), 1); + + /* DropZone */ + --drop_zone_outline_fg: RGBA(var(--neutral_800)); + --drop_zone_text_fg: RGBA(var(--neutral_800)); + --drop_zone_bg: RGBA(var(--neutral_600)); + + /* Fido Window */ + --mfa_svg_fill: RGBA(var(--neutral_300)); + --mfa_label_fg: RGBA(var(--neutral_200)); + --mfa_font_family: inherit; + + /* Kanban */ + --kanban_default_operator_bg: RGBA(var(--theme), 1); + --kanban_list_fg: RGBA(var(--neutral_200), 1); + --kanban_list_bg: RGBA(var(--neutral_800), 1); + --kanban_item_bg: RGBA(var(--neutral_700), 1); + --kanban_item_fg: RGBA(var(--neutral_200), 1); + --kanban_item_text_fg: RGBA(var(--neutral_300), 1); + --kanban_item_border: 0; + --kanban_item_box_shadow: none; + + /* TimelineClock */ + --timeline_bg: RGBA(var(--neutral_800), 1); + --timeline_fg: var(--theme_primary_text); + --timeline_hour_circle: RGBA(68, 68, 68, 1); + --timeline_area_circle: RGBA(67, 97, 100, 1); + --timeline_text_fg: RGBA(220, 220, 220, 1); + --timeline_indicator: RGBA(255, 50, 130, 1); + --timeline_current_time_circle: RGBA(50, 50, 50, 1); + + /* FolderTabBar */ + --folder_tab_item_bg: rgb(57, 62, 62); + --folder_tab_item_fg: RGBA(var(--pureBlack), 1); + --folder_tab_item_ac_bg: rgb(0, 114, 61); + --folder_tab_item_ac_fg: RGBA(var(--neutral_0), 1); + + /* WaitingIndicator */ + --wi_color1: RGBA(var(--green_50)); + --wi_color2: RGBA(var(--green_200)); + --wi_color3: RGBA(var(--green_400)); + --wi_color4: RGBA(var(--green_500)); + --wi_icon: RGBA(var(--neutral_300)); + --wi_bg: RGBA(var(--neutral_800)); + --wi_fg: RGBA(var(--neutral_100)); + + /* Skeleton */ + --skeleton_bg: rgb(23, 23, 23); + --skeleton_highlight_bg: rgb(38, 38, 38); +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/standard/PaletteDarkMobile.css b/soneta-ui-style/wzorce/css/standard/PaletteDarkMobile.css new file mode 100644 index 0000000..a13c4f6 --- /dev/null +++ b/soneta-ui-style/wzorce/css/standard/PaletteDarkMobile.css @@ -0,0 +1,1277 @@ +.PaletteDarkMobile { + /* Neutral */ + --neutral_1000: 0, 0, 0; /* HEX: #000000 */ + --neutral_950: 10, 10, 10; /* HEX: #0A0A0A */ + --neutral_900: 23, 23, 23; /* HEX: #171717 */ + --neutral_850: 33, 33, 33; /* HEX: #212121 */ + --neutral_800: 38, 38, 38; /* HEX: #262626 */ + --neutral_700: 64, 64, 64; /* HEX: #404040 */ + --neutral_600: 82, 82, 82; /* HEX: #525252 */ + --neutral_500: 115, 115, 115; /* HEX: #737373 */ + --neutral_400: 133, 139, 137; /* HEX: #858B89 */ + --neutral_300: 212, 212, 212; /* HEX: #D4D4D4 */ + --neutral_200: 229, 229, 229; /* HEX: #E5E5E5 */ + --neutral_150: 237, 237, 237; /* HEX: #EDEDED */ + --neutral_100: 245, 245, 245; /* HEX: #F5F5F5 */ + --neutral_50: 252, 252, 252; /* HEX: #FCFCFC */ + --neutral_10: 250, 250, 250; /* HEX: #FAFAFA */ + --neutral_0: 255, 255, 255; /* HEX: #FFFFFF */ + + /* Red/Error */ + --red_700: 185, 28, 28; /* HEX: #B91C1C */ + --red_600: 220, 38, 38; /* HEX: #DC2626 */ + --red_500: 239, 68, 68; /* HEX: #EF4444 */ + --red_400: 248, 113, 113; /* HEX: #F87171 */ + + /* Green */ + --green_600: 8, 92, 0; /* HEX: #085C00*/ + --green_500: 9, 116, 0; /* HEX: #097400*/ + --green_400: 16, 194, 0; /* HEX: #10C200 */ + --green_300: 40, 255, 20; /* HEX: #28FF14 */ + --green_200: 110, 255, 97; /* HEX: #6EFF61 */ + --green_100: 185, 255, 179; /* HEX: #B9FFB3 */ + --green_10: 169, 188, 55; /* HEX: #A9BC37 */ + + /* Brand */ + --brand_700: 1, 68, 43; /* HEX: #01442B */ + --brand_600: 1, 84, 54; /* HEX: #015436 */ + --brand_500: 1, 110, 70; /* HEX: #016E46 */ + --brand_400: 19, 120, 83; /* HEX: #137853 */ + --brand_300: 58, 142, 111; /* HEX: #3A8E6F */ + + /* Blue */ + --blue_900: 30, 58, 138; /* HEX: #1E3A8A */ + --blue_800: 30, 64, 175; /* HEX: #1E40AF */ + --blue_700: 29, 78, 216; /* HEX: #1D4ED8 */ + --blue_600: 37, 99, 235; /* HEX: #2563EB */ + --blue_500: 59, 130, 246; /* HEX: #3B82F6 */ + --blue_400: 96, 165, 250; /* HEX: #60A5FA */ + --blue_300: 142, 197, 255; /* HEX: #8EC5FF */ + --blue_200: 92, 176, 255; /* HEX: #5CB0FF */ + --blue_100: 173, 216, 255; /* HEX: #ADD8FF */ + --blue_50: 239, 246, 255; /* HEX: #EFF6FF */ + + /* Yellow */ + --yellow_600: 208, 135, 0; /* HEX: #D08700 */ + --yellow_500: 240, 177, 0; /* HEX: #F0B100 */ + --yellow_400: 243, 217, 48; /* HEX: #F3D930 */ + + /* Emerald */ + --emerald_200: 102, 234, 151; /* HEX: #66EA97 */ + --emerald_300: 30, 220, 100; /* HEX: #1edc64 */ + --emerald_400: 19, 144, 65; /* HEX: #139041 */ + --emerald_500: 9, 67, 30; /* HEX: #09431E */ + + /* Orange */ + --orange_400: 251, 146, 60; /* HEX: #FB923C */ + --orange_500: 249, 115, 22; /* HEX: #F97316 */ + + /* Amber */ + --amber_500: 220, 137, 12; /* HEX: #DC890C */ + + /* Gray */ + --gray_500: 177, 179, 180; /* HEX: #B1B3B4 */ + --gray_400: 2193, 194, 195; /* HEX: #C1C2C3 */ + --gray_300: 208, 209, 210; /* HEX: #D0D1D2 */ + + /* Brand */ + --brand_700: 1, 66, 42; /* HEX: #01422A */ + --brand_600: 1, 84, 54; /* HEX: #015436 */ + --brand_500: 1, 110, 70; /* HEX: #016E46 */ + --brand_300: 2, 187, 119; /* HEX: #02BB77 */ + --brand_200: 2, 227, 145; /* HEX: #02E391 */ + + /* Brand OP - Black */ + --brand_90: 1, 99, 63; /* HEX: #01633F */ + --brand_80: 1, 88, 56; /* HEX: #015838 */ + --brand_70: 1, 77, 49; /* HEX: #014D31 */ + --brand_60: 1, 66, 42; /* HEX: #01422A */ + --brand_50: 1, 55, 35; /* HEX: #013723 */ + --brand_black_50: 1, 55, 35; /* HEX: #013723 */ + + /* Brand OP - White */ + --brand_10: 230, 241, 237; /* HEX: #E6F1ED */ + + /* Effects - Dark */ + --light_mode_s: 0px 0px 12px RGBA(255, 255, 255, 0.06); /* TYPE: Light Mode S */ + --light_mode_m: 0px 0px 20px RGBA(255, 255, 255, 0.10); /* TYPE: Light Mode M */ + --light_mode_l: 0px 0px 30px RGBA(255, 255, 255, 0.16); /* TYPE: Light Mode L */ + + /* MOON COLORS */ + + --moon_desaturated-gray: 127, 133, 163; + --moon_dark-blue: 62, 104, 215; + --moon_blue: 130, 170, 255; + --moon_sky-blue: 101, 188, 255; + --moon_cyan: 134, 225, 252; + --moon_red: 255, 117, 127; + --moon_dark-red: 255, 83, 112; + --moon_light-red: 255, 152, 164; + --moon_yellow: 255, 199, 119; + --moon_orange: 255, 150, 108; + --moon_dark-orange: 252, 123, 123; + --moon_teal: 79, 214, 190; + --moon_green: 195, 232, 141; + --moon_purple: 192, 153, 255; + --moon_pink: 252, 167, 234; + --moon_indigo: 122, 136, 207; + --moon_indigo_light: 162, 177, 255; + --moon_bright-cyan: 180, 249, 248; + + --moon_gray-10-alt: 188, 196, 214; + --moon_gray-10: 200, 211, 245; + --moon_gray-9: 180, 194, 240; + --moon_gray-8: 169, 184, 232; + --moon_gray-7: 130, 139, 184; + --moon_gray-6: 68, 74, 115; + --moon_gray-5: 47, 51, 77; + --moon_gray-4: 34, 36, 54; + --moon_gray-3: 30, 32, 48; + --moon_gray-2: 25, 26, 42; + --moon_gray-1: 6, 6, 7; + + --defaultFont: Arial; + --primaryFont: "FiraSans", Arial; + --secondaryFont: "FiraSansLight", Arial; + --primaryMediumFont: 'ROBOTO-Medium', 'Segoe UI', Arial; + + --group_title_font_size: 12pt; + + --white: 255, 255, 255; + + --lightGray: 208, 208, 208; + --lightGray2: 213, 213, 213; + --lightGray3: 187, 187, 187; + --lightGray4: 172, 172, 172; + --lightGray5: 212, 212, 212; + + --lightGreen: 9, 116, 0; + + --verylightGray: 242, 242, 242; + --verylightGray2: 224, 224, 224; + --verylightGray4: 234, 234, 234; + --verylightGray5: 229, 229, 229; + --verylightGray6: 193, 193, 193; + --verylightGray7: 245, 245, 245; + + --darkGray: 140, 140, 140; + --darkGray2: 128, 128, 128; + --verydarkGray: 70, 70, 70; + --verydarkGray2: 95, 95, 95; + + --darkGreen: 27, 94, 32; + --darkGreen3: 100, 146, 0; + + --pureBlack: 0, 0, 0; + --mostlyBlack: 45, 45, 45; + --strongYellow: 200, 200, 50; + --strongOrange: 255, 152, 0; + --strongRed: 220, 20, 0; + --strongGreen: 60, 130, 50; + --strongBlue: 0, 73, 248; + + --mostlydesaturateddarkBlue: 94, 134, 152; + --lightdesaturateddarkBlue: 120, 170, 195, 0.85; + --verypaleYellow: 255, 250, 208; + + --vividBlue: 34, 34, 255; + --vividLimeGreen: 34, 255, 34; + --vividOrange: 255, 165, 34; + --vividRed: 255, 34, 34; + + --palette_premium_blue: 59, 134, 255; + --palette_premium_green: 61, 207, 120; + --palette_premium_gray: 66, 82, 109; + --palette_premium_orange: 255, 157, 0; + --palette_premium_red: 214, 36, 77; + --palette_premium_turquise: 66, 210, 212; + + --palette_premium_darkgreen: 43, 157, 31; + --palette_premium_lightgray: 229, 233, 243; + + --theme: var(--brand_600); + --themeContrast: var(--white); + --theme_contrast: var(--white); + --themeAccent: var(--moon_gray-7); + --themeAccentContrast: var(--white); + --primaryText: var(--neutral_0); + --secondaryText: 114, 114, 114; + --labelColor: var(--neutral_500); + --menuBackground: RGBA(var(--neutral_850)); + --menuBackgroundContrast: RGBA(var(--strongContrast2), 1); + --theme_bg: RGBA(var(--neutral_800), 1); + --theme_darkprimary_fg: RGBA(var(--moon_gray-7), 1); + --theme_accent: RGBA(var(--moon_indigo_light), 1); + --theme_primary_text: RGBA(var(--white), 1); + --theme_input_cleable_icon: RGBA(255, 255, 255, 1); + --theme_shadow: 1px 1px 10px 1px RGBA(var(--moon_gray-1), 1); + --theme_overlay_bg: RGBA(var(--moon_gray-1), 0.4); + --theme_gradient_from: RGBA(130, 170, 255, 0.3); + + --theme_editor_fg: RGBA(var(--mostlyBlack), 1); + --theme_editor_bg: RGBA(var(--neutral_800)); + --theme_editor_border: RGBA(var(--moon_gray-6), 1); + --theme_editor_common_border: 1px solid RGBA(var(--neutral_600)); + --theme_editor_disabled_fg: RGBA(var(--moon_gray-6), 1); + --theme_editor_disabled_bg: RGBA(var(--moon_gray-5), 1); + --theme_editor_disabled_border: RGBA(var(--moon_gray-6), 1); + --theme_editor_focused_bg: RGBA(25, 26, 42, 1); + --theme_editorlabel_topside_fg: RGBA(var(--moon_gray-7), 1); + --theme_editor_label_disabled_fg: RGBA(var(--moon_gray-7), 1); + --theme_editor_label_border: RGBA(var(--moon_gray-6), 1); + + --theme_window_main_bg: RGBA(var(--moon_gray-2), 1); + + --theme_shadow_active: 0 0 1px 1px rgba(175, 175, 175, 0.1), 0 0 1px 1px rgba(175, 175, 175, 0.2); + --theme_shadow_btn: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --theme_shadow_hover_btn: 0 0 0 1px RGBA(var(--pureBlack), 0.1), 1px 1px 6px 2px RGBA(var(--pureBlack), 0.2); + + --theme_command_bg: RGBA(var(--moon_gray-6), 1); + --theme_command_bg_hover: RGBA(var(--moon_gray-8), 1); + --theme_command_fg: var(--theme_accent); + --theme_command_fg_hover: RGBA(var(--moon_gray-5), 1); + --theme_command_important_bg: var(--theme); + --theme_command_important_fg: RGBA(var(--moon_gray-2), 1); + --theme_body_fg: rgb(255, 192, 203); + --theme_body_bg: RGBA(var(--neutral_900)); + --theme_border: 1px solid RGBA(var(--neutral_600), 1); + --theme_border_light: 1px solid RGBA(var(--moon_gray-3), 1); + --theme_border2: RGBA(var(--theme), 0.3); + --theme_text_icon: RGBA(var(--moon_gray-2), 1); + --theme_blink_normal: RGBA(var(--lightContrast1), 0.2); + --theme_blink_blue: rgba(154, 219, 249, 0.2); + --theme_accent_opacity: RGBA(var(--theme_accent), 0.7); + --theme_divider: RGBA(var(--moon_dark-blue), 1); + --theme_form_bg: RGBA(var(--background), 1); + --theme_layer_bg: RGBA(var(--almostfullContrast), 0); + --theme_tap_highlight: RGBA(var(--fullContrast), 0); + --theme_light_shadow: RGBA(var(--almostfullContrast), 0.4); + + --theme_hover_shadow: 0 0 0 1px RGBA(var(--theme_box_shadow), 0.1), 1px 1px 6px 2px RGBA(var(--theme_box_shadow), 0.2); + --theme_active_shadow: 0 0 1px 1px RGBA(var(--theme_box_shadow_light), 0.1), 0 0 1px 1px RGBA(var(--theme_box_shadow_light), 0.2); + + --theme_link_fg: rgb(34, 34, 255); + --theme_error: rgb(220, 20, 0); + --theme_warning: rgb(255, 152, 0); + --theme_info: rgb(60, 130, 50); + --theme_question: RGBA(var(--themeAccent), 1); + + --defaultFont: 'ROBOTO', 'Segoe UI', Arial; + --primaryFont: "FiraSans", Arial; + --secondaryFont: var(--defaultFont); + + --window_top_margin: 56px; + --window_pathbar_height: 48px; + --window_bottom_margin: 75px; + --window_footer_height: 30px; + --window_padding: 8px; + + --font_size_label: 14px; + --font_size_body: 14px; + --font_size_button: 14px; + --font_size_input: 16px; + --font_size_title: 16px; + --font_size_special: 24px; + + /* FIELD SIZE*/ + --field_height: 60px; + --field_min_height: 53px; + --field_padding_top: 12px; + --field_padding_bottom: 4px; + + --input_height: 22px; + --input_margin_bottom: 4px; + + --editorlabel_height: 18px; + --editorlabel_margin_bottom: 4px; + + --background: var(--neutral_900); + --backgroundContrast: var(--pureBlack); + + /* SKALA SZAROŚCI OD TŁA GŁÓWNEGO */ + --verylightContrast1: 245, 245, 245; + --verylightContrast2: 242, 242, 242; + --verylightContrast3: 234, 234, 234; + --verylightContrast4: 229, 229, 229; + --verylightContrast5: 224, 224, 224; + + --lightContrast1: 213, 213, 213; + --lightContrast2: 208, 208, 208; + --lightContrast3: 193, 193, 193; + --lightContrast4: 187, 187, 187; + --lightContrast5: 172, 172, 172; + + --strongContrast1: 140, 140, 140; + --strongContrast2: 128, 128, 128; + --verystrongContrast1: 95, 95, 95; + --verystrongContrast2: 70, 70, 70; + + --almostfullContrast: var(--mostlyBlack); + --fullContrast: var(--pureBlack); + + /*------------------------------------------------*/ + + /* PARTIAL */ + --theme_icon: RGBA(var(--white), 1); + --theme_box_shadow: RGBA(var(--pureBlack), 1); + --theme_box_shadow_light: RGBA(var(--lightContrast5), 1); + --theme_content_icon: RGBA(var(--themeAccent), 1); + --theme_content_title_fg: RGBA(var(--themeAccent), 1); + + /* INPUT EDITOR */ + --input_bg: RGBA(var(--neutral_800)); + --input_disabled_bg: RGBA(var(--neutral_700), 1); + --input_border: 1px solid RGBA(var(--neutral_600)); + --input_focused_border: 1px solid RGBA(var(--brand_300), 1); + --input_text_editor_fg: RGBA(255, 255, 255, 1); + --input_text_editor_bg: RGBA(var(--neutral_800)); + --input_focused_fg: RGBA(var(--neutral_100)); + --input_shadow_disabled: 1px 1px 1px RGBA(var(--white), 1); + --input_text_asteriks_focus_bg: RGBA(var(--neutral_700)); + --input_text_asteriks_bg: RGBA(var(--neutral_600)); + --input_text_asteriks_color: RGBA(var(--neutral_900)); + --input_text_asteriks_border: 1px solid RGBA(var(--neutral_700)); + --input_caret_color: inherit; + + /* INPUT SEARCH */ + --input_search_fg: RGBA(var(--white), 1); + --input_search_placeholder_fg: RGBA(var(--white), 0.6); + --input_search_icon: RGBA(var(--white), 0.8); + + /* WINDOW */ + --window_bg: RGBA(var(--background), 1); + + /* TEST WINDOW */ + --test_active_box_shadow: rgb(208, 208, 208); + --test_window_bg: rgb(60, 60, 60); + --test_window_fg: rgb(172, 172, 172); + --test_window_header_bg: rgb(70, 70, 70); + --test_window_header_run_bg: rgb(60, 60, 60); + --test_window_header_run_title_fg: rgb(238, 170, 0); + --test_window_header_search_bg: RGBA(var(--mostlyBlack), 1); + --test_window_header_search_fg: rgb(238, 170, 0); + --test_window_header_search_border: rgb(238, 170, 0); + --test_window_header_search_placeholder: rgb(187, 187, 187); + --test_window_header_search_focus: rgb(238, 170, 0); + --test_window_item_bg: RGBA(var(--mostlyBlack), 1); + --test_window_item_border: rgb(70, 70, 70); + --test_window_item_box_shadow: RGBA(var(--mostlyBlack), 1); + --test_window_item_title_fg: rgb(213, 213, 213); + --test_window_item_info_fg: rgb(213, 213, 213); + --test_window_item_hover_border: rgb(70, 70, 70) 2; + --test_window_item_hover_title_fg: rgb(238, 170, 0); + --test_window_item_hover_info_fg: rgb(220, 20, 0); + --test_window_item_hover_active_border: rgb(70, 70, 70); + --test_finished_bg: RGBA(var(--mostlyBlack), 1); + --test_finished_title_fg: rgb(187, 187, 187); + --test_finished_failed_title_fg: rgb(253, 61, 61); + + /* WIZARD */ + --wizard_bg: RGBA(var(--background), 1); + --wizard_buttons_bg: inherit; + --wizard_buttons_border: var(--theme_border); + --wizard_command_fg: RGBA(var(--themeAccent), 1); + --wizard_headerbar_bg: RGBA(var(--themeAccent), 1); + --wizard_headerbar_fg: RGBA(var(--themeAccentContrast), 1); + --wizard_headerbar_icon: RGBA(var(--themeAccentContrast), 1); + --wizard_title_bg: RGBA(var(--themeAccent), 1); + --wizard_label_fg: RGBA(var(--secondaryText), 1); + --wizard_title_fg: RGBA(var(--white), 1); + --wizard_steps_bar_fg: RGBA(var(--neutral_200)); + --wizard_steps_bar_point_bg: RGBA(var(--neutral_600)); + --wizard_steps_bar_point_active_bg: RGBA(var(--white)); + --wizard_steps_bar_point_active_border: RGBA(var(--brand_500)); + + /* CHECKBOX */ + --checkbox_checked: RGBA(var(--theme)); + --checkbox_disabled: RGBA(var(--neutral_700), 1); + --checkbox_disabled_color: RGBA(var(--neutral_700), 1); + --checkbox_disabled_icon: RGBA(91, 95, 94, 1); + --checkbox_border: 2px solid RGBA(var(--neutral_400)); + --checkbox_border_checked: 2px solid var(--checkbox_checked); + --checkbox_border_unchecked: 2px solid RGBA(var(--neutral_400), 1); + --checkbox_border_disabled: 2px solid RGBA(var(--neutral_700), 1); + --checkbox_icon_bg: RGBA(var(--white), 1); + --checkbox_fill_color: RGBA(var(--white)); + --checkbox_tap_highlight: var(--theme_tap_highlight); + --checkbox_bg: RGBA(var(--theme)); + --checkbox_bg_2: RGBA(var(--neutral_500)); + --checkbox_bg_disabled: RGBA(var(--neutral_500)); + --checkbox_checked_after_color: RGBA(var(--neutral_300)); + --checkbox_checked_after_color_2: RGBA(var(--white)); + --checkbox_unchecked_color: RGBA(var(--neutral_500)); + --checkbox_unchecked_color_2: RGBA(var(--neutral_300)); + --checkbox_after_border_width: 0 2px 2px 0; + --checkbox_bg_hover: RGBA(var(--theme)); + + /* Chips */ + --chips_fg: RGBA(var(--neutral_0)); + --chips_icon: RGBA(var(--neutral_0)); + --chips_border: 1px solid RGBA(77, 81, 80); + + /* RADIOBUTTON */ + --radiobutton_checked: RGBA(var(--brand_400), 1); + --radiobutton_check: RGBA(var(--brand_400), 1); + --radiobutton_hover: RGBA(var(--brand_400), 1); + --radiobutton_unchecked: RGBA(var(--neutral_400), 1); + --radiobutton_disabled: RGBA(var(--neutral_600), 1); + --radiobutton_bg: var(--theme_editor_bg); + --radiobutton_tap_highlight: var(--theme_tap_highlight); + --radiobutton_checked_color: RGBA(var(--brand_200)); + --radiobutton_unchecked_color: RGBA(var(--neutral_300)); + --radiobutton_icon_disabled: RGBA(var(--neutral_500)); + --radiobutton_chips_fg: RGBA(var(--neutral_200)); + --radiobutton_chips_border: RGBA(var(--neutral_600)); + --radiobutton_chips_checked_fg: RGBA(var(--neutral_200)); + --radiobutton_chips_checked_bg: RGBA(var(--brand_500)); + --radiobutton_chips_disabled_bg: RGBA(var(--neutral_700)); + --radio_split_button_fg: RGBA(var(--neutral_200)); + --radio_split_button_bg: RGBA(var(--neutral_700)); + --radio_split_button_border: RGBA(var(--neutral_700)); + --radio_split_button_checked_fg: RGBA(var(--white)); + --radio_split_button_checked_bg: RGBA(var(--brand_500)); + --radio_split_button_disabled_fg: RGBA(var(--neutral_300)); + --radio_split_button_disabled_bg: RGBA(var(--neutral_600)); + --radio_tab_fg: RGBA(var(--neutral_0)); + --radio_tab_bg: RGBA(var(--neutral_800)); + --radio_tab_border_color: RGBA(var(--neutral_800)); + --radio_tab_border_color_checked: RGBA(0, 114, 61, 1); + + /* RATING */ + --rating_bg: var(--theme_editor_bg); + --rating_star_fg: RGBA(var(--lightContrast1), 1); + --rating_star_shadow: rgb(252, 252, 252); + --rating_star_hover_fg: rgb(254, 203, 22); + --rating_star_hover_shadow: rgb(252, 252, 252) 2px 2px 5px; + --rating_star_checked_fg: rgb(254, 203, 22); + --rating_star_checked_shadow: rgb(252, 252, 252) 2px 2px 5px; + --rating_tap_highlight: var(--theme_tap_highlight); + + /* COMMAND */ + --command_bg: RGBA(var(--moon_gray-6), 1); + --command_icon: RGBA(var(--themeAccent), 1); + --command_fg: RGBA(var(--themeAccent), 1); + --command_circle_bg: RGBA(var(--theme), 1); + --command_circle_fg: RGBA(var(--white), 1); + --command_circle_shadow: 0px 0px 3px 3px RGBA(var(--background), 0.3); + --command_blink_bg: var(--theme_blink_normal); + --command_dashboard_more_icon_bg: RGBA(var(--pureBlack), 0.2); + --command_dashboard_list_fg: var(--command_icon); + --command_dashboard_title_bg: RGBA(0, 0, 0, 1); + --command_dashboard_title_fg: RGBA(255, 255, 255, 1); + --command_dashboard_desc_fg: RGBA(133, 139, 137, 1); + --command_dashboard_more_icon: RGBA(255, 255, 255, 1); + --command_dashboard_border_fg: RGBA(1, 110, 70, 1); + --command_primary_color: RGBA(var(--brand_700)); + --command_text_color: RGBA(var(--neutral_0)); + + --command_important_bg: RGBA(0, 88, 48, 1); + --command_important_fg: RGBA(var(--neutral_0)); + --command_important_border: 1px solid RGBA(0, 88, 48, 1); + --command_important_icon: RGBA(var(--neutral_0)); + --command_secondary_bg: RGBA(var(--neutral_850)); + --command_secondary_fg: RGBA(var(--neutral_0)); + --command_secondary_border: 1px solid RGBA(75, 81, 80, 1); + --command_secondary_icon: RGBA(var(--neutral_0)); + --command_tertiary_bg: inherit; + --command_tertiary_fg: RGBA(var(--neutral_0)); + --command_tertiary_border: unset; + --command_tertiary_icon: RGBA(var(--neutral_0)); + + --command_cube_fg: RGBA(var(--neutral_0)); + --command_cube_bg: RGBA(var(--neutral_800)); + --command_cube_boxshadow: 0 0 20px 0 RGBA(var(--neutral_0), 0.1); + --command_cube_icon_fg: RGBA(var(--neutral_0)); + + /* DATEPICKER */ + --dp_box_bg: RGBA(var(--moon_gray-5), 1); + --dp_header_bg: RGBA(var(--moon_gray-3), 1); + --dp_header_fg: RGBA(var(--moon_blue), 1); + --dp_header_year_fg: RGBA(var(--moon_blue), 1); + --dp_fullday_bg: RGBA(var(--moon_gray-3), 1); + --dp_fullday_fg: RGBA(var(--moon_blue), 1); + --dp_navigation_icon: RGBA(var(--moon_indigo_light), 1); + --dp_navigation_fg: RGBA(var(--moon_blue), 1); + --dp_navigation_bg: RGBA(var(--moon_gray-2), 1); + --dp_element_fg: RGBA(var(--neutral_0)); + --dp_element_active_fg: RGBA(var(--moon_indigo_light), 1); + --dp_selected_day_fg: RGBA(var(--moon_gray-6), 1); + --dp_selected_day_bg: RGBA(var(--moon_gray-7), 1); + --dp_current_day_fg: RGBA(var(--moon_purple)); + --dp_button_fg: RGBA(var(--moon_dark-blue), 1); + --dp_ym_header_bg: RGBA(var(--verystrongContrast2), 1); + --dp_ym_header_fg: RGBA(var(--themeAccentContrast), 1); + --dp_ym_separator: linear-gradient(to bottom, rgba(17, 218, 0, 0) 0%, rgb(9, 116, 0) 54%, rgba(17, 218, 0, 0) 100%); + --dp_ym_level_0_fg: RGBA(var(--neutral_0), 1); + --dp_ym_level_1_fg: rgb(172, 178, 176); + --dp_ym_level_2_fg: rgb(89, 95, 94); + --dp_ym_level_3_fg: rgba(212, 212, 212, 0.10); + --dp_fn_bg: RGBA(var(--background), 1); + --dp_fn_fg: RGBA(var(--moon_gray-9), 0.7); + --dp_day_fg: RGBA(var(--moon_gray-6)); + --dp_day_bg: RGBA(var(--moon_gray-7)); + --dp_item_border: RGBA(var(--verylightContrast5), 1); + --dp_button_icon: RGBA(var(--moon_dark-blue), 1); + --dp_overlay_bg: RGBA(var(--moon_gray-1), 0.7); + --dp_fn_selected_fg: var(--dp_header_fg); + --dp_fn_selected_bg: RGBA(var(--background), 1); + --dp_fn_separator: var(--theme_border); + --dp_shortday_fg: RGBA(var(--neutral_300), 1); + --dp_week_border: var(--theme_border); + --dp_day_range: rgb(var(--moon_gray-7)); + --dp_element_fg: RGBA(var(--neutral_0), 1); + --dp_week_fg: rgb(98, 201, 255); + --dp_shortday_fg: RGBA(var(--lightGray5), 1); + --dp_day_range: RGBA(var(--lightGreen), 1); + --dp_day_selected_bg: rgb(0, 114, 61); + --dp_day_selected_fg: RGBA(var(--neutral_0)); + --dp_day_today_border_color: rgb(0, 209, 0); + --dp_day_today_fg: rgb(0, 209, 0); + --dp_field_border_color: rgb(57, 62, 62); + --dp_field_border_color_active: rgb(0, 209, 0); + --dp_day_border: RGBA(var(--green_500), 0.5); + --dp_in_range_bg: rgb(1, 66, 42); + --dp_in_range_fg: RGBA(var(--neutral_0)); + --dp_bg: rgb(37, 39, 39); + --dp_label: RGBA(var(--gray_500), 1); + --dp_label_border: 1px solid rgb(75, 81, 80); + --dp_label_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --dp_color: RGBA(var(--neutral_0), 1); + --dp_color_placeholder: RGBA(var(--brand_200)); + --dp_arrow: RGBA(var(--pureBlack), 1); + --dp_container_bg: RGBA(var(--neutral_800)); + --dp_navigation_button: RGBA(var(--pureBlack), 1); + --dp_weekdays_fc: RGBA(var(--lightGray5), 1); + --dp_button_color: RGBA(var(--neutral_0)); + --dp_navigation_color: RGBA(var(--neutral_0)); + --dp_border: 1px solid rgb(57, 62, 62); + --dp_label_fg: RGBA(var(--neutral_0)); + --dp_start_color: RGBA(var(--neutral_0)); + --dp_scrollbar_track_color: transparent; + --dp_scrollbar_thumb_bg: transparent; + --dp_scrollbar_thumb_hover_bg: transparent; + --dp_day_of_week_fg: RGBA(var(--neutral_0)); + + /* Buttons */ + --btn_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --btn_primary_bg: rgb(0, 88, 48); + --btn_primary_fg: RGBA(var(--neutral_0)); + --btn_primary_border_color: rgb(0, 88, 48); + --btn_secondary_bg: rgb(37, 39, 39); + --btn_secondary_fg: RGBA(var(--neutral_0)); + --btn_secondary_border_color: rgb(75, 81, 80); + + /* DateScopePicker */ + --dsp_command_fg: RGBA(0, 194, 104); + --dsp_command_bg: transparent; + --dsp_command_disabled_fg: RGBA(163, 163, 163, 1); + --dsp_label_fg: rgb(0, 0, 0); + --dsp_caption_fg: RGBA(var(--neutral_300)); + + + /* ColorPicker */ + --cp_box_bg: RGBA(37, 39, 39); + --cp_box_fg: RGBA(var(--neutral_200)); + --cp_overlay_bg: var(--theme_overlay_bg); + --cp_box_shadow: none; + --cp_empty_bg: repeating-linear-gradient(45deg, rgb(220, 220, 220), rgb(220, 220, 220) 5px, RGBA(var(--white)) 5px, RGBA(var(--white)) 10px); + --cp_empty_icon: RGBA(212, 212, 212); + --cp_box_border: none; + --cp_box_fc: RGBA(var(--white)); + --cp_button_save_bg: RGBA(var(--brand_600)); + --cp_button_box_shadow: 0px 0px 10px RGBA(0, 0, 0, 0.12); + --cp_button_color:RGBA(var(--white)); + --cp_checkbox_bg: RGBA(var(--neutral_850)); + --cp_checkbox_checked_bg: RGBA(var(--brand_300)); + --cp_button_understand_bg: RGBA(var(--brand_700)); + --cp_button_border: 1px solid RGBA(77, 81, 80); + --cp_button_save_color: RGBA(var(--neutral_0)); + --cp_active: 1px solid RGBA(var(--neutral_200)); + + /* TimePicker */ + --tp_bg: RGBA(37, 39, 39); + --tp_sep: RGBA(var(--neutral_0)); + --tp_color: RGBA(var(--neutral_0)); + --tp_border: 1px solid RGBA(77, 81, 80); + --tp_button_ok_bg: RGBA(var(--brand_600)); + --tp_button_ok_fg: RGBA(var(--neutral_0)); + --tp_box_shadow: 0px 0px 10px RGBA(0, 0, 0, 0.12); + --tp_overlay_bg: RGBA(var(--moon_gray-1), 0.4); + --tp_mark: RGBA(12, 66, 46); + --tp_focus: 1px solid RGBA(var(--neutral_0)); + + /* PAGE */ + --page_header_logo: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAAAYCAYAAAAyC/XlAAABLWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAACjPY2BgMnB0cXJlEmBgyM0rKQpyd1KIiIxSYD/PwMbAzAAGicnFBY4BAT4gdl5+XioDKmBkYPh2DUQyMFzWBZnFQBrgSi4oKgHSf4DYKCW1OBlopAGQnV1eUgAUZ5wDZIskZYPZG0DsopAgZyD7CJDNlw5hXwGxkyDsJyB2EdATQPYXkPp0MJuJA2wOhC0DYpekVoDsZXDOL6gsykzPKFEwtLS0VHBMyU9KVQiuLC5JzS1W8MxLzi8qyC9KLElNAaqFuA8MBCEKQSGmAdRooclAZQCKBwjrcyA4fBnFziDEECC5tKgMFhdMxoT5CDPmSDAw+C9lYGD5gxAz6WVgWKDDwMA/FSGmZsjAIKDPwLBvDgDCs0/+1ia4KQAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEQAACxEBf2RfkQAAAAd0SU1FB94MAgwyDojLcmcAAAhqSURBVGje7ZpprF1VFYC/9d6jA68tLQaUFiiDzFiRmYggCmghEAEJGotECVGUCCHQCEFBGwEhkgbRQFQCWkjAAgJSBo2lYimTBCiQCgpCKaVFCqXTo7T9/OE6ZHs89973EJCat5KTfe7Zaw9r7TXvC+sxqKgMwv8ptDpgtacJdxAGDrGeCMIY4EhgP2AzYAOgD5gPzAJujoi1lRBExODJ/q809p2eRz1TXaj2+Z+wLr/PV49vtY9Ovzus/57R/b6wACoRgRrACGAYMBpYDSwDVkZEX4lbY8RwYCzQXazRByzPdmVE2I6Ruf4Y4AbgoAHQcz1wYkQsL+io2tHAh4BnImJ1q/UTtwfYDlgYEa9lX3dan16g3P8yYCWwIiLW1HlSm78r+bMB0AWsA/ra8bP6nXsaCvTk+stKPqpDgCG1vVWwJiLeGIgGDlFPUB+sadwy9Zfqri3GhXq2zbBG/aN6ch5GS81UN1efLLR8IDBdHdEw9wPZP6mTJqunJu71yVjUj7RZ8xn1u+rGbWKZcepZ6h/URepK9YVc49CGPbx18Ooh6oXqTPVZ9SF1RClY6hnqn9RZDc+5Azn8bvUb6tokrk+dlwtX8Jg6rknC1asSZ5H6qDpXfVp9oxg/o+mQco5e9ZYag1eqX1OnqMv7IQTnN5jyG7PvDnV4O7OtPp+4v0hLiDo+mTk36X9MfVxdXKx7qTqsBV2HFXj/UJcWv5eqR9cDX3VsCvSKAne1el9NAHrVm9rwY8ZAou4PqAsKBmykjlJHqrulFVA9vUHLunKM6gW5sVH5jFEnqauy/8ctrMBxaS1KuCc1oVvdSb27H0KwQ02Tdin6dm6j/UelsL6uHl7wJQp6RuYzKr99s1CW7Vrwdlv1nNz/6OTrOXmg5gH2FPibqrOLPU9TP5bnM6oSzMTdJHmkepK6l7pv8Ww/EAtwYE60WN2gQSpPzv7ZHQTgvKZ0Tj22IGrDGk6vemvDYc5MASjXOj732MpF3FSbe4j6u0qw29A/PXGeHEiwpz7cysW0cXXD1CU57i61t7DCF+T3N9UvdAhUx6tPJf7GA0mpuxpw98j29xHxZhWUFcHJrGx36Xek+e/jHwAez/fPljjAKODQdvNUhETEr4AdgEuBlxvQJ6rDi7nfBKqD/2oTo9IyVPRfXvfJRUA2Lq3h3uo+6j7Aszlu53b7rqWpn8rADuCJiFiR72OBr+f7WcAc9Yh89lS7qzkTNgQ+mEHlOHWCOrYeTDYFpz0NjBud7Sj1yJy0hMr3b/Q2M4/XgSX5vnmtb+uMZNsKU0HUq8Bp6jTgW8DxBWo3sCdwT45TnZ3CtyvwbWBymS0A+wNbAasqAajWS5yxwDnAPsAmudeKq73Zbtxh35OBMcD4zHA2BG4CLizQP5nnsArYCbg/DxhgITBDnRwRS3LfI1N5BGYAa4El6mPADyLi6XbZSV0Lvl+YnpUZgJTPqsLM9ssF1HBGFz781FrfF1uY85mdqn9pTs+oZR3HNYy5JN3G4spCFO7nrhx7UV37c9939iP2+HkH/i6o4d+v7lJb78rsW1sEzVPVl4pxUyu3qB5ZuO16vWSR+tFWLqyrzV7XAm9k/l8+VU4/+12oS6z5L8b2ZJ7/Fq+ThrqwTAOWpgX7cqGdWwCHJM7Uuvanazg0LeLktFYjUvN7gR/2c5+XAFOAa4HFwN7AXHVSoaFbFedzbEQcFhGn5fdF2XdMWhEi4pb4F2waEcPSatyRPNgUuKhVhbTJBVR+6BbgjBaHEhGx4F0QgGcHUi1MszwEODh95f5JdEXpc3UTHBEPqw/lmKPVq7MQc0qiTgcWN5jMA7K9JiIubtjP6v5UCyPiR8W3LYC7gW2A89R7I+KZooj2aERML8b2qZelAG0OjG4qHEXEPPUY4IkUmq3UbXLujhZgTrZ7RcTzEfFiw/NuHD7A8xkj9IeRZEHqGuDGPPyyutkH/LmFy/hORSOwmzoUOCm/XZuVs/rSw7N9tR5RZ0oW/Q2Ei0B2PvCbRBlfaP7fsh2aFchSGF9qdX61+Ggl8Eqh6EOb9tUkAE8Af0mpueo9vkdYBtzWSevz/eLMKD7fgrjrImJdE4Mi4j7gwQzGPp0B5BDgEeDBFsFSlRZ+DugqcbIku/ZtZkUTsl1dWNvfZrsjsG0t4v9Mti8Dr7XJljbL0jWJt7CV36wPfkWdAvwMOEE9KiPLRTXUq4BH3qmbt5xnlXpNMnl40T0kzWKX+gngSmDLDlOe3aH/3KTrS0WEPSsiXmiBPzOzly2B59QbMx6oGLBfG8HtAk5Mi3MFsCDvWE7NVBBgLvB0kWo/BWwP3KUeDLyoHpECT+59fgrG91Jx52Tctm3GMWNTMG+IiNf6nQnkpr+SNec1LaLdmxuygFAvy/4zW8w7ssgCTmro7ymi4PLW73z16n7eB5zSrnCTJnhYlrgrWKXu1apwk7RNypvHdjC1xd3KbW3GzFMn1jKBibWMYVnxfq+6YzF3K1ihXt6ukBUdzOy4NFEfzmiyJ8cI3Arc23AbOAE4Crg6Iv7ewtRPzBz9iohY3BDYbQRcV5i7gcBPgNOB1W1u5Sr3d3jWA4allpzfD8WYAOybPru7uH2LNOHTImJegwU4IOnePXm5LmOeWcCMDNzqvnx34Djg41kXWAjcDvw644cqCD4xY6Dt0nIuBR4Cbo+IO5tuGvtzJ1DX7J7a025sV4cSaFTBTYcy6U8HeBM4pdW8rUxzXkqNrOoM7eiq0djT8HR3mKMn6w3VXcLwklf1m8BizIji3qERP/lV0TKiKuOvl/9XqBF3eF4NL8/ilLWbsRXqHHWPdjXvQejnH0Lex0JxYAZaW2f59HXgr8DMiHhkwGZuENYfa/BO4g3CIAxCAf8EmY/1lA0924YAAAAASUVORK5CYII=") no-repeat; + --page_bg: RGBA(var(--theme), 1) var(--page_header_logo) no-repeat center !important; + --page_content_fg: RGBA(var(--strongContrast2), 1); + --page_footer_fg: RGBA(var(--strongContrast2), 1); + --page_shadow: var(--theme_shadow); + + /* FEATURE BAR*/ + --featurebar_bg: RGBA(var(--background), 1); + --featurebar_headerbar_bg: RGBA(var(--moon_gray-1), 1); + --featurebar_headerbar_fg: RGBA(var(--white), 1); + --featurebar_features_bg: RGBA(38,38,38, 1); + --featurebar_features_fg: RGBA(var(--white), 1); + --featurebar_item_fg: RGBA(var(--neutral_150), 1); + --featurebar_item_checked_fg: RGBA(var(--white), 1); + --featurebar_item_icon: RGBA(var(--themeAccent), 1); + --featurebar_check_icon_checked: rgb(0, 130, 71); + --featurebar_check_icon_unchecked: RGBA(var(--neutral_400), 1); + + /* FIELD */ + --field_icon: RGBA(var(--strongContrast2), 1); + --field_warning_label_fg: RGBA(var(--strongRed), 1); + --field_image_full_screen_shadow: 1px 1px 4px rgb(var(--darkGray2)); + --field_image_full_screen_bg: rgb(var(--moon_gray-7)); + --field_image_full_screen_fg: rgb(var(--moon_gray-2)); + --full-screen-field-bg: rgb(34 36 54); + + /* HEADER BAR*/ + --headerbar_bg: RGBA(var(--theme), 1); + --headerbar_fg: RGBA(var(--themeContrast), 1); + --headerbar_icon: RGBA(var(--themeContrast), 1); + --headerbar_form_bg: transparent; + --headerbar_form_fg: RGBA(var(--white), 1); + --headerbar_form_icon: RGBA(var(--white), 1); + --headerbar_grid_bg: RGBA(var(--brand_600)); + --headerbar_grid_fg: RGBA(var(--white), 1); + --headerbar_grid_icon: RGBA(var(--white), 1); + --headerbar_avatar_bg: RGBA(1, 110, 70, 1); + --headerbar_avatar_fg: RGBA(var(--themeContrast), 1); + --headerbar_avatar_active_bg: rgb(0, 70, 38); + --headerbar_border: none; + --headerbar_shadow: 0 0 20px 0 rgba(0, 0, 0, 0.18); + --headerbar_search_bg: rgb(var(--moon_gray-1)); + --headerbar_notification_bg: rgb(220, 38, 38); + --headerbar_notification_fg: RGBA(var(--white), 1); + --headerbar_blink_bg: var(--theme_blink_normal); + + /* PATH BAR */ + --path_font_size: 14px; + --path_fg: RGBA(var(--white), 1); + --path_bg: rgb(37, 39, 39); + --path_separator_border: 1px solid rgb(130, 139, 137); + --path_active_fg: rgb(0, 167, 255); + + /* SECOND HEADER BAR*/ + --second_headerbar_bg: rgb(57, 62, 62); + --second_headerbar_shadow: 0 0 12px 0 RGBA(var(--neutral_0), 0.06); + --second_headerbar_command_bg: rgb(57, 62, 62); + --second_headerbar_command_fg: RGBA(var(--neutral_0)); + --second_headerbar_command_icon: RGBA(var(--neutral_0)); + --second_headerbar_active_command_bg: RGBA(var(--theme)); + --second_headerbar_active_command_fg: RGBA(var(--neutral_0)); + --second_headerbar_active_command_icon: RGBA(var(--neutral_0)); + + /* NAVIGATION BAR*/ + --navbar_content_bg: RGBA(var(--neutral_850)); + --navbar_command_icon: RGBA(var(--moon_gray-1), 1); + --navbar_command_fg: RGBA(var(--moon_gray-1), 1); + --navbar_commands_border: 1px solid rgb(67, 67, 67); + + --navbar_logo: RGBA(var(--moon_dark-blue), 1); + --navbar_label_fg: RGBA(var(--moon_teal), 1); + --navbar_command_content_fg: RGBA(var(--themeContrast), 1); + --navbar_command_bg: RGBA(var(--moon_gray-3), 1); + --navbar_group_main_bg: url(/assets/images/loginBgMobile.jpg) no-repeat; + --navbar_group_main_size: cover; + --navbar_group_main_border: none; + --navbar_bg: var(--theme_light_shadow); + --navbar_group_main_shadow: 0 6px 10px 0 RGBA(var(--pureBlack), 0.14), 0 1px 18px 0 RGBA(var(--pureBlack), 0.12), 0 3px 5px -1px RGBA(var(--pureBlack), 0.2); + --navbar_command_shadow: 0 6px 10px 0 RGBA(var(--pureBlack), 0.34), 0 1px 18px 0 RGBA(var(--pureBlack), 0.32), 0 3px 5px -1px RGBA(var(--pureBlack), 0.2); + --navbar_command_logout_icon: RGBA(var(--moon_gray-7), 1); + + /* EDITOR LABEL */ + --editorlabel_disabled_fg: RGBA(var(--neutral_400), 1); + --editorlabel_topside_fg: RGBA(var(--neutral_300), 1); + --editorlabel_leftside_fg: RGBA(var(--moon_gray-9), 1); + --editorlabel_bg: RGBA(var(--neutral_850), 1); + --editorlabel_fg: RGBA(var(--neutral_0), 1); + + /* INPUT EDITOR */ + --input_bar_border: var(--theme_border); + --input_fg: RGBA(var(--primaryText), 1); + --input_disabled_fg: RGBA(var(--neutral_400), 1); + --input_readonly_bg: transparent; + --input_disabled_fg_ios: RGBA(var(--neutral_400), 1); + --input_icon: RGBA(0, 194, 104, 1); + --input_disabled_icon: RGBA(var(--moon_gray-6), 1); + --input_focused_bg: var(--editorlabel_topside_fg); + --input_warning_bg: var(--theme_warning); + --editorlabel_warning_fg: var(--theme_warning); + --input_error_bg: var(--theme_error); + --editorlabel_error_fg: var(--theme_error); + --input_memo_focused_border: 1px solid RGBA(var(--input_focused_bg), 1); + --input_memo_warning_border: 2px solid RGBA(var(--input_warning_bg), 1); + --input_memo_error_border: 2px solid RGBA(var(--input_error_bg), 1); + + --editor_bg: transparent; + --editor_disabled_bg: RGBA(229, 229, 229, 1); + + /* GROUP */ + --group_fg: RGBA(var(--primaryText), 1); + --group_bg: RGBA(var(--neutral_800), 1); + --group_border: none; + --group_item_fg: RGBA(var(--secondaryText), 1); + --group_icon: RGBA(var(--white), 1); + --group_title_fg: RGBA(var(--neutral_0), 1); + --group_command_bg: RGBA(var(--moon_gray-5), 1); + --group_editor_fg: var(--editorlabel_topside_fg); + --group_label_fg: rgb(130, 139, 184); + --group_label_fg2: rgb(220, 20, 0); + --group_title_font_size: 18px; + + /* LABEL */ + --label_green_fg: RGBA(var(--strongGreen), 1); + --label_red_fg: RGBA(var(--strongRed), 1); + --label_warning_fg: RGBA(var(--strongRed), 1); + --label_info_fg: RGBA(var(--blue_400), 1); + --label_fg: rgb(var(--neutral_300), 1); + + /* STOPWATCH */ + --stop_watch_bg: RGBA(var(--neutral_400)); + --stop_watch_border: 1px solid RGBA(var(--neutral_600)); + + /* LOOKUP EDITOR */ + --lookup_header_title: RGBA(var(--neutral_0), 1); + --lookup_header_bg: var(--menuBackground); + --lookup_border_color: RGBA(var(--theme), 1); + --lookup_header_border: 1px solid RGBA(var(--theme), 1); + --lookup_item_bg: var(--menuBackground); + --lookup_item_fg: RGBA(var(--neutral_0), 1); + --lookup_clear_icon: RGBA(var(--neutral_0), 1); + --lookup_icon: RGBA(var(--neutral_300)); + --lookup_border: 1px solid RGBA(var(--neutral_600)); + --lookup_blink_bg: var(--theme_blink_normal); + + /* SIGNATURE */ + --sign_content_bg: RGBA(var(--neutral_500), 1); + --sign_content_border: 1px solid rgb(var(--neutral_600)); + --sign_icon_fg: RGBA(var(--white), 1); + --sign_icon_bg: RGBA(var(--theme), 1); + --sign_icon_active_bg: RGBA(var(--neutral_600), 1); + --sign_icon_active_fg: RGBA(var(--white), 1); + --sign_disabled_bg: RGBA(var(--verylightContrast2), 1); + --sign_disabled_icon: RGBA(var(--lightContrast5), 1); + --sign_box: var(--theme_box_shadow); + --sign_box_light: var(--theme_box_shadow_light); + --sign_content_icon_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --sign_content_icon_hover_shadow: var(--theme_hover_shadow); + --sign_content_icon_active_shadow: var(--theme_active_shadow); + + /* MODAL */ + --modal_bg: rgb(37, 39, 39); + --modal_bar_bg: transparent; + --modal_bar_fg: rgb(172, 178, 176); + --modal_bar_icon: RGBA(var(--almostfullContrast), 1); + --modal_bar_title_fg: RGBA(var(--neutral_0), 1); + --modal_border_radius: 12px; + --modal_section_fg: rgb(172, 178, 176); + --modal_command_bg: transparent; + --modal_command_fg: var(--command_fg); + --modal_command_shadow: 0 0 10px 0 rgba(0, 0, 0, 0.12); + --modal_bar_border: none; + --modal_overlay_bg: RGBA(var(--moon_gray-1), 0.7); + --modal_blink_bg: var(--theme_blink_blue); + --modal_error_icon: var(--theme_error); + --modal_info_icon: var(--theme_info); + --modal_question_icon: var(--theme_question); + --modal_warning_icon: var(--theme_warning); + --modal_label_fg: rgb(172, 178, 176); + --modal_shadow: 0 0 20px 0 rgba(255, 255, 255, 0.10); + + /* PAGE ERROR */ + --error_bg: RGBA(var(--background), 1); + --error_fg: RGBA(var(--strongContrast2), 1); + --error_border: var(--theme_border); + --error_command_bg: RGBA(var(--theme), 1); + --error_command_fg: RGBA(var(--white), 1); + --error_command_active_bg: RGBA(var(--verylightContrast4), 1); + --error_command_active_fg: RGBA(var(--strongContrast1), 1); + --error_bar_bg: var(--modal_bar_bg); + --error_bar_fg: var(--modal_bar_fg); + --error_bar_border: 1px solid RGBA(var(--background), 1); + --error_title_fg: RGBA(var(--mostlyBlack), 1); + --error_bar_icon: var(--theme_error); + --error_warning_bar_icon: var(--theme_warning); + --error_command_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --error_command_hover_shadow: var(--theme_hover_shadow); + --error_command_active_shadow: var(--theme_active_shadow); + + /* SIMPLE FORM */ + --simpleform_container_bg: RGBA(var(--background)); + --simpleform_container_fg: RGBA(var(--primaryText), 1); + --simpleform_label_fg: var(--editorlabel_topside_fg); + --simpleform_value_fg: RGBA(var(--primaryText), 1); + --simpleform_bar_border: var(--theme_border); + + /* GRID */ + --grid_row_bg: RGBA(var(--background), 1); + --grid_row_content_fg: RGBA(var(--primaryText), 1); + --grid_row_check_checked: var(--theme_divider); + --grid_row_check: var(--theme_divider); + --grid_row_check_open_bg: RGBA(var(--background), 0.8); + --grid_headerbar_bg: RGBA(var(--themeAccent), 1); + --grid_headerbar_fg: RGBA(var(--themeAccentContrast), 1); + --grid_emptycontent: RGBA(var(--lightGray), 1); + --grid_headercolumn_height: 32px; + --grid_border: var(--theme_border); + --grid_special_row_bg: rgba(195, 227, 234, 0.6); + --grid_icon: RGBA(var(--theme), 1); + --grid_row_grouping_bg: RGBA(var(--verylightContrast5), 1); + --grid_row_grouping_border_top: 1px RGBA(var(--verylightContrast5), 1); + --grid_row_grouping_border_bottom: 1px RGBA(var(--lightContrast2), 1); + --grid_row_grouping_fg: RGBA(var(--themeAccent), 1); + --grid_blink_bg: var(--theme_blink_normal); + --grid_row_check_unchecked: var(--grid_row_check); + --grid_tap_highlight: var(--theme_tap_highlight); + --grid_row_sum_icon: RGBA(var(--moon_indigo_light), 1); + --grid_footer_fg: RGBA(var(--mostlyBlack), 1); + --grid_footer_bg: RGBA(var(--background)); + --grid_footer_sum_row_border: 2px solid RGBA(var(--moon_gray-6), 1); + --grid_odd_bg: RGBA(var(--neutral_850), 1); + --grid_even_bg: RGBA(var(--neutral_900), 1); + --cards_cap_fg: RGBA(130, 139, 137, 1); + --cards_val_fg: RGBA(var(--neutral_0), 1); + --cards_primary_fg: RGBA(var(--blue_400)); + --cards_btn_bg: RGBA(var(--brand_500)); + --cards_btn_fg: RGBA(var(--neutral_0)); + + /* SLIDEMENU */ + --slidemenu_header_bg: RGBA(var(--moon_gray-2), 1); + --slidemenu_header_fg: RGBA(var(--white), 1); + --slidemenu_groups_bg: RGBA(var(--moon_gray-2), 1); + --slidemenu_group_title_fg: RGBA(var(--moon_gray-7), 1); + --slidemenu_group_active_bg: RGBA(var(--moon_gray-1), 1); + --slidemenu_group_active_fg: RGBA(var(--moon_teal), 1); + --slidemenu_group_icon: RGBA(var(--moon_gray-7), 1); + --slidemenu_items_bg: var(--menuBackground); + --slidemenu_item_fg: RGBA(var(--moon_gray-1), 1); + --slidemenu_item_border: 1px solid RGBA(var(--menuBackground), 1); + --slidemenu_header_icon_fg: var(--input_search_icon); + + /* PopupMenu */ + --popup_menu_overlay_bg: RGBA(var(--neutral_1000), 0.5); + --popup_menu_bg: RGBA(var(--neutral_800)); + --popup_menu_fc: RGBA(var(--neutral_0)); + --popup_menu_wrapper_item_bg: RGBA(var(--neutral_700)); + --popup_menu_content_icon_arrow: RGBA(var(--neutral_400)); + --popup_menu_highlighted: RGBA(var(--brand_80)); + --popup_menu_header_bg: RGBA(var(--neutral_850)); + --popup_menu_header_fg: RGBA(var(--white)); + --popup_menu_header_icon: RGBA(var(--white)); + --popup_menu_header_bg_image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cpath fill='%23ffffff' d='M38 90L94 146L80 160L0 80L80 0L94 14L38 70H160V90H38Z'/%3E%3C/svg%3E"); + --popup_menu_header_close_bg_image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cpath fill='%23ffffff' d='M16 160L0 144L64 80L0 16L16 0L80 64L144 0L160 16L96 80L160 144L144 160L80 96L16 160Z'/%3E%3C/svg%3E"); + --popup_menu_input_bg: RGBA(var(--neutral_850)); + --popup_menu_input_border: 1px solid RGBA(var(--neutral_500)); + --popup_menu_input_color: RGBA(var(--neutral_0)); + --popup_menu_input_border_active: 1px solid RGBA(var(--neutral_400)); + --popup_menu_input_placeholder_color: RGBA(var(--neutral_500)); + --popup_menu_content_bg: RGBA(var(--neutral_850)); + --popup_menu_item_bg: RGBA(var(--neutral_800)); + --popup_menu_content_icon: RGBA(var(--neutral_0)); + + /* NAVIGATION MENU */ + --nav_menu_overlay_bg: RGBA(var(--neutral_1000), 0.5); + --nav_menu_bg: RGBA(var(--neutral_0)); + --nav_menu_fg: RGBA(var(--white)); + --nav_menu_header_bg: RGBA(var(--neutral_900), 1); + --nav_menu_content_bg: RGBA(var(--neutral_900)); + --nav_menu_form_content_bg: RGBA(var(--neutral_900)); + --nav_menu_form_search_bg: RGBA(var(--neutral_900)); + --nav_menu_folder_search_bg: RGBA(var(--neutral_900)); + --nav_menu_folder_header_bg: RGBA(var(--theme), 1); + --nav_menu_folder_header_fg: RGBA(var(--neutral_0)); + --nav_menu_search_border: 1px solid RGBA(var(--neutral_600)); + --nav_menu_search_fg: RGBA(var(--white)); + --nav_menu_element_bg: RGBA(var(--neutral_800)); + --nav_menu_element_icon: RGBA(var(--white)); + --nav_menu_element_shadow: 0 0 10px 0 RGBA(var(--neutral_1000), 0.12); + + /* INDICATOR */ + --indicator_bg: RGBA(var(--moon_gray-5), 1); + --indicator_fg: RGBA(212, 212, 212, 1); + --indicator_icon: RGBA(var(--white), 1); + --indicator_blink_bg: var(--theme_blink_normal); + --indicator_footer_bg: rgba(102, 102, 102, 0.25); + --indicator_shadow: none; + + /* HTML */ + --html_fg: RGBA(var(--neutral_300)); + --html_rss_fg: RGBA(var(--moon_indigo_light)); + --html_hyperlink_fg: RGBA(var(--moon_teal)); + --html_rss_border: RGBA(var(--moon_gray-6)); + --html_rss_date_info_fg: RGBA(var(--moon_gray-7)); + --html_rss_desc_fg: RGBA(var(--moon_gray-8)); + --html_rss_error_fg: RGBA(var(--moon_dark-red)); + + /* LOGIN */ + --page_header_bg: RGBA(var(--theme), 1); + --theme_login_button_bg: RGBA(var(--theme), 1); + --page_header_border: none; + --page_header_icon: RGBA(var(--white), 1); + --biometric_btn_bg: rgb(33, 35, 53); + --biometric_btn_border: 1px solid rgb(110, 132, 175); + --biometric_btn_fg: rgb(152, 182, 240); + + /* LOADER */ + --loader_bg: RGBA(0, 0, 0, 0.8); + --loader_sp_w: 2px; + --loader_color1: RGBA(var(--vividBlue), 1); + --loader_color2: RGBA(var(--vividLimeGreen), 1); + --loader_color3: RGBA(var(--vividOrange), 1); + --loader_color4: RGBA(var(--vividRed), 1); + + /* TOOLTIP */ + --tooltip_bg: RGBA(37, 39, 39); + --tooltip_fg: RGBA(var(--neutral_0)); + --tooltip_border: 1px solid RGBA(var(--neutral_0)); + --tooltip_box_shadow: 0px 0px 10px RGBA(255, 255, 255, 0.12); + --tooltip_icon: RGBA(var(--neutral_0)); + + /* SIMPLE SCHEDULER */ + --ss_shortday_fg: var(--dp_shortday_fg); + --ss_element_fg: rgb(0, 0, 0); + --ss_element_bg: rgb(234, 242, 255); + --ss_label_fg: RGBA(var(--neutral_300)); + --ss_label_last_day_fg: RGBA(var(--red_600), 1); + --ss_resource_fg: rgb(var(--neutral_200)); + --simple_scheduler_command_bg: RGBA(var(--theme), 1); + --simple_scheduler_command_fg: RGBA(var(--moon_blue), 1); + --simple_scheduler_task_marker: RGBA(var(--theme), 1); + --simple_scheduler_current_day: rgb(200, 200, 50); + --simple_scheduler_selected_day: RGBA(var(--themeAccent), 1); + --simple_scheduler_selected_day_bg: RGBA(var(--verylightContrast5), 1); + --simple_scheduler_selected_day_marker: rgb(112, 112, 112); + --simple_scheduler_task_bg: RGBA(68, 74, 115, 1); + --simple_scheduler_task_border: 1px solid RGBA(var(--lightContrast3), 1); + --simple_scheduler_task_fg: RGBA(var(--white), 1); + --simple_scheduler_task_shadow: 0 2px 3px RGBA(var(--pureBlack), 0.08); + --simple_scheduler_task_date_fg: RGBA(var(--white), 1); + --simple_scheduler_task_icon: RGBA(var(--strongContrast1), 1); + --simple_scheduler_task_add_icon_fg: RGBA(var(--themeAccentContrast), 1); + --simple_scheduler_task_add_icon_bg: RGBA(var(--themeAccent), 1); + --simple_scheduler_horizontal_bg_img: linear-gradient(RGBA(var(--verylightContrast4), 1), RGBA(var(--background), 1)); + + /* RECOVERY PANEL */ + --recovery_reset_info_fg: var(--error_fg); + --recovery_field_bg: RGBA(var(--background), 1); + --recovery_field_border: 1px solid RGBA(212, 212, 212, 1); + --recovery_field_icon: RGBA(var(--lightContrast4), 1); + --recovery_field_focus_icon: RGBA(var(--strongContrast1), 1); + --recovery_signText_input_fg: RGBA(var(--strongContrast1), 1); + --recovery_btn_bg: var(--theme_login_button_bg); + --recovery_btn_fg: RGBA(var(--white)); + --recovery_title_active_bg: RGBA(var(--verylightContrast4), 1); + --recovery_title_active_fg: RGBA(var(--strongContrast1), 1); + --recovery_response_info_fg: var(--theme_error); + --recovery_btn_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --recovery_title_hover_shadow: var(--theme_hover_shadow); + --recovery_title_active_shadow: var(--theme_active_shadow); + + /* SCROLL */ + --scroll_hover_bg: RGBA(var(--lightContrast4), 0.4); + --scroll_thumb_bg: RGBA(var(--lightContrast5), 0.6); + --scroll_thumb_hover_bg: RGBA(var(--theme), 1); + + /* SIGN IN PANEL */ + --signin_field_border: var(--theme_border); + --signin_field_bg: var(--theme_editor_bg); + --signin_field_icon: RGBA(70, 75, 103, 1); + --signin_field_input_fg: RGBA(var(--primaryText), 1); + --signin_field_focus_bg: var(--theme_editor_bg); + --signin_field_focus_fg: RGBA(var(--moon_gray-9), 1); + --signin_field_focus_icon: RGBA(var(--moon_gray-9), 1); + --signin_field_check_label_fg: RGBA(var(--verystrongContrast1), 1); + --signin_field_check_icon: RGBA(var(--verystrongContrast1), 1); + --signin_field_check_checked_icon: RGBA(var(--theme), 1); + --signin_field_check_unchecked_border: 1px solid RGBA(var(--verystrongContrast1), 1); + --signin_content_border: var(--theme_border); + --signin_content_info_company_icon: RGBA(var(--primaryText), 1); + --signin_content_info_fg: RGBA(var(--primaryText), 1); + --signin_content_info_label_fg: RGBA(var(--neutral_50), 1); + --signin_action_active_fg: RGBA(var(--white), 1); + --signin_action_active_bg: RGBA(var(--brand_500), 1); + --signin_action_button_bg: RGBA(var(--theme), 1); + --signin_action_button_fg: RGBA(var(--white)); + --signin_version_button_bg: RGBA(var(--neutral_700), 1); + --signin_version_button_fg: RGBA(var(--white), 1); + --signin_version_button_icon: RGBA(var(--white), 1); + --signin_stroke: RGBA(var(--white), 1); + --signin_btn_hover_shadow: var(--theme_hover_shadow); + --signin_btn_active_shadow: var(--theme_active_shadow); + --spinner_wait_color: RGBA(var(--white), 1); + + /* Spinner */ + --spinner_bg: RGBA(var(--lightGray7), 1); + --spinner_fs: 16px; + --spinner_header_fc: RGBA(255, 255, 255, 1); + --spinner_header_bg: transparent; + --spinner_progress_bar_bg: RGBA(var(--lightGreen), 1); + --spinner_stop_color: RGBA(var(--neutral_0), 1); + --spinner_stop_color_next: RGBA(var(--neutral_0), 1); + --spinner_fill: RGBA(var(--neutral_0), 1); + + /* SWIPED PANEL */ + --swiped_bg: var(--theme_form_bg); + --swiped_box_shadow: 0 3px 6px -1px RGBA(var(--theme_shadow), 1); + --swiped_layer_bg: var(--theme_layer_bg); + + /* THEME PICKER */ + --picker_bg: RGBA(var(--background), 1); + --picker_active_button_bg: RGBA(var(--verylightContrast4), 1); + --picker_item_bg: RGBA(var(--background), 1); + --picker_fg: RGBA(var(--themeAccent), 1); + --picker_border: 2px solid var(--picker_fg); + --picker_box_shadow: RGBA(var(--pureBlack), 1); + --picker_box_shadow_light: RGBA(var(--lightContrast5), 1); + --picker_btn_hover_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1), 1px 1px 6px 2px RGBA(var(--pureBlack), 0.2); + --picker_btn_active_shadow: 0 0 1px 1px RGBA(var(--lightContrast5, 0.1)), 0 0 1px 1px RGBA(var(--lightContrast5), 0.2); + --picker_items_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1), 1px 1px 2px 2px RGBA(var(--pureBlack), 0.2); + --picker_fill_color: RGBA(var(--moon_indigo_light)); + + /* TILE MENU */ + --tilemenu_fg: RGBA(var(--primaryText), 1); + --tilemenu_border: 1px solid RGBA(var(--primaryText), 0.3); + --tilemenu_icon: rgba(129, 214, 241, 1); + --tilemenu_title_fg: RGBA(var(--white), 1); + --tilemenu_bg: RGBA(var(--moon_gray-4)); + --tile_item_bg: RGBA(var(--moon_gray-5)); + --tilemenu_group_title_fg: RGBA(var(--white), 1); + + /* LIST MENU */ + --listmenu_bg: RGBA(var(--neutral_900)); + --listmenu_icon: rgba(129, 214, 241, 1); + --listmenu_icon_star: RGBA(var(--yellow_600)); + --listmenu_title_fg: RGBA(var(--white), 1); + --listmenu_desc_fg: rgb(190, 190, 190); + --listmenu_group_title_fg: RGBA(var(--white), 1); + --list_item_bg: transparent; + --list_item_mobile_bg: RGBA(var(--neutral_800)); + --list_item_mobile_color: RGBA(var(--neutral_0)); + --list_item_mobile_desc_color: RGBA(var(--neutral_400)); + /** ------------------- **/ + + /* SvgIcon */ + --svg_icon_main_stop: RGBA(var(--moon_cyan)); + --svg_icon_alt_stop: RGBA(var(--moon_indigo)); + + /* CHART */ + --chart_bg: transparent; + + /* Pick file popup */ + --pickfile_fg: RGBA(var(--themeAccent), 1); + --pickfile_bg: RGBA(var(--background), 1); + --pickfile_btn_border: 1px dashed RGBA(var(--moon_indigo_light)); + --pickfile_btn_hover_bg: RGBA(var(--moon_indigo)); + --pickfile_btn_hover_fg: RGBA(var(--moon_gray-5)); + --pickfile_label_fg: RGBA(var(--moon_indigo_light)); + --pickfile_label_bg: RGBA(var(--moon_gray-5)); + --pickfile_shadow: 0 2px 4px RGBA(var(--pureBlack), 0.2); + --pickfile_border: RGBA(var(--pureBlack), 0.2); + + /* Carousel */ + --carousel_arrow_border: var(--theme_border); + --carousel_arrow_bg: RGBA(37, 39, 39); + --carousel_arrow_fg: RGBA(133, 139, 137); + --carousel_item_fg: RGBA(var(--moon_gray-7), 1); + --carousel_item_bg: RGBA(var(--background), 1); + --carousel_item_selected_fg: RGBA(var(--moon_blue), 1); + --carousel_item_selected_border: 2px solid RGBA(var(--moon_gray-7), 1); + --carousel_timepicker_item_fg: RGBA(91, 95, 94); + --carousel_timepicker_item_selected_fg: RGBA(var(--neutral_0)); + --carousel_timepicker_item_selected_fg_prev_next: RGBA(174, 178, 176); + + /* Dashboard */ + --dashboard_item_bg: RGBA(var(--white), 1); + --dashboard_item_fg: inherit; + --dashboard_item_shadow: 0 10px 10px 0 rgb(219, 221, 230); + --dashboard_item_title_fg: rgb(66, 82, 109); + --dashboard_item_title_pipe: rgb(74, 217, 145); + --dashboard_item_group_fill: rgb(66, 82, 109); + --dashboard_command_list_icon_bg: rgba(102, 102, 102, 0.25); + --command_dashboard_title_fg: rgb(var(--white)); + --dashboard_item_icon_bg: RGBA(var(--neutral_0), 1); + + /* Profile Menu */ + --profile_menu_bg: RGBA(var(--neutral_700)); + --profile_menu_fg: RGBA(var(--white), 1); + --profile_menu_header_bg: RGBA(var(--neutral_800)); + --profile_menu_header_fg: RGBA(var(--white), 1); + --profile_menu_header_item_value: rgb(113 162 139); + --profile_menu_separator_bg: RGBA(var(--neutral_600)); + --profile_menu_version_fg: RGBA(var(--neutral_500)); + --profile_menu_logout_fg: RGBA(var(--red_600)); + + /* EditorHtml */ + --editor_html_content_fg: var(--input_disabled_fg); + --editor_html_content_shadow: 0 0 0 1px RGBA(var(--neutral_600)); + + /* EditorMemoText */ + --emt_bg: RGBA(var(--neutral_1000)); + --emt_border: 1px solid RGBA(var(--neutral_700)); + + /* FloatingBar */ + --floatingbar_blink_bg: var(--theme_blink_blue); + + /* Progress Bar */ + --progress_bar_circle_bg: RGBA(var(--moon_blue)); + --progress_bar_background_circle_bg: RGBA(var(--lightGray)); + --progress_bar_in_percent_fg: RGBA(var(--moon_indigo_light)); + --progress_bar_btn_information_fg: RGBA(var(--moon_indigo_light)); + --progress_bar_information_fg: RGBA(var(--moon_indigo_light)); + --progress_bar_cancel_btn_fg: RGBA(var(--moon_indigo_light)); + --progress_bar_cancel_btn_bg: RGBA(242, 242, 242); + --progress_bar_cancel_btn_shadow: 0 0 0 1px RGBA(0, 0, 0, 0.1); + --progress_bar_spinner_wrapper_bg: RGBA(var(--mostlyBlack)); + + /* Popup */ + --popup_overlay_bg: var(--theme_light_shadow); + --popup_bg: var(--menuBackground); + --popup_command_bg: var(--menuBackground); + --popup_command_fg: rgb(143, 143, 143); + --popup_mobile_bg: RGBA(var(--neutral_850)); + --popup_mobile_color: RGBA(var(--neutral_0)); + + /* Slider */ + --slider_fg: RGBA(var(--neutral_0)); + --slider_knob: rgb(0, 114, 61); + --slider_active_knob: rgb(0, 114, 61); + --slider_active_knob_shadow: 0 0 0 20px RGBA(var(--brand_50), 0.5); + --slider_active_shadow: 0 0 10px 1px rgba(255, 255, 255, 0.25); + --slider_disabled_knob: rgb(75, 81, 80); + --slider_track_bg: RGBA(var(--neutral_300)); + --slider_disabled_track_bg: rgb(130, 139, 137); + + /* SplashScreen */ + --splash_bg: var(--moon_gray-5); + --splash_logo: var(--moon_green); + --splash_spinner_border: 1.1em solid RGBA(var(--theme), 0.2); + --splash_spinner_border_left: 1.1em solid RGBA(var(--theme), 1); + + /* RichEdit */ + --rte_fg: var(--theme_editor_fg); + --rte_bg: var(--theme_editor_bg); + --rte_toolbar_bg: RGBA(var(--neutral_950)); + --rte_jodit_bg: RGBA(var(--moon_gray-5), 0.6); + --rte_input_fg: RGBA(var(--moon_gray-7), 1); + --rte_toolbar_icon_hover_fg: RGBA(var(--neutral_300), 1); + --rte_toolbar_icon_hover_bg: RGBA(var(--neutral_700), 1); + --rte_toolbar_icon_fg: RGBA(var(--neutral_300), 1); + --rte_jodit_withdropdown_fg: RGBA(var(--moon_gray-7), 1); + + /* TestRecorder */ + --recorder_bg: rgb(255 140 0); + --recorder_color: var(--theme_command_fg); + --recorder_border_fg: 1px solid RGBA(var(--pureBlack)); + --recorder_active_shadow: var(--theme_shadow_hover_btn); + --recorder_button_active_bg: RGBA(var(--verylightGray5), 1); + --recorder_button_active_shadow: var(--theme_shadow_active); + --recorder_button_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1); + --recorder_button_hover_shadow: var(--theme_shadow_hover_btn); + --recorder_button_active_color: RGBA(255, 42, 42); + --recorder_button_disabled_color: RGBA(var(--darkGray)); + --recorder_stop_box_shadow: 0 0 0 1px RGBA(var(--pureBlack), 0.1), 0 2px 3px RGBA(var(--pureBlack), 0.1); + --recorder_stop_bcg: RGBA(var(--verylightGray), 1); + + /* ThreadComments */ + --threadscommends_main_bg: RGBA(34, 36, 54, 1); + --threadscommends_panel_border: 1px solid RGBA(45, 47, 82, 1); + --threadscommends_panel_color: RGBA(var(--white), 1); + --threadscommends_panel_icon_color: RGBA(50, 169, 98, 1); + + --comment_c_end_border: 1px solid rgb(213, 213, 213); + --comment_c_h_author_color: RGBA(var(--white), 1); + --comment_c_h_status_color: rgb(54, 196, 125); + --comment_c_h_date_color: RGBA(var(--white), 1); + --comment_c_h_source_color: RGBA(var(--white), 1); + --comment_ball_border: 1px solid RGBA(255, 255, 255); + --comment_c_h_source_val_color: RGBA(49, 161, 163, 1); + --comment_c_h_draft_color: rgb(179, 0, 0); + --comment_c_h_nocomments_color: RGBA(49, 161, 163, 1); + --comment_c_btn_icon_color: rgb(94, 134, 152); + --comment_c_btn_r_color: rgb(94, 134, 152); + --comment_c_btn_r_icon_color: RGBA(49, 161, 163, 1); + --comment_c_btn_green_color: var(--theme); + --comment_c_btn_fg: RGBA(var(--white)); + --comment_c_like_green_color: RGBA(49, 161, 163, 1); + --comment_c_like_blue_color: RGBA(50, 169, 98, 1); + --comment_base_text_color: RGBA(var(--white), 1); + --comment_base_link_color: RGBA(153, 159, 252, 1); + --comment_base_text_bg: RGBA(34, 36, 54, 1); + --comment_text_con_bg: RGBA(34, 36, 54, 1); + --comment_text_con_color: rgb(95, 95, 95); + --comment_btn_more_icon_color: rgb(94, 134, 152); + --comment_btn_color: rgba(125, 125, 126, 1); + --comment_btn_active_color: RGBA(50, 169, 98, 1); + --comment_btn_more_con_border: 1px solid rgba(0, 0, 0, 0.1); + --comment_btn_more_con_bg: RGBA(75, 76, 106); + --comment_val_bg: RGBA(34, 36, 54, 1); + --comment_val_border: 1px solid rgb(213, 213, 213); + --comment_val_c_h_author_color: RGBA(var(--white)); + --comment_file_bg: rgb(236, 249, 255); + --comment_file_border: 1px solid rgb(195, 227, 234); + --comment_file_color: rgb(28, 103, 168); + --comment_file_icon_color: RGBA(61, 207, 120, 1); + --thread_bg: RGBA(34, 36, 54, 1); + --thread_border: 1px solid rgb(215, 215, 215); + --thread_title_color: rgb(0, 0, 0); + --thread_footer_bg: RGBA(34, 36, 54, 1); + --thread_footer_color: RGBA(var(--white), 1); + --thread_footer_border: 1px solid RGBA(45, 47, 82, 1); + --thread_footer_btn_icon_color: RGBA(50, 169, 98, 1); + --thread_editor_bg: transparent; + --thread_modal_bg: RGBA(34, 36, 54, 1); + --thread_modal_header_icon_color: var(--question); + --thread_modal_text_color: RGBA(var(--mostlydesaturateddarkBlue), 1);; + --thread_modal_bts_color: RGBA(var(--white), 1); + + --threads_modal_overlay_bg: RGBA(45, 45, 45, 0.5); + --threads_modal_con_bg: RGBA(34, 36, 54, 1); + + --th_chips_default_color: RGBA(var(--white), 1); + + --th_btn_cancel_fg: RGBA(255, 117, 127, 1); + --th_btn_cancel_bg: RGBA(68, 74, 115, 1); + --th_btn_cancel_border: none; + --th_btn_draft_fg: RGBA(162, 177, 255, 1); + --th_btn_draft_bg: RGBA(68, 74, 115, 1); + --th_btn_save_fg: RGBA(25, 26, 42, 1); + --th_btn_save_bg: RGBA(130, 170, 255, 1); + + /* Fido Window */ + --mfa_svg_fill: RGBA(var(--moon_gray-9)); + --mfa_label_fg: RGBA(var(--moon_gray-9)); + + /* TimelineClock */ + --timeline_bg: RGBA(var(--neutral_800), 1); + --timeline_fg: var(--theme_primary_text); + --timeline_hour_circle: RGBA(68, 68, 68, 1); + --timeline_area_circle: RGBA(67, 97, 100, 1); + --timeline_text_fg: RGBA(220, 220, 220, 1); + --timeline_indicator: RGBA(255, 50, 130, 1); + --timeline_current_time_circle: RGBA(50, 50, 50, 1); + + /* FolderTabBar */ + --folder_tab_item_bg: RGBA(var(--neutral_800), 1); + --folder_tab_item_fg: RGBA(var(--neutral_0), 1); + --folder_tab_item_ac: RGBA(0, 88, 48, 1); + + /* Hyperlink */ + --hyperlink_fg: RGBA(var(--blue_400)); + + /* WaitingIndicator */ + --wi_color1: rgba(0, 34, 22, 1); + --wi_color2: rgba(1, 68, 43, 1); + --wi_color3: rgba(1, 84, 54, 1); + --wi_color4: rgba(1, 110, 70, 1); + --wi_icon: RGBA(var(--neutral_300), 1); + --wi_bg: RGBA(var(--neutral_800), 1); + --wi_shadow: 1px 1px 10px 1px var(--theme_shadow); + --wi_fg: RGBA(var(--white), 1); + + /* Skeleton */ + --skeleton_bg: rgb(10, 14, 52); + --skeleton_highlight_bg: rgb(39, 42, 87); +} \ No newline at end of file diff --git a/soneta-ui-style/wzorce/css/standard/SplashScreenBase.scss b/soneta-ui-style/wzorce/css/standard/SplashScreenBase.scss new file mode 100644 index 0000000..5ac6b61 --- /dev/null +++ b/soneta-ui-style/wzorce/css/standard/SplashScreenBase.scss @@ -0,0 +1,6 @@ +$splash_screen_bg: white; +$splash_logo: rgb(118, 163, 0); +$splash_spinner_track: 1.1em solid rgba(118, 163, 0, 0.2); +$splash_spinner_fill: 1.1em solid rgb(118, 163, 0); + +@import '../common/SplashScreen.scss'; diff --git a/soneta-ui-style/wzorce/css/standard/SplashScreenDark.scss b/soneta-ui-style/wzorce/css/standard/SplashScreenDark.scss new file mode 100644 index 0000000..c87871e --- /dev/null +++ b/soneta-ui-style/wzorce/css/standard/SplashScreenDark.scss @@ -0,0 +1,6 @@ +$splash_screen_bg: rgb(23, 23, 23); +$splash_logo: rgb(79, 214, 190); +$splash_spinner_track: 1.1em solid rgba(79, 214, 190, 0.2); +$splash_spinner_fill: 1.1em solid rgb(79, 214, 190); + +@import '../common/SplashScreen.scss'; \ No newline at end of file