Files
pwap/pezkuwi-sdk-ui/packages/react-components/src/styles/semantic.ts
T
pezkuwichain 971df8edba Rebrand: Remove 3rd party chains, update domains to PezkuwiChain
- Remove all 3rd party parachain configurations from endpoints:
  - productionRelayPolkadot.ts: Keep only system parachains
  - productionRelayDicle.ts: Keep only system parachains
  - testingRelayZagros.ts: Keep only system parachains
  - testingRelayTeyrChain.ts: Keep only system parachains

- Update domain references:
  - polkadot.js.org → pezkuwichain.app
  - wiki.polkadot.network → wiki.pezkuwichain.io
  - dotapps.io → pezkuwichain.app
  - statement.polkadot.network → docs.pezkuwichain.io/statement
  - support.polkadot.network → docs.pezkuwichain.io

- Update repository references:
  - github.com/pezkuwi-js/apps → github.com/pezkuwichain/pwap

- Rename system parachains to Pezkuwi ecosystem:
  - PolkadotAssetHub → PezkuwiAssetHub
  - polkadotBridgeHub → pezkuwiBridgeHub
  - polkadotCollectives → pezkuwiCollectives
  - polkadotCoretime → pezkuwiCoretime
  - polkadotPeople → pezkuwiPeople

- Update network name in claims utility:
  - Polkadot → Pezkuwi
2026-01-09 03:08:11 +03:00

158 lines
2.8 KiB
TypeScript

// Copyright 2017-2026 @pezkuwi/react-components authors & contributors
// SPDX-License-Identifier: Apache-2.0
export default `
.ui.hidden.divider {
margin: 0.5rem 0;
}
.ui.dropdown {
display: block;
min-width: 0;
width: 100%;
}
.ui.dropdown,
.ui.input {
margin: 0.25rem 0;
}
.ui.selection.dropdown,
.ui.input > input,
.ui.selection.dropdown > input {
background: var(--bg-input);
border-color: var(--border-input);
color: var(--color-text);
font: var(--font-sans);
font-size: var(--font-size-base);
&:focus {
background: var(--bg-input);
color: var(--color-text);
}
}
.ui.action.input > .buttons {
position: relative;
}
.ui.dropdown {
&.disabled {
background: transparent;
border-style: dashed;
opacity: 1;
.dropdown.icon {
opacity: 0;
}
}
&.selection.visible {
background: var(--bg-input);
color: var(--color-text);
}
.menu {
background: var(--bg-input);
color: var(--color-text);
> .item {
border-color: transparent !important;
color: var(--color-text) !important;
&.header.disabled {
margin: 1em 0 0 0;
opacity: 1;
&:hover,
&.selected {
background: var(--bg-input);
}
}
}
}
> .text {
min-height: 1em;
&:not(.default) {
color: var(--color-text) !important;
}
}
}
.ui.input {
width: 100%;
&.disabled:not(.retain-appearance) {
opacity: 1;
input {
background: transparent;
border-style: dashed;
}
.ui.buttons {
.ui.button {
background: transparent;
}
&.primary .ui.button {
background-color: #666;
border-color: transparent;
color: #f9f8f7;
opacity: 0.5;
.dropdown.icon {
opacity: 0;
}
}
}
}
&.error input {
background-color: var(--bg-input-error);
border-color: #e0b4b4;
}
> input {
width: 0;
}
}
.ui.label {
background: transparent;
font-weight: var(--font-weight-normal);
position: relative;
z-index: 1;
}
.ui.page.modals.transition.visible {
display: flex !important;
}
.ui.secondary.vertical.menu > .item {
margin: 0;
}
.ui[class*="left icon"].input.left.icon > input {
padding-left: 4rem !important;
}
.ui[class*="left icon"].input.left.icon > .ui--Icon.big {
left: -7px;
opacity: 1;
}
/* modals aligned to top, not center */
.ui.dimmer {
background-color: rgba(96, 96, 96, 0.5);
justify-content: flex-start;
}
/* remove the default white background, settings app has it as part of Tab */
.ui.segment {
background: transparent;
}
`;