text-align: center;
a {
- color: vv.$primary-wcag-aa-large-text;
+ color: vv.$primary;
}
}
}
span.health-warn-description {
- color: vv.$health-color-warning-wcag-aa-regular-text !important;
+ color: vv.$health-color-warning-800 !important;
}
}
}
}
.card-title > a {
- color: vv.$primary-wcag-aa-large-text;
+ color: vv.$primary;
}
}
}
}
.popover-icon {
- color: vv.$primary-wcag-aa-large-text;
+ color: vv.$primary;
}
.popover-icon:focus {
::ng-deep cd-navigation .cd-navbar-top {
.cd-navbar-brand {
background: vv.$secondary;
- border-top: 4px solid vv.$primary-wcag-aa-large-text;
+ border-top: 4px solid vv.$primary;
.navbar-brand,
.navbar-brand:hover {
}
.cd-navbar-utility > .active > a {
- background-color: vv.$primary-wcag-aa-large-text;
+ background-color: vv.$primary;
color: vv.$gray-200;
}
.navbar-nav > li > .cd-navbar > a:hover,
.navbar-nav > li > a:hover,
.navbar-nav > li:hover {
- background-color: vv.$primary-wcag-aa-large-text;
+ background-color: vv.$primary;
}
.navbar-nav > .open > .cd-navbar > [ngbDropdown] > a,
}
.open .dropdown-menu {
- background-color: vv.$primary-wcag-aa-large-text;
+ background-color: vv.$primary;
border: 0;
padding-bottom: 0;
padding-top: 0;
}
.open .dropdown-menu > .active > a {
- background-color: vv.$primary-wcag-aa-large-text;
+ background-color: vv.$primary;
}
}
.navbar-nav > li > a:hover {
- background-color: vv.$primary-wcag-aa-large-text;
+ background-color: vv.$primary;
}
}
}
.cd-navbar-primary .active > a,
.cd-navbar-primary > .active > a:focus,
.cd-navbar-primary > .active > a:hover {
- background-color: vv.$primary-wcag-aa-large-text !important;
+ background-color: vv.$primary !important;
border: 0 !important;
color: vv.$white !important;
}
text-decoration: none;
&:hover {
- background: vv.$primary-wcag-aa-large-text;
+ background: vv.$primary;
color: vv.$white;
}
a {
.dot {
- background-color: vv.$primary;
+ background-color: vv.$primary-500;
border: 2px solid vv.$secondary;
border-radius: 50%;
height: 11px;
&:hover .dot {
background-color: vv.$white;
- border-color: vv.$primary;
+ border-color: vv.$primary-500;
}
}
}
a {
- color: darken(vv.$primary-wcag-aa-large-text, 10);
+ color: darken(vv.$primary, 10);
font-weight: bold;
}
import { PipesModule } from '../pipes/pipes.module';
import { TableActionsComponent } from './table-actions/table-actions.component';
import { TableKeyValueComponent } from './table-key-value/table-key-value.component';
+import { TablePaginationComponent } from './table-pagination/table-pagination.component';
import { TableComponent } from './table/table.component';
@NgModule({
ComponentsModule,
RouterModule
],
- declarations: [TableComponent, TableKeyValueComponent, TableActionsComponent],
- exports: [TableComponent, NgxDatatableModule, TableKeyValueComponent, TableActionsComponent]
+ declarations: [
+ TableComponent,
+ TableKeyValueComponent,
+ TableActionsComponent,
+ TablePaginationComponent
+ ],
+ exports: [
+ TableComponent,
+ NgxDatatableModule,
+ TableKeyValueComponent,
+ TableActionsComponent,
+ TablePaginationComponent
+ ]
})
export class DataTableModule {}
}
&.datatable-row-odd {
- background-color: vv.$gray-100;
+ background-color: vv.$white;
}
&.active,
export enum HealthColor {
HEALTH_ERR = 'health-color-error',
- HEALTH_WARN = 'health-color-warning-wcag-aa-large-text',
+ HEALTH_WARN = 'health-color-warning',
HEALTH_OK = 'health-color-healthy'
}
if (propertyName === 'health-color-healthy') {
return 'fakeGreen';
}
- if (propertyName === 'health-color-warning-wcag-aa-large-text') {
+ if (propertyName === 'health-color-warning') {
return 'fakeOrange';
}
if (propertyName === 'health-color-error') {
.badge-cd-label-light-green {
background-color: $light-green-300;
color: $white;
+ font-weight: bolder;
}
// angular-tree-component
}
a.nav-link {
- color: vv.$primary-wcag-aa-large-text;
+ color: vv.$primary;
}
$indigo: #6610f2 !default;
$purple: #6f42c1 !default;
$pink: #a94442 !default;
-$red: #ef5c55 !default;
+$red: #dc3545 !default;
$orange: #fd7e14 !default;
-$yellow: #ffc200 !default;
-$green: #0b0 !default;
+$yellow: #d48200 !default;
+$green: #008a00 !default;
$teal: #20c997 !default;
$cyan: #17a2b8 !default;
$barley-white: #fcecba !default;
-$primary: #2b99a8 !default;
-$primary-wcag-aa-large-text: #25828e !default;
+$primary: #25828e !default;
+$primary-500: #2b99a8 !default;
$secondary: #374249 !default;
$success: $green !default;
$info: $primary !default;
$light-green-300: #ace12e;
// Extra theme colors.
-$accent: $red !default;
-$accent-wcag-aa-regular-text: #25828e !default;
+$accent: $primary !default;
$warning-dark: $orange !default;
$fg-color-over-dark-bg: $white !default;
$fg-hover-color-over-dark-bg: $gray-500 !default;
$theme-colors: (
- 'accent': $accent-wcag-aa-regular-text,
+ 'accent': $accent,
'warning-dark': $warning-dark
) !default;
$body-bg-alt: $gray-200 !default;
// Health colors.
-$health-color-error: #f00 !default;
+$health-color-error: $red !default;
$health-color-healthy: $green !default;
-$health-color-warning: #ffa500 !default;
-$health-color-warning-wcag-aa-large-text: #d48200 !default;
-$health-color-warning-wcag-aa-regular-text: #ae6200 !default;
+$health-color-warning: $yellow !default;
+$health-color-warning-800: #9d6d10 !default;
// Chart colors.
-$chart-color-red: #c9190b !default;
+$chart-color-red: $red !default;
$chart-color-blue: #06c !default;
$chart-color-orange: #ef9234 !default;
$chart-color-yellow: #f6d173 !default;
-$chart-color-green: #7cc674 !default;
+$chart-color-green: $green !default;
$chart-color-gray: #ededed !default;
-$chart-color-cyan: #73c5c5 !default;
+$chart-color-cyan: $primary-500 !default;
$chart-color-purple: #3c3d99 !default;
$chart-color-center-text: #151515 !default;
$chart-color-center-text-description: #72767b !default;
name: Auth
- description: Cephfs Management API
name: Cephfs
-- description: Get Ceph Users
+- description: Get Cluster Details
name: Cluster
- description: Manage Cluster Configurations
name: ClusterConfiguration