diff --git a/CHANGELOG.md b/CHANGELOG.md index 2e257e8ca..915ab2937 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -36,6 +36,8 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0 - **Website**: update GraphQL API page by extracting all endpoints and run it in CI, at every push, with the o1Labs managed plain nodes ([#1421](https://github.com/o1-labs/mina-rust/pull/1421)). +- **Frontend**: rename all occurences of openmina.scss to mina-rust.scss + ([#1467](https://github.com/o1-labs/mina-rust/pull/1467)) ## v0.17.0 diff --git a/frontend/src/app/app.component.scss b/frontend/src/app/app.component.scss index 97f171f07..1f3a7b7df 100644 --- a/frontend/src/app/app.component.scss +++ b/frontend/src/app/app.component.scss @@ -1,9 +1,9 @@ -@use 'openmina'; +@use 'mina-rust'; mat-sidenav { width: 160px; border-right: none; - background-color: openmina.$base-background; + background-color: mina-rust.$base-background; transition: 200ms ease-out !important; visibility: visible !important; display: block !important; @@ -56,14 +56,14 @@ mat-sidenav-content { mat-sidenav-container, mat-sidenav-content { color: inherit; - background-color: openmina.$base-background; + background-color: mina-rust.$base-background; } #mina-content { $toolbar: 40px; height: calc(100% - #{$toolbar}); border-top-left-radius: 6px; - background-color: openmina.$base-surface; + background-color: mina-rust.$base-surface; &.no-toolbar { height: 100%; diff --git a/frontend/src/app/features/benchmarks/wallets/benchmarks-wallets-table/benchmarks-wallets-table.component.scss b/frontend/src/app/features/benchmarks/wallets/benchmarks-wallets-table/benchmarks-wallets-table.component.scss index 31178ec48..9921c5e1a 100644 --- a/frontend/src/app/features/benchmarks/wallets/benchmarks-wallets-table/benchmarks-wallets-table.component.scss +++ b/frontend/src/app/features/benchmarks/wallets/benchmarks-wallets-table/benchmarks-wallets-table.component.scss @@ -1,27 +1,27 @@ -@use 'openmina'; +@use 'mina-rust'; .status { padding: 2px 5px; border-radius: 4px; &.sending { - background-color: openmina.$base-container; - color: openmina.$base-primary; + background-color: mina-rust.$base-container; + color: mina-rust.$base-primary; } &.included { - background-color: openmina.$success-container; - color: openmina.$success-primary; + background-color: mina-rust.$success-container; + color: mina-rust.$success-primary; } &.generated { - background-color: openmina.$special-selected-alt-2-container; - color: openmina.$special-selected-alt-2-primary; + background-color: mina-rust.$special-selected-alt-2-container; + color: mina-rust.$special-selected-alt-2-primary; } &.error, &.rejected { - background-color: openmina.$warn-container; - color: openmina.$warn-primary; + background-color: mina-rust.$warn-container; + color: mina-rust.$warn-primary; } } diff --git a/frontend/src/app/features/benchmarks/wallets/benchmarks-wallets-toolbar/benchmarks-wallets-toolbar.component.scss b/frontend/src/app/features/benchmarks/wallets/benchmarks-wallets-toolbar/benchmarks-wallets-toolbar.component.scss index 4b2516e1e..2a6058255 100644 --- a/frontend/src/app/features/benchmarks/wallets/benchmarks-wallets-toolbar/benchmarks-wallets-toolbar.component.scss +++ b/frontend/src/app/features/benchmarks/wallets/benchmarks-wallets-toolbar/benchmarks-wallets-toolbar.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .live-button { width: 110px; @@ -38,35 +38,35 @@ display: grid; height: 24px; grid-template-columns: 18px 1fr 125px; - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; box-sizing: border-box; span:nth-child(2), span:nth-child(4):hover { - color: openmina.$base-primary; + color: mina-rust.$base-primary; } &:hover:not(.active) { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } &.active { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; span:nth-child(1), span:nth-child(2), span:nth-child(4):hover { - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; } span:nth-child(3), span:nth-child(4) { - color: openmina.$selected-secondary; + color: mina-rust.$selected-secondary; } } &:not(.active) .mina-icon { - color: openmina.$base-divider; + color: mina-rust.$base-divider; } &:last-child { diff --git a/frontend/src/app/features/benchmarks/wallets/benchmarks-wallets-zkapp-toolbar/benchmarks-wallets-zkapp-toolbar.component.scss b/frontend/src/app/features/benchmarks/wallets/benchmarks-wallets-zkapp-toolbar/benchmarks-wallets-zkapp-toolbar.component.scss index 3aa63fd0d..ea3b119ac 100644 --- a/frontend/src/app/features/benchmarks/wallets/benchmarks-wallets-zkapp-toolbar/benchmarks-wallets-zkapp-toolbar.component.scss +++ b/frontend/src/app/features/benchmarks/wallets/benchmarks-wallets-zkapp-toolbar/benchmarks-wallets-zkapp-toolbar.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .live-button { width: 110px; @@ -34,35 +34,35 @@ display: grid; height: 24px; grid-template-columns: 18px 1fr 125px; - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; box-sizing: border-box; span:nth-child(2), span:nth-child(4):hover { - color: openmina.$base-primary; + color: mina-rust.$base-primary; } &:hover:not(.active) { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } &.active { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; span:nth-child(1), span:nth-child(2), span:nth-child(4):hover { - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; } span:nth-child(3), span:nth-child(4) { - color: openmina.$selected-secondary; + color: mina-rust.$selected-secondary; } } &:not(.active) .mina-icon { - color: openmina.$base-divider; + color: mina-rust.$base-divider; } &:last-child { diff --git a/frontend/src/app/features/block-production/overview/epoch-graphs/block-production-overview-epoch-graphs.component.scss b/frontend/src/app/features/block-production/overview/epoch-graphs/block-production-overview-epoch-graphs.component.scss index fbd12b680..8dba687ad 100644 --- a/frontend/src/app/features/block-production/overview/epoch-graphs/block-production-overview-epoch-graphs.component.scss +++ b/frontend/src/app/features/block-production/overview/epoch-graphs/block-production-overview-epoch-graphs.component.scss @@ -1,11 +1,11 @@ -@use 'openmina'; +@use 'mina-rust'; :host { height: 100px; } .epoch { - border-left: 1px dashed openmina.$base-tertiary; + border-left: 1px dashed mina-rust.$base-tertiary; padding-left: 5px; padding-right: 4px; height: 100px; @@ -17,19 +17,19 @@ div { width: calc((100% - 15px) / 15); - background-color: openmina.$success-tertiary; + background-color: mina-rust.$success-tertiary; margin-right: 1px; transition: height 200ms ease-in; &:hover { - background-color: openmina.$success-primary; + background-color: mina-rust.$success-primary; } &.future { - background-color: openmina.$base-tertiary; + background-color: mina-rust.$base-tertiary; &:hover { - background-color: openmina.$base-primary; + background-color: mina-rust.$base-primary; } } } @@ -47,19 +47,19 @@ transition: height 200ms ease-in; &:first-child { - background-color: openmina.$special-selected-alt-1-tertiary; + background-color: mina-rust.$special-selected-alt-1-tertiary; &:hover { - background-color: openmina.$special-selected-alt-1-primary; + background-color: mina-rust.$special-selected-alt-1-primary; } } &:last-child { margin-top: 1px; - background-color: openmina.$warn-tertiary; + background-color: mina-rust.$warn-tertiary; &:hover { - background-color: openmina.$warn-primary; + background-color: mina-rust.$warn-primary; } } } @@ -70,32 +70,32 @@ top: 0; left: 0; z-index: -1; - border-right: 2px solid openmina.$base-primary; + border-right: 2px solid mina-rust.$base-primary; } &:hover .overlay:not(.bg-selected-container) { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } &.active-epoch { .title { - color: openmina.$selected-primary !important; + color: mina-rust.$selected-primary !important; } .positive div:not(.future) { - background-color: openmina.$success-primary; + background-color: mina-rust.$success-primary; } .negative .bar div:first-child { - background-color: openmina.$special-selected-alt-1-primary; + background-color: mina-rust.$special-selected-alt-1-primary; } .negative .bar div:last-child { - background-color: openmina.$warn-primary; + background-color: mina-rust.$warn-primary; } .overlay { - border-right: 2px solid openmina.$selected-primary; + border-right: 2px solid mina-rust.$selected-primary; } } } diff --git a/frontend/src/app/features/block-production/overview/side-panel/block-production-overview-side-panel.component.scss b/frontend/src/app/features/block-production/overview/side-panel/block-production-overview-side-panel.component.scss index ba2ba994c..39c334fbb 100644 --- a/frontend/src/app/features/block-production/overview/side-panel/block-production-overview-side-panel.component.scss +++ b/frontend/src/app/features/block-production/overview/side-panel/block-production-overview-side-panel.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .side-panel-stepper { .step { @@ -29,7 +29,7 @@ } .tab-group { - @include openmina.flexRowVertCenter(); + @include mina-rust.flexRowVertCenter(); .tab { min-width: 90px; @@ -37,17 +37,17 @@ width: 50%; text-align: center; border-radius: 6px; - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; transition: 0.2s; background-color: transparent; &.selected { - background-color: openmina.$selected-container; - color: openmina.$selected-primary; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary; } &:hover:not(.selected) { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } } } @@ -58,19 +58,19 @@ } div:nth-child(1) { - background-color: openmina.$success-primary; + background-color: mina-rust.$success-primary; } div:nth-child(2) { - background-color: openmina.$special-selected-alt-1-primary; + background-color: mina-rust.$special-selected-alt-1-primary; } div:nth-child(3) { - background-color: openmina.$warn-primary; + background-color: mina-rust.$warn-primary; } div:nth-child(4) { - background-color: openmina.$base-tertiary; + background-color: mina-rust.$base-tertiary; } } diff --git a/frontend/src/app/features/block-production/overview/slots/block-production-overview-slots.component.scss b/frontend/src/app/features/block-production/overview/slots/block-production-overview-slots.component.scss index 08d25fc0b..6410a1d04 100644 --- a/frontend/src/app/features/block-production/overview/slots/block-production-overview-slots.component.scss +++ b/frontend/src/app/features/block-production/overview/slots/block-production-overview-slots.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; :host { min-height: 0; diff --git a/frontend/src/app/features/block-production/won-slots/side-panel/block-production-won-slots-side-panel.component.scss b/frontend/src/app/features/block-production/won-slots/side-panel/block-production-won-slots-side-panel.component.scss index dcb8017fa..36b969670 100644 --- a/frontend/src/app/features/block-production/won-slots/side-panel/block-production-won-slots-side-panel.component.scss +++ b/frontend/src/app/features/block-production/won-slots/side-panel/block-production-won-slots-side-panel.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; $blue: #57d7ff; $pink: #fda2ff; @@ -32,9 +32,9 @@ $orange: #ff833d; left: -50px; width: 50px; background: radial-gradient( - openmina.$success-primary, - openmina.$success-primary, - openmina.$success-primary, + mina-rust.$success-primary, + mina-rust.$success-primary, + mina-rust.$success-primary, transparent, transparent ); @@ -44,7 +44,7 @@ $orange: #ff833d; .progress { height: 2px; - background-color: openmina.$success-primary; + background-color: mina-rust.$success-primary; top: 2px; left: 0; } @@ -72,7 +72,7 @@ $orange: #ff833d; 'GRAD' 0, 'opsz' 20 !important; transition: none; - color: openmina.$base-divider; + color: mina-rust.$base-divider; &.success-primary { transition: 0.3s; @@ -81,15 +81,15 @@ $orange: #ff833d; .step { .mina-icon { - color: openmina.$success-primary; + color: mina-rust.$success-primary; transition: 0.3s; } &.incomplete { - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; .mina-icon { - color: openmina.$base-divider; + color: mina-rust.$base-divider; transition: none; } } @@ -98,7 +98,7 @@ $orange: #ff833d; .bg-container { &:hover { .step > .mina-icon { - color: openmina.$base-primary !important; + color: mina-rust.$base-primary !important; } } diff --git a/frontend/src/app/features/block-production/won-slots/table/block-production-won-slots-table.component.scss b/frontend/src/app/features/block-production/won-slots/table/block-production-won-slots-table.component.scss index caedcd92e..69532eb18 100644 --- a/frontend/src/app/features/block-production/won-slots/table/block-production-won-slots-table.component.scss +++ b/frontend/src/app/features/block-production/won-slots/table/block-production-won-slots-table.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; $blue: #57d7ff; $pink: #fda2ff; @@ -18,20 +18,20 @@ $orange: #ff833d; :host ::ng-deep { .mina-table .row.active > span.Produced.Block, .Produced.Block { - color: openmina.$success-primary !important; + color: mina-rust.$success-primary !important; } .mina-table .row.active > span.Orphaned, .mina-table .row.active > span.Discarded, .Orphaned, .Discarded { - color: openmina.$aware-primary !important; + color: mina-rust.$aware-primary !important; } .Scheduled, .Waiting, .Produced:not(.Block) { - color: openmina.$base-primary !important; + color: mina-rust.$base-primary !important; } cdk-virtual-scroll-viewport { @@ -39,7 +39,7 @@ $orange: #ff833d; } .mina-table .row.active mina-loading-spinner span { - border-color: openmina.$selected-primary !important; + border-color: mina-rust.$selected-primary !important; border-top-color: transparent !important; } diff --git a/frontend/src/app/features/dashboard/dashboard-blocks-sync/dashboard-blocks-sync.component.scss b/frontend/src/app/features/dashboard/dashboard-blocks-sync/dashboard-blocks-sync.component.scss index ca3ee01ea..28989c78a 100644 --- a/frontend/src/app/features/dashboard/dashboard-blocks-sync/dashboard-blocks-sync.component.scss +++ b/frontend/src/app/features/dashboard/dashboard-blocks-sync/dashboard-blocks-sync.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; :host { .mina-icon { @@ -10,11 +10,11 @@ .background-gradient { background: linear-gradient( 145deg, - openmina.$base-background 0%, - openmina.$base-background 50%, - openmina.$success-container 60%, - openmina.$base-surface 85%, - openmina.$base-surface 100% + mina-rust.$base-background 0%, + mina-rust.$base-background 50%, + mina-rust.$success-container 60%, + mina-rust.$base-surface 85%, + mina-rust.$base-surface 100% ); background-size: 500%; background-position: 0 50%; diff --git a/frontend/src/app/features/dashboard/dashboard-ledger/dashboard-ledger.component.scss b/frontend/src/app/features/dashboard/dashboard-ledger/dashboard-ledger.component.scss index bded86c5c..ab3ebc0d9 100644 --- a/frontend/src/app/features/dashboard/dashboard-ledger/dashboard-ledger.component.scss +++ b/frontend/src/app/features/dashboard/dashboard-ledger/dashboard-ledger.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .mina-icon { font-variation-settings: @@ -13,11 +13,11 @@ .background-gradient { background: linear-gradient( 125deg, - openmina.$base-background 0%, - openmina.$base-background 50%, - openmina.$success-container 60%, - openmina.$base-surface 85%, - openmina.$base-surface 100% + mina-rust.$base-background 0%, + mina-rust.$base-background 50%, + mina-rust.$success-container 60%, + mina-rust.$base-surface 85%, + mina-rust.$base-surface 100% ); background-size: 500%; background-position: 0 50%; @@ -32,7 +32,7 @@ .steps { position: relative; padding-left: 40px; - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; &::before { content: ''; @@ -41,7 +41,7 @@ left: 10px; width: 1px; height: calc(100% + 10px); - background-color: openmina.$base-divider; + background-color: mina-rust.$base-divider; } .step { @@ -54,7 +54,7 @@ left: -29px; width: 20px; height: 1px; - background-color: openmina.$base-divider; + background-color: mina-rust.$base-divider; } } } @@ -65,28 +65,28 @@ &.pending { .group-title { - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; } .steps .step { - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; } } &.success { .group-title { - color: openmina.$success-primary; + color: mina-rust.$success-primary; } .steps::before, .steps .step::before { - background-color: openmina.$base-tertiary; + background-color: mina-rust.$base-tertiary; } } &.loading { .step { - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; } } @@ -95,14 +95,14 @@ height: 20px; span { - background-color: openmina.$base-tertiary; + background-color: mina-rust.$base-tertiary; width: 10px; height: 10px; border-radius: 10px; } &.success span { - background-color: openmina.$success-primary; + background-color: mina-rust.$success-primary; } } } diff --git a/frontend/src/app/features/dashboard/dashboard-network/dashboard-network.component.scss b/frontend/src/app/features/dashboard/dashboard-network/dashboard-network.component.scss index 6dbfb0654..db00dde3b 100644 --- a/frontend/src/app/features/dashboard/dashboard-network/dashboard-network.component.scss +++ b/frontend/src/app/features/dashboard/dashboard-network/dashboard-network.component.scss @@ -1,14 +1,14 @@ -@use 'openmina'; +@use 'mina-rust'; .background-gradient { background: linear-gradient( 120deg, - openmina.$base-background 0%, - openmina.$base-background 20%, - openmina.$base-background 40%, - openmina.$success-container 50%, - openmina.$base-surface 80%, - openmina.$base-surface 100% + mina-rust.$base-background 0%, + mina-rust.$base-background 20%, + mina-rust.$base-background 40%, + mina-rust.$success-container 50%, + mina-rust.$base-surface 80%, + mina-rust.$base-surface 100% ); background-size: 500%; background-position: 0 50%; diff --git a/frontend/src/app/features/dashboard/dashboard-peers-minimal-table/dashboard-peers-minimal-table.component.scss b/frontend/src/app/features/dashboard/dashboard-peers-minimal-table/dashboard-peers-minimal-table.component.scss index 08f7dd9e0..1669e0283 100644 --- a/frontend/src/app/features/dashboard/dashboard-peers-minimal-table/dashboard-peers-minimal-table.component.scss +++ b/frontend/src/app/features/dashboard/dashboard-peers-minimal-table/dashboard-peers-minimal-table.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .mina-icon { font-variation-settings: @@ -7,11 +7,11 @@ } .Connected { - color: openmina.$success-primary; + color: mina-rust.$success-primary; } .Connecting { - color: openmina.$base-primary; + color: mina-rust.$base-primary; } :host ::ng-deep cdk-virtual-scroll-viewport { diff --git a/frontend/src/app/features/dashboard/dashboard.component.scss b/frontend/src/app/features/dashboard/dashboard.component.scss index 8cd035561..bc3957d05 100644 --- a/frontend/src/app/features/dashboard/dashboard.component.scss +++ b/frontend/src/app/features/dashboard/dashboard.component.scss @@ -1,7 +1,7 @@ -@use 'openmina'; +@use 'mina-rust'; :host { - background-color: openmina.$base-background; + background-color: mina-rust.$base-background; } .comps { @@ -66,10 +66,10 @@ mina-dashboard-blocks-sync { left: -50px; width: 50px; background: radial-gradient( - openmina.$success-primary, - openmina.$success-primary, - openmina.$success-primary, - openmina.$success-primary, + mina-rust.$success-primary, + mina-rust.$success-primary, + mina-rust.$success-primary, + mina-rust.$success-primary, transparent, transparent ); @@ -79,7 +79,7 @@ mina-dashboard-blocks-sync { .progress { height: 2px; - background-color: openmina.$success-primary; + background-color: mina-rust.$success-primary; top: 2px; left: 0; } diff --git a/frontend/src/app/features/fuzzing/fuzzing-code/fuzzing-code.component.scss b/frontend/src/app/features/fuzzing/fuzzing-code/fuzzing-code.component.scss index 2ffe99b1f..bd1c127f4 100644 --- a/frontend/src/app/features/fuzzing/fuzzing-code/fuzzing-code.component.scss +++ b/frontend/src/app/features/fuzzing/fuzzing-code/fuzzing-code.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .code-row { height: 24px; @@ -7,13 +7,13 @@ padding-left: 12px; > span:first-child { - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; width: 50px; cursor: pointer; - border-right: 4px solid openmina.$base-container; + border-right: 4px solid mina-rust.$base-container; &:hover { - color: openmina.$base-primary; + color: mina-rust.$base-primary; } } @@ -41,7 +41,7 @@ &:hover { border-radius: 2px; - outline-color: openmina.$base-tertiary; + outline-color: mina-rust.$base-tertiary; } } } @@ -49,13 +49,13 @@ :host .no-fuzzing-highlight ::ng-deep .code-row { span:nth-child(1) { - color: openmina.$base-tertiary !important; - border-right-color: openmina.$base-container !important; + color: mina-rust.$base-tertiary !important; + border-right-color: mina-rust.$base-container !important; } span:nth-child(2), span:nth-child(2) > * { background-color: unset !important; - color: openmina.$base-secondary !important; + color: mina-rust.$base-secondary !important; } } diff --git a/frontend/src/app/features/fuzzing/fuzzing-files-table/fuzzing-files-table.component.scss b/frontend/src/app/features/fuzzing/fuzzing-files-table/fuzzing-files-table.component.scss index 53f19a572..8bee6f03f 100644 --- a/frontend/src/app/features/fuzzing/fuzzing-files-table/fuzzing-files-table.component.scss +++ b/frontend/src/app/features/fuzzing/fuzzing-files-table/fuzzing-files-table.component.scss @@ -1,9 +1,9 @@ -@use 'openmina'; +@use 'mina-rust'; span.border-rad-4 { width: 80px; height: 16px; - background-color: openmina.$warn-tertiary; + background-color: mina-rust.$warn-tertiary; position: relative; overflow: hidden; @@ -11,19 +11,19 @@ span.border-rad-4 { position: absolute; left: 0; height: 100%; - background-color: openmina.$base-surface; + background-color: mina-rust.$base-surface; &::after { content: ''; position: absolute; width: 100%; height: 100%; - background-color: openmina.$success-secondary; + background-color: mina-rust.$success-secondary; } } } :host span b { - color: openmina.$selected-primary; - background: openmina.$selected-container; + color: mina-rust.$selected-primary; + background: mina-rust.$selected-container; } diff --git a/frontend/src/app/features/fuzzing/fuzzing-toolbar/fuzzing-toolbar.component.scss b/frontend/src/app/features/fuzzing/fuzzing-toolbar/fuzzing-toolbar.component.scss index 95ed549d9..1c4d3a8e8 100644 --- a/frontend/src/app/features/fuzzing/fuzzing-toolbar/fuzzing-toolbar.component.scss +++ b/frontend/src/app/features/fuzzing/fuzzing-toolbar/fuzzing-toolbar.component.scss @@ -1,15 +1,15 @@ -@use 'openmina'; +@use 'mina-rust'; div.h-sm span { width: 55px; } form { - background-color: openmina.$base-container; - color: openmina.$base-tertiary; + background-color: mina-rust.$base-container; + color: mina-rust.$base-tertiary; &:hover { - background-color: openmina.$base-divider; + background-color: mina-rust.$base-divider; } input { @@ -36,8 +36,8 @@ form { } &.active { - background-color: openmina.$selected-container; - color: openmina.$selected-primary; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary; .p-absolute:last-child { display: block; diff --git a/frontend/src/app/features/mempool/filters/mempool-filters.component.scss b/frontend/src/app/features/mempool/filters/mempool-filters.component.scss index 4e40ca31a..f7fca6db7 100644 --- a/frontend/src/app/features/mempool/filters/mempool-filters.component.scss +++ b/frontend/src/app/features/mempool/filters/mempool-filters.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; div { white-space: nowrap; @@ -12,11 +12,11 @@ span.mr-5 { form { width: 200px; - background-color: openmina.$base-container; - color: openmina.$base-tertiary; + background-color: mina-rust.$base-container; + color: mina-rust.$base-tertiary; &:hover { - background-color: openmina.$base-divider; + background-color: mina-rust.$base-divider; } input { @@ -44,13 +44,13 @@ form { display: none; &:hover { - color: openmina.$base-primary; + color: mina-rust.$base-primary; } } &.active { - background-color: openmina.$selected-container; - color: openmina.$selected-primary; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary; .p-absolute:last-child { display: block; diff --git a/frontend/src/app/features/mempool/table/mempool-table.component.scss b/frontend/src/app/features/mempool/table/mempool-table.component.scss index d693724ed..8d587b6bc 100644 --- a/frontend/src/app/features/mempool/table/mempool-table.component.scss +++ b/frontend/src/app/features/mempool/table/mempool-table.component.scss @@ -1,7 +1,7 @@ -@use 'openmina'; +@use 'mina-rust'; :host ::ng-deep .mina-table .row.active > span > span { - color: openmina.$selected-primary !important; + color: mina-rust.$selected-primary !important; } .mina-icon { @@ -17,13 +17,13 @@ } .benchmark { - background-color: openmina.$selected-container; - color: openmina.$selected-primary; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary; } .account { - background-color: openmina.$special-selected-alt-2-container; - color: openmina.$special-selected-alt-2-primary; + background-color: mina-rust.$special-selected-alt-2-container; + color: mina-rust.$special-selected-alt-2-primary; } .status { @@ -31,12 +31,12 @@ border-radius: 4px; &.ZKApp { - background-color: openmina.$special-selected-alt-1-container; - color: openmina.$special-selected-alt-1-primary; + background-color: mina-rust.$special-selected-alt-1-container; + color: mina-rust.$special-selected-alt-1-primary; } &.Payment { - background-color: openmina.$special-selected-alt-3-container; - color: openmina.$special-selected-alt-3-primary; + background-color: mina-rust.$special-selected-alt-3-container; + color: mina-rust.$special-selected-alt-3-primary; } } diff --git a/frontend/src/app/features/network/blocks/network-blocks-toolbar/network-blocks-toolbar.component.scss b/frontend/src/app/features/network/blocks/network-blocks-toolbar/network-blocks-toolbar.component.scss index 4b21c7a30..7e02d85ee 100644 --- a/frontend/src/app/features/network/blocks/network-blocks-toolbar/network-blocks-toolbar.component.scss +++ b/frontend/src/app/features/network/blocks/network-blocks-toolbar/network-blocks-toolbar.component.scss @@ -1,12 +1,12 @@ -@use 'openmina'; +@use 'mina-rust'; .pagination-group { button { background-color: transparent; - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; &:hover { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; } } } diff --git a/frontend/src/app/features/network/bootstrap-stats/side-panel/network-bootstrap-stats-side-panel.component.scss b/frontend/src/app/features/network/bootstrap-stats/side-panel/network-bootstrap-stats-side-panel.component.scss index 4df67595f..5c2b0cb72 100644 --- a/frontend/src/app/features/network/bootstrap-stats/side-panel/network-bootstrap-stats-side-panel.component.scss +++ b/frontend/src/app/features/network/bootstrap-stats/side-panel/network-bootstrap-stats-side-panel.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; :host .h-md { ::ng-deep mina-copy .mina-icon { @@ -6,7 +6,7 @@ } &:hover { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; ::ng-deep mina-copy .mina-icon { opacity: 1; @@ -15,7 +15,7 @@ } .tab-group { - @include openmina.flexRowVertCenter(); + @include mina-rust.flexRowVertCenter(); .tab { min-width: 90px; @@ -23,17 +23,17 @@ width: 50%; text-align: center; border-radius: 6px; - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; transition: 0.2s; background-color: transparent; &.selected { - background-color: openmina.$selected-container; - color: openmina.$selected-primary; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary; } &:hover:not(.selected) { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } } } diff --git a/frontend/src/app/features/network/messages/network-messages-filters/network-messages-filters.component.scss b/frontend/src/app/features/network/messages/network-messages-filters/network-messages-filters.component.scss index b082c9f59..839aae737 100644 --- a/frontend/src/app/features/network/messages/network-messages-filters/network-messages-filters.component.scss +++ b/frontend/src/app/features/network/messages/network-messages-filters/network-messages-filters.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .table-filter { .filter-row { @@ -19,22 +19,22 @@ margin-top: 4px; .mina-icon { - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; } &:hover:not(.active) { - background-color: openmina.$base-divider; + background-color: mina-rust.$base-divider; .mina-icon { - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; } } &.active { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; .mina-icon { - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; } } } @@ -54,7 +54,7 @@ max-height: 70vh; .category { - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; line-height: 32px; } @@ -66,13 +66,13 @@ margin-right: 4px; &:hover:not(.active) { - background-color: openmina.$base-divider; - color: openmina.$base-secondary !important; + background-color: mina-rust.$base-divider; + color: mina-rust.$base-secondary !important; } &.active { - background-color: openmina.$selected-container; - color: openmina.$selected-primary !important; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary !important; } } } diff --git a/frontend/src/app/features/network/messages/network-messages-side-panel/network-messages-side-panel.component.scss b/frontend/src/app/features/network/messages/network-messages-side-panel/network-messages-side-panel.component.scss index 989a115bd..01e35dd22 100644 --- a/frontend/src/app/features/network/messages/network-messages-side-panel/network-messages-side-panel.component.scss +++ b/frontend/src/app/features/network/messages/network-messages-side-panel/network-messages-side-panel.component.scss @@ -1,7 +1,7 @@ -@use 'openmina'; +@use 'mina-rust'; .tab-group { - @include openmina.flexRowVertCenter(); + @include mina-rust.flexRowVertCenter(); .tab { min-width: 90px; @@ -9,22 +9,22 @@ width: 33%; text-align: center; border-radius: 6px; - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; transition: 0.2s; background-color: transparent; &.selected { - background-color: openmina.$selected-container; - color: openmina.$selected-primary; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary; } &:hover:not(.selected) { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } } } .hex { - color: openmina.$code-magenta; + color: mina-rust.$code-magenta; line-height: 24px; } diff --git a/frontend/src/app/features/network/messages/network-messages-table-footer/network-messages-table-footer.component.scss b/frontend/src/app/features/network/messages/network-messages-table-footer/network-messages-table-footer.component.scss index faa6e76f3..44a3a0881 100644 --- a/frontend/src/app/features/network/messages/network-messages-table-footer/network-messages-table-footer.component.scss +++ b/frontend/src/app/features/network/messages/network-messages-table-footer/network-messages-table-footer.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .icon-wrap { width: 24px; @@ -6,7 +6,7 @@ margin-right: -10px; &:hover { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; filter: brightness(160%); } } diff --git a/frontend/src/app/features/network/messages/network-messages-table/network-messages-table.component.scss b/frontend/src/app/features/network/messages/network-messages-table/network-messages-table.component.scss index c615d3528..d40b9d250 100644 --- a/frontend/src/app/features/network/messages/network-messages-table/network-messages-table.component.scss +++ b/frontend/src/app/features/network/messages/network-messages-table/network-messages-table.component.scss @@ -1,11 +1,11 @@ -@use 'openmina'; +@use 'mina-rust'; .no-results { button { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; &:hover { - background-color: openmina.$base-divider; + background-color: mina-rust.$base-divider; } } } diff --git a/frontend/src/app/features/network/node-dht/network-node-dht-line/network-node-dht-line.component.scss b/frontend/src/app/features/network/node-dht/network-node-dht-line/network-node-dht-line.component.scss index 565c8920c..661b8a9a4 100644 --- a/frontend/src/app/features/network/node-dht/network-node-dht-line/network-node-dht-line.component.scss +++ b/frontend/src/app/features/network/node-dht/network-node-dht-line/network-node-dht-line.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .base-div { padding-right: 0; @@ -14,51 +14,51 @@ width: 16px; height: 16px; border-radius: 16px; - background-color: openmina.$base-secondary; + background-color: mina-rust.$base-secondary; bottom: 0; cursor: pointer; &.Connected:not(.Not) { - background-color: openmina.$success-primary; + background-color: mina-rust.$success-primary; z-index: 1; } &.Cannot.Connect { - background-color: openmina.$warn-primary; + background-color: mina-rust.$warn-primary; z-index: 2; } &.origin { - background-color: openmina.$base-surface !important; - border: 2px solid openmina.$special-selected-alt-1-primary; + background-color: mina-rust.$base-surface !important; + border: 2px solid mina-rust.$special-selected-alt-1-primary; &:hover { - background-color: openmina.$special-selected-alt-1-primary; + background-color: mina-rust.$special-selected-alt-1-primary; } } &:hover.Not.Connected, &:hover.Can.Connect { - background-color: openmina.$base-primary; + background-color: mina-rust.$base-primary; } &.active { - background-color: openmina.$selected-primary !important; + background-color: mina-rust.$selected-primary !important; z-index: 3; } } .bucket { border-radius: 0; - border-right: 1.5px dashed openmina.$base-tertiary2; + border-right: 1.5px dashed mina-rust.$base-tertiary2; .line-bg { bottom: 0; - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; height: 16px; .mid-line { - background-color: openmina.$base-tertiary2; + background-color: mina-rust.$base-tertiary2; height: 1px; top: 50%; transform: translateY(-50%); @@ -66,7 +66,7 @@ } &:first-child { - border-left: 1.5px dashed openmina.$base-tertiary2; + border-left: 1.5px dashed mina-rust.$base-tertiary2; .line-bg { border-top-left-radius: 16px; diff --git a/frontend/src/app/features/network/node-dht/network-node-dht-table/network-node-dht-table.component.scss b/frontend/src/app/features/network/node-dht/network-node-dht-table/network-node-dht-table.component.scss index 2405b73a9..0e0d375d5 100644 --- a/frontend/src/app/features/network/node-dht/network-node-dht-table/network-node-dht-table.component.scss +++ b/frontend/src/app/features/network/node-dht/network-node-dht-table/network-node-dht-table.component.scss @@ -1,36 +1,36 @@ -@use 'openmina'; +@use 'mina-rust'; .circle { width: 10px; height: 10px !important; border-radius: 12px; - background-color: openmina.$base-tertiary; + background-color: mina-rust.$base-tertiary; &.Connected:not(.Not) { - background-color: openmina.$success-primary; + background-color: mina-rust.$success-primary; } &.Cannot.Connect { - background-color: openmina.$warn-primary; + background-color: mina-rust.$warn-primary; } } .origin { - color: openmina.$special-selected-alt-1-primary !important; + color: mina-rust.$special-selected-alt-1-primary !important; .circle { - background-color: openmina.$base-surface !important; - border: 2px solid openmina.$special-selected-alt-1-primary; + background-color: mina-rust.$base-surface !important; + border: 2px solid mina-rust.$special-selected-alt-1-primary; } } :host ::ng-deep mina-table .row.active { .circle { - background-color: openmina.$selected-primary !important; + background-color: mina-rust.$selected-primary !important; } .origin .circle { - border: 2px solid openmina.$selected-primary; + border: 2px solid mina-rust.$selected-primary; background-color: initial !important; } } diff --git a/frontend/src/app/features/network/splits/dashboard-splits-graph/dashboard-splits-graph.component.scss b/frontend/src/app/features/network/splits/dashboard-splits-graph/dashboard-splits-graph.component.scss index 0183d8a2e..408c4f314 100644 --- a/frontend/src/app/features/network/splits/dashboard-splits-graph/dashboard-splits-graph.component.scss +++ b/frontend/src/app/features/network/splits/dashboard-splits-graph/dashboard-splits-graph.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; :host ::ng-deep { svg g:not(.links) > * { diff --git a/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-blocks/nodes-bootstrap-blocks.component.scss b/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-blocks/nodes-bootstrap-blocks.component.scss index 0a6e94801..b1a07f0d0 100644 --- a/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-blocks/nodes-bootstrap-blocks.component.scss +++ b/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-blocks/nodes-bootstrap-blocks.component.scss @@ -1,7 +1,7 @@ -@use 'openmina'; +@use 'mina-rust'; .tab-group { - @include openmina.flexRowVertCenter(); + @include mina-rust.flexRowVertCenter(); .tab { min-width: 90px; @@ -9,17 +9,17 @@ width: 33%; text-align: center; border-radius: 6px; - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; transition: 0.2s; background-color: transparent; &.selected { - background-color: openmina.$selected-container; - color: openmina.$selected-primary; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary; } &:hover:not(.selected) { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } } } @@ -28,7 +28,7 @@ .row { display: grid; grid-template-columns: 150px 50px 1fr; - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; span { height: 36px; diff --git a/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-overview/nodes-bootstrap-overview.component.scss b/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-overview/nodes-bootstrap-overview.component.scss index 585fff0b2..de6a4abb9 100644 --- a/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-overview/nodes-bootstrap-overview.component.scss +++ b/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-overview/nodes-bootstrap-overview.component.scss @@ -1,13 +1,13 @@ -@use 'openmina'; +@use 'mina-rust'; .stats span { &:nth-child(even) { - color: openmina.$base-primary; + color: mina-rust.$base-primary; margin-right: 20px; margin-left: 5px; } &:nth-child(odd) { - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; } } diff --git a/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-side-panel/nodes-bootstrap-side-panel.component.scss b/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-side-panel/nodes-bootstrap-side-panel.component.scss index 546a322ab..dcaad7bc8 100644 --- a/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-side-panel/nodes-bootstrap-side-panel.component.scss +++ b/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-side-panel/nodes-bootstrap-side-panel.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .side-panel-stepper { .step { diff --git a/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-table/nodes-bootstrap-table.component.scss b/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-table/nodes-bootstrap-table.component.scss index 80f8ba488..c54495c0d 100644 --- a/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-table/nodes-bootstrap-table.component.scss +++ b/frontend/src/app/features/nodes/bootstrap/nodes-bootstrap-table/nodes-bootstrap-table.component.scss @@ -1,21 +1,21 @@ -@use 'openmina'; +@use 'mina-rust'; .th-group { display: grid; grid-template-columns: 370px 290px 290px 1fr; > span:nth-child(1) { - border-bottom: 1px solid openmina.$base-tertiary; + border-bottom: 1px solid mina-rust.$base-tertiary; } > span:nth-child(2) { - color: openmina.$base-primary; - border-bottom: 1px solid openmina.$base-primary; + color: mina-rust.$base-primary; + border-bottom: 1px solid mina-rust.$base-primary; } > span:nth-child(3) { - color: openmina.$success-primary; - border-bottom: 1px solid openmina.$success-primary; + color: mina-rust.$success-primary; + border-bottom: 1px solid mina-rust.$success-primary; } @media (max-width: 768px) { @@ -26,13 +26,13 @@ :host ::ng-deep .mina-table .row .th { @for $i from 5 through 8 { span:nth-child(#{$i}) { - color: openmina.$base-primary !important; + color: mina-rust.$base-primary !important; } } @for $i from 9 through 12 { span:nth-child(#{$i}) { - color: openmina.$success-primary !important; + color: mina-rust.$success-primary !important; } } } diff --git a/frontend/src/app/features/nodes/live/nodes-live-blocks-map/nodes-live-blocks-map.component.scss b/frontend/src/app/features/nodes/live/nodes-live-blocks-map/nodes-live-blocks-map.component.scss index 78d44b922..0e7937b8c 100644 --- a/frontend/src/app/features/nodes/live/nodes-live-blocks-map/nodes-live-blocks-map.component.scss +++ b/frontend/src/app/features/nodes/live/nodes-live-blocks-map/nodes-live-blocks-map.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .list-wrapper { aside { @@ -15,7 +15,7 @@ right: 18px; width: 1px; height: 100%; - background-color: openmina.$base-tertiary; + background-color: mina-rust.$base-tertiary; z-index: 1; } @@ -35,22 +35,22 @@ &:first-child { &::before { - background-color: openmina.$special-selected-alt-2-primary; + background-color: mina-rust.$special-selected-alt-2-primary; } .arrow { - border: solid openmina.$special-selected-alt-2-primary; + border: solid mina-rust.$special-selected-alt-2-primary; border-width: 0 1px 1px 0; } } &:last-child { &::before { - background-color: openmina.$special-selected-alt-1-primary; + background-color: mina-rust.$special-selected-alt-1-primary; } .arrow { - border: solid openmina.$special-selected-alt-1-primary; + border: solid mina-rust.$special-selected-alt-1-primary; border-width: 0 1px 1px 0; } } @@ -66,13 +66,13 @@ } .root span { - color: openmina.$special-selected-alt-2-primary; - background-color: openmina.$special-selected-alt-2-container; + color: mina-rust.$special-selected-alt-2-primary; + background-color: mina-rust.$special-selected-alt-2-container; } .best-tip span { - color: openmina.$special-selected-alt-1-primary; - background-color: openmina.$special-selected-alt-1-container; + color: mina-rust.$special-selected-alt-1-primary; + background-color: mina-rust.$special-selected-alt-1-container; } .root span, @@ -103,36 +103,36 @@ font-size: 0.75em; &.Missing { - background-color: openmina.$warn-container; - color: openmina.$warn-primary; + background-color: mina-rust.$warn-container; + color: mina-rust.$warn-primary; } &.Fetching { - background-color: openmina.$base-container; - color: openmina.$base-tertiary; + background-color: mina-rust.$base-container; + color: mina-rust.$base-tertiary; } &.Fetched { - background-color: openmina.$base-container; - color: openmina.$base-secondary; + background-color: mina-rust.$base-container; + color: mina-rust.$base-secondary; } &.Applying { - background-color: openmina.$selected-container; - color: openmina.$selected-primary; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary; } &.Applied { - background-color: openmina.$success-container; - color: openmina.$success-primary; + background-color: mina-rust.$success-container; + color: mina-rust.$success-primary; } &.root-block { - border-bottom: 4px solid openmina.$special-selected-alt-2-primary; + border-bottom: 4px solid mina-rust.$special-selected-alt-2-primary; } &.best-tip-block { - border-bottom: 4px solid openmina.$special-selected-alt-1-primary; + border-bottom: 4px solid mina-rust.$special-selected-alt-1-primary; } } } diff --git a/frontend/src/app/features/nodes/live/nodes-live-events-table/nodes-live-events-table.component.scss b/frontend/src/app/features/nodes/live/nodes-live-events-table/nodes-live-events-table.component.scss index b5b19a6b5..7b33dcb14 100644 --- a/frontend/src/app/features/nodes/live/nodes-live-events-table/nodes-live-events-table.component.scss +++ b/frontend/src/app/features/nodes/live/nodes-live-events-table/nodes-live-events-table.component.scss @@ -1,30 +1,30 @@ -@use 'openmina'; +@use 'mina-rust'; span { &.Fetching { - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; } &.Fetched { - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; } &.Applying { - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; } &.Applied { - color: openmina.$success-primary; + color: mina-rust.$success-primary; } .height { - color: openmina.$base-primary; - background-color: openmina.$base-container; + color: mina-rust.$base-primary; + background-color: mina-rust.$base-container; } .best-tip span { - color: openmina.$special-selected-alt-1-primary; - background-color: openmina.$special-selected-alt-1-container; + color: mina-rust.$special-selected-alt-1-primary; + background-color: mina-rust.$special-selected-alt-1-container; } .height, diff --git a/frontend/src/app/features/nodes/live/nodes-live-filters/nodes-live-filters.component.scss b/frontend/src/app/features/nodes/live/nodes-live-filters/nodes-live-filters.component.scss index ac36fec20..73c2434fb 100644 --- a/frontend/src/app/features/nodes/live/nodes-live-filters/nodes-live-filters.component.scss +++ b/frontend/src/app/features/nodes/live/nodes-live-filters/nodes-live-filters.component.scss @@ -1,13 +1,13 @@ -@use 'openmina'; +@use 'mina-rust'; .filter { &:hover:not(.active) { - background-color: openmina.$base-divider; - color: openmina.$base-secondary !important; + background-color: mina-rust.$base-divider; + color: mina-rust.$base-secondary !important; } &.active { - background-color: openmina.$selected-container; - color: openmina.$selected-primary !important; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary !important; } } diff --git a/frontend/src/app/features/nodes/live/nodes-live-status-counts/nodes-live-status-counts.component.scss b/frontend/src/app/features/nodes/live/nodes-live-status-counts/nodes-live-status-counts.component.scss index 1533cd477..568346f21 100644 --- a/frontend/src/app/features/nodes/live/nodes-live-status-counts/nodes-live-status-counts.component.scss +++ b/frontend/src/app/features/nodes/live/nodes-live-status-counts/nodes-live-status-counts.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .circle { width: 10px; @@ -6,22 +6,22 @@ border-radius: 12px; &.red { - background-color: openmina.$warn-primary; + background-color: mina-rust.$warn-primary; } &.gray { - background-color: openmina.$base-tertiary; + background-color: mina-rust.$base-tertiary; } &.white { - background-color: openmina.$base-primary; + background-color: mina-rust.$base-primary; } &.blue { - background-color: openmina.$selected-primary; + background-color: mina-rust.$selected-primary; } &.green { - background-color: openmina.$success-primary; + background-color: mina-rust.$success-primary; } } diff --git a/frontend/src/app/features/nodes/live/nodes-live-toolbar/nodes-live-toolbar.component.scss b/frontend/src/app/features/nodes/live/nodes-live-toolbar/nodes-live-toolbar.component.scss index 4b21c7a30..7e02d85ee 100644 --- a/frontend/src/app/features/nodes/live/nodes-live-toolbar/nodes-live-toolbar.component.scss +++ b/frontend/src/app/features/nodes/live/nodes-live-toolbar/nodes-live-toolbar.component.scss @@ -1,12 +1,12 @@ -@use 'openmina'; +@use 'mina-rust'; .pagination-group { button { background-color: transparent; - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; &:hover { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; } } } diff --git a/frontend/src/app/features/nodes/overview/nodes-overview-ledgers/nodes-overview-ledgers.component.scss b/frontend/src/app/features/nodes/overview/nodes-overview-ledgers/nodes-overview-ledgers.component.scss index d2b9abc16..50e152d8f 100644 --- a/frontend/src/app/features/nodes/overview/nodes-overview-ledgers/nodes-overview-ledgers.component.scss +++ b/frontend/src/app/features/nodes/overview/nodes-overview-ledgers/nodes-overview-ledgers.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; :host { padding-bottom: 80px; @@ -8,7 +8,7 @@ .steps { position: relative; padding-left: 40px; - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; &::before { content: ''; @@ -17,12 +17,12 @@ left: 10px; width: 1px; height: calc(100% - 13px); - background-color: openmina.$base-divider; + background-color: mina-rust.$base-divider; } .step { position: relative; - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; &::before { content: ''; @@ -31,25 +31,25 @@ left: -29px; width: 20px; height: 1px; - background-color: openmina.$base-divider; + background-color: mina-rust.$base-divider; } } } &.pending { .group-title { - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; } } &.success { .group-title { - color: openmina.$success-primary; + color: mina-rust.$success-primary; } .steps::before, .steps .step::before { - background-color: openmina.$success-tertiary; + background-color: mina-rust.$success-tertiary; } } @@ -58,7 +58,7 @@ height: 20px; span { - background-color: openmina.$base-tertiary; + background-color: mina-rust.$base-tertiary; width: 10px; height: 10px; border-radius: 10px; diff --git a/frontend/src/app/features/nodes/overview/nodes-overview-side-panel/nodes-overview-side-panel.component.scss b/frontend/src/app/features/nodes/overview/nodes-overview-side-panel/nodes-overview-side-panel.component.scss index bd3445b15..f02a1406e 100644 --- a/frontend/src/app/features/nodes/overview/nodes-overview-side-panel/nodes-overview-side-panel.component.scss +++ b/frontend/src/app/features/nodes/overview/nodes-overview-side-panel/nodes-overview-side-panel.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .h-minus-lg { .fx-row-vert-cent { @@ -9,23 +9,23 @@ } &:nth-child(2) .circle { - background-color: openmina.$warn-primary; + background-color: mina-rust.$warn-primary; } &:nth-child(3) .circle { - background-color: openmina.$base-tertiary; + background-color: mina-rust.$base-tertiary; } &:nth-child(4) .circle { - background-color: openmina.$base-secondary; + background-color: mina-rust.$base-secondary; } &:nth-child(5) .circle { - background-color: openmina.$selected-primary; + background-color: mina-rust.$selected-primary; } &:nth-child(6) .circle { - background-color: openmina.$success-primary; + background-color: mina-rust.$success-primary; } } @@ -35,7 +35,7 @@ cursor: pointer; width: 18px; height: 18px; - border: 1px solid openmina.$base-background; + border: 1px solid mina-rust.$base-background; &::before { position: absolute; @@ -54,42 +54,42 @@ } &.Missing { - background-color: openmina.$warn-container; + background-color: mina-rust.$warn-container; &::before { - background-color: openmina.$warn-secondary; + background-color: mina-rust.$warn-secondary; } } &.Fetching { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; &::before { - background-color: openmina.$base-tertiary; + background-color: mina-rust.$base-tertiary; } } &.Fetched { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; &::before { - background-color: openmina.$base-secondary; + background-color: mina-rust.$base-secondary; } } &.Applying { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; &::before { - background-color: openmina.$selected-secondary; + background-color: mina-rust.$selected-secondary; } } &.Applied { - background-color: openmina.$success-container; + background-color: mina-rust.$success-container; &::before { - background-color: openmina.$success-secondary; + background-color: mina-rust.$success-secondary; } } } diff --git a/frontend/src/app/features/nodes/overview/nodes-overview-table/nodes-overview-table.component.scss b/frontend/src/app/features/nodes/overview/nodes-overview-table/nodes-overview-table.component.scss index c46c17ab7..7688fb1f7 100644 --- a/frontend/src/app/features/nodes/overview/nodes-overview-table/nodes-overview-table.component.scss +++ b/frontend/src/app/features/nodes/overview/nodes-overview-table/nodes-overview-table.component.scss @@ -1,11 +1,11 @@ -@use 'openmina'; +@use 'mina-rust'; .th-group { display: grid; grid-template-columns: 480px 390px 1fr; > span { - border-bottom: 1px solid openmina.$base-tertiary; + border-bottom: 1px solid mina-rust.$base-tertiary; &:last-child { min-width: 510px; @@ -22,23 +22,23 @@ border-radius: 4px; &.Synced { - background-color: openmina.$success-container; - color: openmina.$success-primary; + background-color: mina-rust.$success-container; + color: mina-rust.$success-primary; } &.Bootstrap, &.Catchup { - background-color: openmina.$aware-container; - color: openmina.$aware-primary; + background-color: mina-rust.$aware-container; + color: mina-rust.$aware-primary; } &.Offline { - background-color: openmina.$warn-container; - color: openmina.$warn-primary; + background-color: mina-rust.$warn-container; + color: mina-rust.$warn-primary; } &.Pending { - background-color: openmina.$base-container; - color: openmina.$base-secondary; + background-color: mina-rust.$base-container; + color: mina-rust.$base-secondary; } } diff --git a/frontend/src/app/features/nodes/overview/nodes-overview-toolbar/nodes-overview-toolbar.component.scss b/frontend/src/app/features/nodes/overview/nodes-overview-toolbar/nodes-overview-toolbar.component.scss index c45fc1388..0fa26a9e4 100644 --- a/frontend/src/app/features/nodes/overview/nodes-overview-toolbar/nodes-overview-toolbar.component.scss +++ b/frontend/src/app/features/nodes/overview/nodes-overview-toolbar/nodes-overview-toolbar.component.scss @@ -1,12 +1,12 @@ -@use 'openmina'; +@use 'mina-rust'; .pagination-group { button { background-color: transparent; - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; &:hover { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; } } diff --git a/frontend/src/app/features/resources/memory/memory-resources-table/memory-resources-table.component.scss b/frontend/src/app/features/resources/memory/memory-resources-table/memory-resources-table.component.scss index 0eaea698f..837e5612c 100644 --- a/frontend/src/app/features/resources/memory/memory-resources-table/memory-resources-table.component.scss +++ b/frontend/src/app/features/resources/memory/memory-resources-table/memory-resources-table.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; :host ::ng-deep mina-table { .row { @@ -9,7 +9,7 @@ pointer-events: all !important; &:hover:not(.has) { - color: openmina.$base-tertiary !important; + color: mina-rust.$base-tertiary !important; } } } @@ -29,10 +29,10 @@ span:not(.has):not(.mina-icon) { } &.has { - color: openmina.$base-primary; + color: mina-rust.$base-primary; span { - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; } } @@ -46,30 +46,30 @@ span { width: 35px; &.yellow { - color: openmina.$aware-primary; + color: mina-rust.$aware-primary; } &.red { - color: openmina.$warn-primary; + color: mina-rust.$warn-primary; } } .progress-background { height: 2px; border-radius: 3px; - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; width: 110px; .progress-background { min-width: 4px; - background-color: openmina.$base-tertiary; + background-color: mina-rust.$base-tertiary; &.yellow { - background-color: openmina.$aware-primary; + background-color: mina-rust.$aware-primary; } &.red { - background-color: openmina.$warn-primary; + background-color: mina-rust.$warn-primary; } } } diff --git a/frontend/src/app/features/resources/memory/memory-resources-toolbar/memory-resources-toolbar.component.scss b/frontend/src/app/features/resources/memory/memory-resources-toolbar/memory-resources-toolbar.component.scss index 0de2075da..a9f48b981 100644 --- a/frontend/src/app/features/resources/memory/memory-resources-toolbar/memory-resources-toolbar.component.scss +++ b/frontend/src/app/features/resources/memory/memory-resources-toolbar/memory-resources-toolbar.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .gran { width: 86px; diff --git a/frontend/src/app/features/resources/memory/memory-resources-treemap/memory-resources-treemap.component.scss b/frontend/src/app/features/resources/memory/memory-resources-treemap/memory-resources-treemap.component.scss index f36af24a8..37be2b024 100644 --- a/frontend/src/app/features/resources/memory/memory-resources-treemap/memory-resources-treemap.component.scss +++ b/frontend/src/app/features/resources/memory/memory-resources-treemap/memory-resources-treemap.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; :host { display: flex; @@ -7,7 +7,7 @@ .tree-map { height: calc(50vh - 2px); - border: 0.5px solid openmina.$base-tertiary; + border: 0.5px solid mina-rust.$base-tertiary; overflow: hidden; @media (max-width: 768px) { diff --git a/frontend/src/app/features/resources/memory/memory-resources.component.scss b/frontend/src/app/features/resources/memory/memory-resources.component.scss index f23491bb8..0500354fc 100644 --- a/frontend/src/app/features/resources/memory/memory-resources.component.scss +++ b/frontend/src/app/features/resources/memory/memory-resources.component.scss @@ -1,7 +1,7 @@ -@use 'openmina'; +@use 'mina-rust'; .breadcrumb { - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; &:hover:not(:last-child) { cursor: pointer; @@ -9,6 +9,6 @@ } &:last-child { - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; } } diff --git a/frontend/src/app/features/snarks/scan-state/scan-state-side-panel/scan-state-side-panel.component.scss b/frontend/src/app/features/snarks/scan-state/scan-state-side-panel/scan-state-side-panel.component.scss index ef08ac50a..6ad5bcd30 100644 --- a/frontend/src/app/features/snarks/scan-state/scan-state-side-panel/scan-state-side-panel.component.scss +++ b/frontend/src/app/features/snarks/scan-state/scan-state-side-panel/scan-state-side-panel.component.scss @@ -1,14 +1,14 @@ -@use 'openmina'; +@use 'mina-rust'; .job { min-width: 110px; &.error-job { - background-color: openmina.$warn-container; - color: openmina.$warn-secondary; + background-color: mina-rust.$warn-container; + color: mina-rust.$warn-secondary; &:hover { - color: openmina.$warn-primary; + color: mina-rust.$warn-primary; } } diff --git a/frontend/src/app/features/snarks/scan-state/scan-state-toolbar/scan-state-toolbar.component.scss b/frontend/src/app/features/snarks/scan-state/scan-state-toolbar/scan-state-toolbar.component.scss index 2c5da82a6..ff68d9081 100644 --- a/frontend/src/app/features/snarks/scan-state/scan-state-toolbar/scan-state-toolbar.component.scss +++ b/frontend/src/app/features/snarks/scan-state/scan-state-toolbar/scan-state-toolbar.component.scss @@ -1,27 +1,27 @@ -@use 'openmina'; +@use 'mina-rust'; .pagination-group { - background-color: openmina.$base-container; - color: openmina.$base-tertiary; + background-color: mina-rust.$base-container; + color: mina-rust.$base-tertiary; button { background-color: transparent; - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; &:hover { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } } &.selected { - background-color: openmina.$selected-container; - color: openmina.$selected-primary; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary; button { - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; &:hover { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; } } } @@ -29,11 +29,11 @@ form { width: 150px; - background-color: openmina.$base-container; - color: openmina.$base-tertiary; + background-color: mina-rust.$base-container; + color: mina-rust.$base-tertiary; &:hover { - background-color: openmina.$base-divider; + background-color: mina-rust.$base-divider; } input { @@ -62,8 +62,8 @@ form { } &.active { - background-color: openmina.$selected-container; - color: openmina.$selected-primary; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary; .p-absolute:last-child { display: block; @@ -72,21 +72,21 @@ form { } .condensed { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; .mina-icon { - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; } &:hover:not(.active) .mina-icon { - color: openmina.$base-primary; + color: mina-rust.$base-primary; } &.active { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; .mina-icon { - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; } } } diff --git a/frontend/src/app/features/snarks/scan-state/scan-state-tree-list/scan-state-tree-list.component.scss b/frontend/src/app/features/snarks/scan-state/scan-state-tree-list/scan-state-tree-list.component.scss index 6d88c8711..697d13afe 100644 --- a/frontend/src/app/features/snarks/scan-state/scan-state-tree-list/scan-state-tree-list.component.scss +++ b/frontend/src/app/features/snarks/scan-state/scan-state-tree-list/scan-state-tree-list.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .overflow-y-auto { padding-bottom: 120px; @@ -6,7 +6,7 @@ :host { .title { - border: 1px solid openmina.$base-divider; + border: 1px solid mina-rust.$base-divider; border-bottom: none; border-top-left-radius: 6px; border-top-right-radius: 6px; @@ -22,15 +22,15 @@ } div.selected { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; .tree { - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; } ::ng-deep mina-horizontal-menu .control div { - background-color: openmina.$selected-container !important; - color: openmina.$selected-primary !important; + background-color: mina-rust.$selected-container !important; + color: mina-rust.$selected-primary !important; } } } diff --git a/frontend/src/app/features/snarks/work-pool/snarks-work-pool-details-accounts/snarks-work-pool-details-accounts.component.scss b/frontend/src/app/features/snarks/work-pool/snarks-work-pool-details-accounts/snarks-work-pool-details-accounts.component.scss index e48a63bbc..b8cc6e2c3 100644 --- a/frontend/src/app/features/snarks/work-pool/snarks-work-pool-details-accounts/snarks-work-pool-details-accounts.component.scss +++ b/frontend/src/app/features/snarks/work-pool/snarks-work-pool-details-accounts/snarks-work-pool-details-accounts.component.scss @@ -1,15 +1,15 @@ -@use 'openmina'; +@use 'mina-rust'; .acc-row { height: 36px; line-height: 36px; - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; &:not(.head) { cursor: pointer; &:hover { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } } } @@ -19,11 +19,11 @@ &.open { margin-bottom: 5px; - background-color: openmina.$base-container !important; + background-color: mina-rust.$base-container !important; border-radius: 6px; .acc-row { - color: openmina.$base-primary !important; + color: mina-rust.$base-primary !important; .mina-icon { rotate: 90deg; diff --git a/frontend/src/app/features/snarks/work-pool/snarks-work-pool-details/snarks-work-pool-details.component.scss b/frontend/src/app/features/snarks/work-pool/snarks-work-pool-details/snarks-work-pool-details.component.scss index 78c63c2e0..99c7c209e 100644 --- a/frontend/src/app/features/snarks/work-pool/snarks-work-pool-details/snarks-work-pool-details.component.scss +++ b/frontend/src/app/features/snarks/work-pool/snarks-work-pool-details/snarks-work-pool-details.component.scss @@ -1,7 +1,7 @@ -@use 'openmina'; +@use 'mina-rust'; .tab-group { - @include openmina.flexRowVertCenter(); + @include mina-rust.flexRowVertCenter(); .tab { min-width: 90px; @@ -9,17 +9,17 @@ width: 33%; text-align: center; border-radius: 6px; - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; transition: 0.2s; background-color: transparent; &.selected { - background-color: openmina.$selected-container; - color: openmina.$selected-primary; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary; } &:hover:not(.selected) { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } } } diff --git a/frontend/src/app/features/snarks/work-pool/snarks-work-pool-table/snarks-work-pool-table.component.scss b/frontend/src/app/features/snarks/work-pool/snarks-work-pool-table/snarks-work-pool-table.component.scss index 33153722e..9501c805a 100644 --- a/frontend/src/app/features/snarks/work-pool/snarks-work-pool-table/snarks-work-pool-table.component.scss +++ b/frontend/src/app/features/snarks/work-pool/snarks-work-pool-table/snarks-work-pool-table.component.scss @@ -1,21 +1,21 @@ -@use 'openmina'; +@use 'mina-rust'; .th-group { display: grid; grid-template-columns: 305px 510px 360px 1fr; > span:nth-child(1) { - border-bottom: 1px solid openmina.$base-tertiary; + border-bottom: 1px solid mina-rust.$base-tertiary; } > span:nth-child(2) { - color: openmina.$special-selected-alt-3-primary; - border-bottom: 1px solid openmina.$special-selected-alt-3-primary; + color: mina-rust.$special-selected-alt-3-primary; + border-bottom: 1px solid mina-rust.$special-selected-alt-3-primary; } > span:nth-child(3) { - color: openmina.$special-selected-alt-1-primary; - border-bottom: 1px solid openmina.$special-selected-alt-1-primary; + color: mina-rust.$special-selected-alt-1-primary; + border-bottom: 1px solid mina-rust.$special-selected-alt-1-primary; } @media (max-width: 768px) { @@ -26,31 +26,31 @@ :host ::ng-deep .mina-table .row .th { @for $i from 3 through 6 { span:nth-child(#{$i}) { - color: openmina.$special-selected-alt-3-primary !important; + color: mina-rust.$special-selected-alt-3-primary !important; } } @for $i from 7 through 9 { span:nth-child(#{$i}) { - color: openmina.$special-selected-alt-1-primary !important; + color: mina-rust.$special-selected-alt-1-primary !important; } } } span { &.snarked { - background-color: openmina.$special-selected-alt-1-container; - color: openmina.$special-selected-alt-1-primary; + background-color: mina-rust.$special-selected-alt-1-container; + color: mina-rust.$special-selected-alt-1-primary; } &.committed { - background-color: openmina.$special-selected-alt-3-container; - color: openmina.$special-selected-alt-3-primary; + background-color: mina-rust.$special-selected-alt-3-container; + color: mina-rust.$special-selected-alt-3-primary; } &.aware-chip { - background-color: openmina.$aware-container; - color: openmina.$aware-primary !important; + background-color: mina-rust.$aware-container; + color: mina-rust.$aware-primary !important; } &.committed, diff --git a/frontend/src/app/features/snarks/work-pool/snarks-work-pool-toolbar/snarks-work-pool-toolbar.component.scss b/frontend/src/app/features/snarks/work-pool/snarks-work-pool-toolbar/snarks-work-pool-toolbar.component.scss index ac36fec20..73c2434fb 100644 --- a/frontend/src/app/features/snarks/work-pool/snarks-work-pool-toolbar/snarks-work-pool-toolbar.component.scss +++ b/frontend/src/app/features/snarks/work-pool/snarks-work-pool-toolbar/snarks-work-pool-toolbar.component.scss @@ -1,13 +1,13 @@ -@use 'openmina'; +@use 'mina-rust'; .filter { &:hover:not(.active) { - background-color: openmina.$base-divider; - color: openmina.$base-secondary !important; + background-color: mina-rust.$base-divider; + color: mina-rust.$base-secondary !important; } &.active { - background-color: openmina.$selected-container; - color: openmina.$selected-primary !important; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary !important; } } diff --git a/frontend/src/app/features/state/actions/state-actions-side-panel/state-actions-side-panel.component.scss b/frontend/src/app/features/state/actions/state-actions-side-panel/state-actions-side-panel.component.scss index b6ea11546..02ec31162 100644 --- a/frontend/src/app/features/state/actions/state-actions-side-panel/state-actions-side-panel.component.scss +++ b/frontend/src/app/features/state/actions/state-actions-side-panel/state-actions-side-panel.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; @media (min-width: 701px) { :host ::ng-deep { diff --git a/frontend/src/app/features/state/actions/state-actions-toolbar/state-actions-toolbar.component.scss b/frontend/src/app/features/state/actions/state-actions-toolbar/state-actions-toolbar.component.scss index 02a3a27f7..d77bed3be 100644 --- a/frontend/src/app/features/state/actions/state-actions-toolbar/state-actions-toolbar.component.scss +++ b/frontend/src/app/features/state/actions/state-actions-toolbar/state-actions-toolbar.component.scss @@ -1,12 +1,12 @@ -@use 'openmina'; +@use 'mina-rust'; .pagination-group { button { background-color: transparent; - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; &:hover { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; } } @@ -30,8 +30,8 @@ } &.active { - background-color: openmina.$selected-container; - color: openmina.$selected-primary !important; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary !important; } &.rev .mina-icon { @@ -41,11 +41,11 @@ form { width: 200px; - background-color: openmina.$base-container; - color: openmina.$base-tertiary; + background-color: mina-rust.$base-container; + color: mina-rust.$base-tertiary; &:hover { - background-color: openmina.$base-divider; + background-color: mina-rust.$base-divider; } input { @@ -74,8 +74,8 @@ form { } &.active { - background-color: openmina.$selected-container; - color: openmina.$selected-primary; + background-color: mina-rust.$selected-container; + color: mina-rust.$selected-primary; .p-absolute:last-child { display: block; diff --git a/frontend/src/app/features/web-node/web-node-file-upload/web-node-file-upload.component.scss b/frontend/src/app/features/web-node/web-node-file-upload/web-node-file-upload.component.scss index 77f7c9e10..d8839099e 100644 --- a/frontend/src/app/features/web-node/web-node-file-upload/web-node-file-upload.component.scss +++ b/frontend/src/app/features/web-node/web-node-file-upload/web-node-file-upload.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .header { height: 56px; @@ -50,11 +50,11 @@ } &.special-node-bg { - background-color: openmina.$success-container; + background-color: mina-rust.$success-container; } .close-file:hover { - background-color: openmina.$base-divider !important; + background-color: mina-rust.$base-divider !important; } } @@ -74,8 +74,8 @@ } button.whitey { - background-color: openmina.$base-background; - color: openmina.$base-primary; + background-color: mina-rust.$base-background; + color: mina-rust.$base-primary; filter: invert(1); &.disabled { @@ -84,6 +84,6 @@ button.whitey { } &:hover:not(.disabled) { - background-color: openmina.$base-surface; + background-color: mina-rust.$base-surface; } } diff --git a/frontend/src/app/features/web-node/web-node-initialization/web-node-initialization.component.scss b/frontend/src/app/features/web-node/web-node-initialization/web-node-initialization.component.scss index 335a78922..0287da9ab 100644 --- a/frontend/src/app/features/web-node/web-node-initialization/web-node-initialization.component.scss +++ b/frontend/src/app/features/web-node/web-node-initialization/web-node-initialization.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; $green: #59bfb5; $light-peach: #0d0d0d; @@ -61,8 +61,8 @@ $white: #000000; button { width: 158px; height: 48px !important; - background-color: openmina.$base-background; - color: openmina.$base-primary; + background-color: mina-rust.$base-background; + color: mina-rust.$base-primary; filter: invert(1); &.disabled { diff --git a/frontend/src/app/features/web-node/web-node-not-supported/web-node-not-supported.component.scss b/frontend/src/app/features/web-node/web-node-not-supported/web-node-not-supported.component.scss index bc722f042..fbb837065 100644 --- a/frontend/src/app/features/web-node/web-node-not-supported/web-node-not-supported.component.scss +++ b/frontend/src/app/features/web-node/web-node-not-supported/web-node-not-supported.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .header { height: 56px; @@ -26,8 +26,8 @@ } .learn-btn { - background-color: openmina.$base-background; - color: openmina.$base-primary; + background-color: mina-rust.$base-background; + color: mina-rust.$base-primary; max-width: 330px; margin: 0 12px; filter: invert(1); diff --git a/frontend/src/app/layout/block-production-pill/block-production-pill.component.scss b/frontend/src/app/layout/block-production-pill/block-production-pill.component.scss index e5f22d42f..9bdfd424d 100644 --- a/frontend/src/app/layout/block-production-pill/block-production-pill.component.scss +++ b/frontend/src/app/layout/block-production-pill/block-production-pill.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; $blue: #57d7ff; $pink: #fda2ff; @@ -20,7 +20,7 @@ $orange: #ff833d; } .pill { - background-color: openmina.$base-background; + background-color: mina-rust.$base-background; height: 100%; min-width: 170px; @media (max-width: 767px) { @@ -33,7 +33,7 @@ $orange: #ff833d; .pill-inside1 { position: absolute; - background-color: openmina.$base-background; + background-color: mina-rust.$base-background; top: 1px; left: 1px; height: calc(100% - 2px); diff --git a/frontend/src/app/layout/error-preview/error-list/error-list.component.scss b/frontend/src/app/layout/error-preview/error-list/error-list.component.scss index c9c3a4362..175b7b0fb 100644 --- a/frontend/src/app/layout/error-preview/error-list/error-list.component.scss +++ b/frontend/src/app/layout/error-preview/error-list/error-list.component.scss @@ -1,9 +1,9 @@ -@use 'openmina'; +@use 'mina-rust'; :host { width: 312px; max-height: 30vh; - background-color: openmina.$base-surface-top; + background-color: mina-rust.$base-surface-top; margin-right: 10px; margin-left: 10px; @@ -17,7 +17,7 @@ min-height: 105px; &:not(:last-child) { - border-bottom: 1px solid openmina.$base-divider; + border-bottom: 1px solid mina-rust.$base-divider; } .message { diff --git a/frontend/src/app/layout/error-preview/error-preview.component.scss b/frontend/src/app/layout/error-preview/error-preview.component.scss index 959758c21..653e370d0 100644 --- a/frontend/src/app/layout/error-preview/error-preview.component.scss +++ b/frontend/src/app/layout/error-preview/error-preview.component.scss @@ -1,7 +1,7 @@ -@use 'openmina'; +@use 'mina-rust'; .notification { - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; background-color: transparent; padding-left: 4px; padding-right: 4px; @@ -21,11 +21,11 @@ } &:hover:not(.unread-errors) { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } &.unread-errors { - background-color: openmina.$warn-container; - color: openmina.$warn-primary; + background-color: mina-rust.$warn-container; + color: mina-rust.$warn-primary; } } diff --git a/frontend/src/app/layout/menu-tabs/menu-tabs.component.scss b/frontend/src/app/layout/menu-tabs/menu-tabs.component.scss index 3a06b53fe..57eb9a77d 100644 --- a/frontend/src/app/layout/menu-tabs/menu-tabs.component.scss +++ b/frontend/src/app/layout/menu-tabs/menu-tabs.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; :host { height: 56px; @@ -7,15 +7,15 @@ gap: 12px; .menu { - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; min-width: 72px; flex: 1 0 auto; &.active { - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; .mina-icon { - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; font-variation-settings: 'FILL' 1, 'wght' 300, diff --git a/frontend/src/app/layout/menu/menu.component.scss b/frontend/src/app/layout/menu/menu.component.scss index 0c6dc299d..8d0be957e 100644 --- a/frontend/src/app/layout/menu/menu.component.scss +++ b/frontend/src/app/layout/menu/menu.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .menu { .menu-toggle { @@ -12,7 +12,7 @@ .mina-icon { font-size: 20px; - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; font-variation-settings: 'FILL' 0, 'wght' 300, @@ -47,16 +47,16 @@ } &:hover { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; .mina-icon { - color: openmina.$base-primary; + color: mina-rust.$base-primary; } } } .item { - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; cursor: pointer; padding-left: 4px; display: flex; @@ -74,7 +74,7 @@ .mina-icon { font-size: 20px; padding-right: 7px; - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; font-variation-settings: 'FILL' 0, 'wght' 300, @@ -89,15 +89,15 @@ } &:hover:not(.active) { - background-color: openmina.$base-container; - color: openmina.$base-secondary; + background-color: mina-rust.$base-container; + color: mina-rust.$base-secondary; } &.active { - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; .item-content .mina-icon { - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; font-variation-settings: 'FILL' 1, 'wght' 300, @@ -148,17 +148,17 @@ background-color: transparent; .mina-icon { - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; font-variation-settings: 'FILL' 1, 'wght' 200; } &:hover { - background-color: openmina.$base-surface-top; + background-color: mina-rust.$base-surface-top; .mina-icon { - color: openmina.$base-primary; + color: mina-rust.$base-primary; } } } @@ -184,7 +184,7 @@ animation: rotWithOpc 0.3s linear; &:hover { - background: openmina.$base-surface-top; + background: mina-rust.$base-surface-top; } .network, diff --git a/frontend/src/app/layout/new-node/new-node.component.scss b/frontend/src/app/layout/new-node/new-node.component.scss index 4870c063f..b8209831d 100644 --- a/frontend/src/app/layout/new-node/new-node.component.scss +++ b/frontend/src/app/layout/new-node/new-node.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; :host { width: 100%; @@ -12,12 +12,12 @@ } .feature { - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; .fx-row-full-cent { width: 16px; height: 16px; - border: 2px solid openmina.$base-divider; + border: 2px solid mina-rust.$base-divider; border-radius: 6px; } @@ -29,14 +29,14 @@ } &.checked { - color: openmina.$base-primary; + color: mina-rust.$base-primary; .mina-icon { display: block; } .fx-row-full-cent { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; border: none; } } diff --git a/frontend/src/app/layout/node-picker/node-picker.component.scss b/frontend/src/app/layout/node-picker/node-picker.component.scss index 3222edbb6..43aff61aa 100644 --- a/frontend/src/app/layout/node-picker/node-picker.component.scss +++ b/frontend/src/app/layout/node-picker/node-picker.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; :host { max-height: 50vh; @@ -12,7 +12,7 @@ height: 22px; &:hover { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } } @@ -40,7 +40,7 @@ } .node:focus { - outline: 2px solid openmina.$selected-primary; + outline: 2px solid mina-rust.$selected-primary; } .mina-icon { diff --git a/frontend/src/app/layout/server-status/server-status.component.scss b/frontend/src/app/layout/server-status/server-status.component.scss index 64eacc990..95fb0d4be 100644 --- a/frontend/src/app/layout/server-status/server-status.component.scss +++ b/frontend/src/app/layout/server-status/server-status.component.scss @@ -1,9 +1,9 @@ -@use 'openmina'; +@use 'mina-rust'; .wrapper { .chip, .background-wrap { - background-color: openmina.$base-surface; + background-color: mina-rust.$base-surface; &::before { content: ''; @@ -20,15 +20,15 @@ .chip, .background-wrap { div { - color: openmina.$base-primary; + color: mina-rust.$base-primary; } span { - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; } &::before { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } } } @@ -37,19 +37,19 @@ .chip, .background-wrap { div { - color: openmina.$warn-primary; + color: mina-rust.$warn-primary; } span { - color: openmina.$warn-secondary; + color: mina-rust.$warn-secondary; &.mina-icon { - color: openmina.$warn-primary; + color: mina-rust.$warn-primary; } } &::before { - background-color: openmina.$warn-container; + background-color: mina-rust.$warn-container; } } } @@ -59,19 +59,19 @@ .chip, .background-wrap { div { - color: openmina.$aware-primary; + color: mina-rust.$aware-primary; } span { - color: openmina.$aware-secondary; + color: mina-rust.$aware-secondary; &.mina-icon { - color: openmina.$aware-primary; + color: mina-rust.$aware-primary; } } &::before { - background-color: openmina.$aware-container; + background-color: mina-rust.$aware-container; } } } @@ -80,19 +80,19 @@ .chip, .background-wrap { div { - color: openmina.$success-primary; + color: mina-rust.$success-primary; } span { - color: openmina.$success-secondary; + color: mina-rust.$success-secondary; &.mina-icon { - color: openmina.$success-primary; + color: mina-rust.$success-primary; } } &::before { - background-color: openmina.$success-container; + background-color: mina-rust.$success-container; } } } @@ -157,11 +157,11 @@ to right, transparent 20%, transparent 40%, - openmina.$base-container 45%, - openmina.$base-divider 46%, - openmina.$aware-tertiary 50%, - openmina.$base-divider 54%, - openmina.$base-container 55%, + mina-rust.$base-container 45%, + mina-rust.$base-divider 46%, + mina-rust.$aware-tertiary 50%, + mina-rust.$base-divider 54%, + mina-rust.$base-container 55%, transparent 55%, transparent 100% ); @@ -173,8 +173,8 @@ .background-wrap { border-top-right-radius: 6px; border-bottom-right-radius: 6px; - border-left: 2px solid openmina.$base-surface; - color: openmina.$base-secondary; + border-left: 2px solid mina-rust.$base-surface; + color: mina-rust.$base-secondary; &:not(.switch-forbidden)::before { border-bottom-left-radius: 0; @@ -186,13 +186,13 @@ } .strong-text { - color: openmina.$base-primary; + color: mina-rust.$base-primary; max-width: 125px; } .node-switcher { &:not(.border-rad-4) { - border-left: 2px solid openmina.$base-surface; + border-left: 2px solid mina-rust.$base-surface; cursor: pointer; padding-left: 5px !important; @@ -201,7 +201,7 @@ } &:hover { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } } } @@ -216,15 +216,15 @@ .popup-box-shadow-weak { .Synced { - color: openmina.$success-primary; + color: mina-rust.$success-primary; } .Catchup, .Bootstrap { - color: openmina.$aware-primary; + color: mina-rust.$aware-primary; } .Offline { - color: openmina.$warn-primary; + color: mina-rust.$warn-primary; } } diff --git a/frontend/src/app/layout/submenu-tabs/submenu-tabs.component.scss b/frontend/src/app/layout/submenu-tabs/submenu-tabs.component.scss index 5335da96e..77e29af3d 100644 --- a/frontend/src/app/layout/submenu-tabs/submenu-tabs.component.scss +++ b/frontend/src/app/layout/submenu-tabs/submenu-tabs.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; .submenus { .a-wrap { @@ -7,19 +7,19 @@ a { background-color: transparent; - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; border-radius: 6px; position: relative; height: 24px; line-height: 24px; &:hover { - background-color: openmina.$base-container; + background-color: mina-rust.$base-container; } &.active { - color: openmina.$selected-primary; - background-color: openmina.$selected-container; + color: mina-rust.$selected-primary; + background-color: mina-rust.$selected-container; } @media (max-width: 700px) { diff --git a/frontend/src/app/layout/toolbar/toolbar.component.scss b/frontend/src/app/layout/toolbar/toolbar.component.scss index d1e06ab0c..cce1d93de 100644 --- a/frontend/src/app/layout/toolbar/toolbar.component.scss +++ b/frontend/src/app/layout/toolbar/toolbar.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; :host { height: 40px; @@ -27,7 +27,7 @@ height: 1px; width: 25%; border-radius: 4px; - background-color: openmina.$selected-primary; + background-color: mina-rust.$selected-primary; bottom: 0; left: 0; animation: loading 1.5s infinite; diff --git a/frontend/src/app/layout/uptime-pill/uptime-pill.component.scss b/frontend/src/app/layout/uptime-pill/uptime-pill.component.scss index 145af4b94..463c74a92 100644 --- a/frontend/src/app/layout/uptime-pill/uptime-pill.component.scss +++ b/frontend/src/app/layout/uptime-pill/uptime-pill.component.scss @@ -1,8 +1,8 @@ -@use 'openmina'; +@use 'mina-rust'; .chip { gap: 4px; - background-color: openmina.$base-surface; + background-color: mina-rust.$base-surface; &::before { content: ''; @@ -12,36 +12,36 @@ width: 100%; height: 100%; border-radius: 6px; - background-color: openmina.$success-container; + background-color: mina-rust.$success-container; } div { - color: openmina.$success-primary; + color: mina-rust.$success-primary; } span { - color: openmina.$success-secondary; + color: mina-rust.$success-secondary; &.mina-icon { - color: openmina.$success-primary; + color: mina-rust.$success-primary; } } &.aware { &::before { - background-color: openmina.$aware-container; + background-color: mina-rust.$aware-container; } div { - color: openmina.$aware-primary; + color: mina-rust.$aware-primary; } span { - color: openmina.$aware-secondary; + color: mina-rust.$aware-secondary; &.mina-icon { display: none; - color: openmina.$aware-primary; + color: mina-rust.$aware-primary; } } } diff --git a/frontend/src/app/layout/web-node-landing-page/web-node-landing-page.component.scss b/frontend/src/app/layout/web-node-landing-page/web-node-landing-page.component.scss index b9ec7908a..1cb18b13e 100644 --- a/frontend/src/app/layout/web-node-landing-page/web-node-landing-page.component.scss +++ b/frontend/src/app/layout/web-node-landing-page/web-node-landing-page.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; $green: #59bfb5; $light-peach: #0d0d0d; @@ -46,7 +46,7 @@ $white: #000000; .welcome-container { background: - linear-gradient(180deg, transparent 75%, openmina.$base-background), + linear-gradient(180deg, transparent 75%, mina-rust.$base-background), url('../../../assets/images/web-node-demo/Hero BG.jpg'); background-size: cover; background-position: top; @@ -85,8 +85,8 @@ $white: #000000; } .hardcoded-key { - background-color: openmina.$warn-container; - color: openmina.$warn-primary; + background-color: mina-rust.$warn-container; + color: mina-rust.$warn-primary; margin: 64px 10px; width: calc(100% - 20px); max-width: 946px; @@ -139,7 +139,7 @@ $white: #000000; min-height: 32px; border-radius: 50%; background: linear-gradient(96deg, $sand 0%, $peach 132.89%); - color: openmina.$base-background; + color: mina-rust.$base-background; font-size: 18px; margin-right: 24px; } diff --git a/frontend/src/app/shared/components/mina-table/mina-table.component.scss b/frontend/src/app/shared/components/mina-table/mina-table.component.scss index 32dd6f362..17209906c 100644 --- a/frontend/src/app/shared/components/mina-table/mina-table.component.scss +++ b/frontend/src/app/shared/components/mina-table/mina-table.component.scss @@ -1,12 +1,12 @@ -@use 'openmina'; +@use 'mina-rust'; ::ng-deep .mina-table { - @include openmina.flexColumn(); + @include mina-rust.flexColumn(); .row { height: 36px; display: grid; - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; > span { height: 36px; @@ -15,11 +15,11 @@ } &.active { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; > span, a { - color: openmina.$selected-primary !important; + color: mina-rust.$selected-primary !important; } } @@ -32,21 +32,21 @@ } &:hover:not(.active):not(.head) { - background-color: openmina.$base-divider; + background-color: mina-rust.$base-divider; * { - color: openmina.$base-primary !important; + color: mina-rust.$base-primary !important; } } &.head { font-weight: 600; - color: openmina.$base-tertiary; + color: mina-rust.$base-tertiary; text-transform: capitalize; &.sorting { > span { - @include openmina.flexRowVertCenter(); + @include mina-rust.flexRowVertCenter(); .mina-icon.info { font-variation-settings: @@ -80,7 +80,7 @@ &:hover, &.active { - color: openmina.$base-primary; + color: mina-rust.$base-primary; transition: 200ms; .mina-icon:not(.show):not(.info) { @@ -137,7 +137,7 @@ display: block; position: fixed; rotate: -90deg; - color: openmina.$base-secondary; + color: mina-rust.$base-secondary; left: -1000px; &.hide { diff --git a/frontend/src/app/shared/loading-spinner/loading-spinner.component.scss b/frontend/src/app/shared/loading-spinner/loading-spinner.component.scss index 843f7ffe9..d0e23e261 100644 --- a/frontend/src/app/shared/loading-spinner/loading-spinner.component.scss +++ b/frontend/src/app/shared/loading-spinner/loading-spinner.component.scss @@ -1,4 +1,4 @@ -@use 'openmina'; +@use 'mina-rust'; :host { display: flex; diff --git a/frontend/src/app/shared/pagination/pagination.component.scss b/frontend/src/app/shared/pagination/pagination.component.scss index 90f6b992c..a20634c47 100644 --- a/frontend/src/app/shared/pagination/pagination.component.scss +++ b/frontend/src/app/shared/pagination/pagination.component.scss @@ -1,12 +1,12 @@ -@use 'openmina'; +@use 'mina-rust'; .pagination-group { button { background-color: transparent; - color: openmina.$selected-primary; + color: mina-rust.$selected-primary; &:hover { - background-color: openmina.$selected-container; + background-color: mina-rust.$selected-container; } } } diff --git a/frontend/src/assets/styles/openmina.scss b/frontend/src/assets/styles/mina-rust.scss similarity index 100% rename from frontend/src/assets/styles/openmina.scss rename to frontend/src/assets/styles/mina-rust.scss diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss index 2e13f8654..ef084361f 100644 --- a/frontend/src/styles.scss +++ b/frontend/src/styles.scss @@ -1,6 +1,6 @@ @use '@angular/material' as mat; -@use 'openmina'; +@use 'mina-rust'; @use 'leaderboard-variables'; $custom-typography: mat.m2-define-legacy-typography-config( @@ -25,9 +25,9 @@ body { body { margin: 0; - font-family: openmina.$inter-font; + font-family: mina-rust.$inter-font; font-weight: 400; - color: openmina.$base-primary; + color: mina-rust.$base-primary; background-color: var(--base-background, #000000); -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); @@ -63,12 +63,12 @@ p { /* User Select */ body { ::-moz-selection { - color: openmina.$base-primary; - background: openmina.$selected-secondary; + color: mina-rust.$base-primary; + background: mina-rust.$selected-secondary; } ::selection { - color: openmina.$base-primary; - background: openmina.$selected-secondary; + color: mina-rust.$base-primary; + background: mina-rust.$selected-secondary; } }