mirror of
https://github.com/ansible/awx.git
synced 2026-01-16 04:10:44 -03:30
fixed global colors
This commit is contained in:
parent
81fec1b7a2
commit
db176d34ba
@ -641,7 +641,7 @@ dd {
|
||||
}
|
||||
|
||||
.form-control.ng-dirty.ng-pristine {
|
||||
border-color: @default-second-border;
|
||||
border-color: @d7grey;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
@ -2007,7 +2007,7 @@ tr td button i {
|
||||
}
|
||||
|
||||
.form-control {
|
||||
border-color: @default-second-border;
|
||||
border-color: @d7grey;
|
||||
background-color: #f6f6f6;
|
||||
color: @default-data-txt;
|
||||
transition: border-color 0.3s;
|
||||
@ -2015,7 +2015,7 @@ tr td button i {
|
||||
}
|
||||
|
||||
.form-control + .select2 .select2-selection {
|
||||
border-color: @default-second-border !important;
|
||||
border-color: @d7grey !important;
|
||||
background-color: #f6f6f6 !important;
|
||||
color: @default-data-txt !important;
|
||||
transition: border-color 0.3s !important;
|
||||
|
||||
@ -65,7 +65,7 @@
|
||||
height:20px;
|
||||
font-size: 20px;
|
||||
background-color:@default-bg;
|
||||
color:@default-second-border;
|
||||
color:@d7grey;
|
||||
transition: color 0.2s;
|
||||
line-height:1;
|
||||
}
|
||||
@ -220,7 +220,7 @@
|
||||
}
|
||||
|
||||
.Form-inputButton {
|
||||
border-color: @default-second-border;
|
||||
border-color: @d7grey;
|
||||
color: @default-data-txt;
|
||||
}
|
||||
|
||||
|
||||
@ -30,7 +30,7 @@ table.ui-datepicker-calendar {
|
||||
line-height: 1;
|
||||
opacity: 1;
|
||||
text-shadow: 0 1px 0 @white;
|
||||
color:@default-second-border;
|
||||
color:@d7grey;
|
||||
}
|
||||
.close:hover{
|
||||
color:@default-icon;
|
||||
|
||||
@ -228,7 +228,7 @@ table, tbody {
|
||||
border-top-left-radius: 5px!important;
|
||||
border-bottom-left-radius: 5px!important;
|
||||
height: 34px!important;
|
||||
border-color: @default-second-border;
|
||||
border-color: @d7grey;
|
||||
color: @default-icon;
|
||||
background-color: @default-bg;
|
||||
border-right: none;
|
||||
|
||||
@ -8,18 +8,19 @@
|
||||
*/
|
||||
|
||||
@import "src/shared/branding/colors.less";
|
||||
@import "src/shared/branding/colors.default.less";
|
||||
|
||||
html { height: 100%; }
|
||||
|
||||
body {
|
||||
font-family: 'Open Sans', sans-serif;
|
||||
font-weight: 400;
|
||||
color: @black;
|
||||
color: @default-data-txt;
|
||||
padding-top: 100px;
|
||||
min-height: 100%;
|
||||
padding-bottom: 50px;
|
||||
position: relative;
|
||||
background-color: #f6f6f6;
|
||||
background-color: @default-secondary-bg;
|
||||
}
|
||||
|
||||
.container-fluid {
|
||||
@ -107,7 +108,7 @@ body {
|
||||
position: relative;
|
||||
top: 1px;
|
||||
left: 10px;
|
||||
color: @black;
|
||||
color: @default-data-txt;
|
||||
text-transform:capitalize;
|
||||
}
|
||||
#account-menu {
|
||||
|
||||
@ -97,7 +97,7 @@
|
||||
.AddPermissions-separator {
|
||||
margin-top: 20px 0px;
|
||||
width: 100%;
|
||||
border-bottom: 1px solid @default-second-border;
|
||||
border-bottom: 1px solid @d7grey;
|
||||
}
|
||||
|
||||
.AddPermissions-roleRow {
|
||||
@ -124,7 +124,7 @@
|
||||
.AddPermissions-roleType {
|
||||
border-radius: 5px;
|
||||
padding: 0px 6px;
|
||||
border: 1px solid @default-second-border;
|
||||
border: 1px solid @d7grey;
|
||||
font-size: 10px;
|
||||
color: @default-interface-txt;
|
||||
text-transform: uppercase;
|
||||
@ -171,7 +171,7 @@
|
||||
background-color: @default-bg;
|
||||
border-radius: 5px;
|
||||
color: @default-interface-txt;
|
||||
border: 1px solid @default-second-border;
|
||||
border: 1px solid @d7grey;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
@ -190,7 +190,7 @@
|
||||
border-radius: 5px;
|
||||
padding: 15px;
|
||||
padding-bottom: 0px;
|
||||
border: 1px solid @default-second-border;
|
||||
border: 1px solid @d7grey;
|
||||
color: @default-interface-txt;
|
||||
}
|
||||
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
border-radius: 5px;
|
||||
padding: 2px 10px;
|
||||
margin: 4px 0px;
|
||||
border: 1px solid @default-second-border;
|
||||
border: 1px solid @d7grey;
|
||||
font-size: 12px;
|
||||
color: @default-interface-txt;
|
||||
text-transform: uppercase;
|
||||
@ -37,7 +37,7 @@
|
||||
}
|
||||
|
||||
.RoleList-deleteContainer {
|
||||
border: 1px solid @default-second-border;
|
||||
border: 1px solid @d7grey;
|
||||
border-left-color: @default-bg;
|
||||
background-color: @default-bg;
|
||||
border-top-right-radius: 5px;
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
/** @define Dashboard */
|
||||
@import "awx/ui/client/src/shared/branding/colors.default.less";
|
||||
@import "../shared/branding/colors.default.less";
|
||||
|
||||
.Dashboard {
|
||||
display: flex;
|
||||
@ -19,7 +19,7 @@
|
||||
}
|
||||
|
||||
.Dashboard-list {
|
||||
border: 1px solid #e1e1e1;
|
||||
border: 1px solid @default-border;
|
||||
border-radius: 5px;
|
||||
margin-top: 20px;
|
||||
width: 50%;
|
||||
|
||||
@ -137,7 +137,7 @@
|
||||
.JobDetail-tableToggle{
|
||||
padding-left:10px;
|
||||
padding-right: 10px;
|
||||
border: 1px solid @default-second-border;
|
||||
border: 1px solid @d7grey;
|
||||
}
|
||||
|
||||
.JobDetail-tableToggle.active{
|
||||
|
||||
@ -16,7 +16,7 @@
|
||||
border-radius: 5px;
|
||||
padding: 2px 10px;
|
||||
margin: 4px 0px;
|
||||
border: 1px solid @default-second-border;
|
||||
border: 1px solid @d7grey;
|
||||
font-size: 12px;
|
||||
color: @default-interface-txt;
|
||||
text-transform: uppercase;
|
||||
@ -37,7 +37,7 @@
|
||||
}
|
||||
|
||||
.LabelList-deleteContainer {
|
||||
border: 1px solid @default-second-border;
|
||||
border: 1px solid @d7grey;
|
||||
border-left-color: @default-bg;
|
||||
background-color: @default-bg;
|
||||
border-top-right-radius: 5px;
|
||||
|
||||
@ -48,7 +48,7 @@
|
||||
height:20px;
|
||||
font-size: 20px;
|
||||
background-color:@default-bg;
|
||||
color:@default-second-border;
|
||||
color:@d7grey;
|
||||
transition: color 0.2s;
|
||||
line-height:1;
|
||||
}
|
||||
|
||||
@ -21,7 +21,7 @@
|
||||
.TagSearch-typeDropdown {
|
||||
color: @default-interface-txt;
|
||||
flex: initial;
|
||||
border: 1px solid @default-second-border;
|
||||
border: 1px solid @d7grey;
|
||||
border-top-left-radius: 5px;
|
||||
border-bottom-left-radius: 5px;
|
||||
padding: 0px 10px;
|
||||
@ -55,7 +55,7 @@
|
||||
top: 34px;
|
||||
font-size: 14px;
|
||||
border-radius: 5px;
|
||||
border: 1px solid @default-second-border;
|
||||
border: 1px solid @d7grey;
|
||||
background: white;
|
||||
padding: 5px 0;
|
||||
border-top-left-radius: 0px;
|
||||
@ -86,13 +86,13 @@
|
||||
}
|
||||
|
||||
.TagSearch-dropdownItem.is-selected {
|
||||
background-color: @default-button-hov;
|
||||
background-color: @default-no-iterms-bord;
|
||||
}
|
||||
|
||||
.TagSearch-searchTermContainer {
|
||||
flex: initial;
|
||||
width: ~"calc(100% - 70px)";
|
||||
border: 1px solid @default-second-border;
|
||||
border: 1px solid @d7grey;
|
||||
border-left: 0px;
|
||||
border-top-right-radius: 5px;
|
||||
border-bottom-right-radius: 5px;
|
||||
@ -147,7 +147,7 @@
|
||||
flex: initial;
|
||||
margin-left: auto;
|
||||
padding: 8px 10px;
|
||||
border-left: 1px solid @default-second-border;
|
||||
border-left: 1px solid @d7grey;
|
||||
background-color: @default-bg;
|
||||
cursor: pointer;
|
||||
border-top-right-radius: 5px;
|
||||
@ -174,7 +174,7 @@
|
||||
border-radius: 5px;
|
||||
padding: 2px 10px;
|
||||
margin: 4px 0px;
|
||||
border: 1px solid @default-second-border;
|
||||
border: 1px solid @d7grey;
|
||||
font-size: 12px;
|
||||
color: @default-interface-txt;
|
||||
text-transform: uppercase;
|
||||
@ -195,7 +195,7 @@
|
||||
}
|
||||
|
||||
.TagSearch-deleteContainer {
|
||||
border: 1px solid @default-second-border;
|
||||
border: 1px solid @d7grey;
|
||||
border-left-color: @default-bg;
|
||||
background-color: @default-bg;
|
||||
border-top-right-radius: 5px;
|
||||
|
||||
@ -4,23 +4,29 @@
|
||||
@default-icon: #B7B7B7;
|
||||
@default-icon-hov: #D7D7D7; // also selected button
|
||||
@default-border: #E8E8E8;
|
||||
@default-second-border: #D7D7D7;
|
||||
@d7grey: #D7D7D7; // used for random things, like the close button on top-right corner of panes
|
||||
@default-bg: #FFFFFF; // also selected btn txt
|
||||
@default-secondary-bg: #FCFCFC; // page/input field bg, just adds depth
|
||||
@default-tertiary-bg: #FAFAFA; // hover bg, alt-list
|
||||
@default-err: #FF5850;
|
||||
@default-err-hov: #FF1105;
|
||||
@default-succ: #3CB878;
|
||||
@default-succ-hov: #60D66F;
|
||||
@default-succ-disabled: lighten(@default-succ, 30);
|
||||
@default-link: #1678C4;
|
||||
@default-link-hov: #4498DA;
|
||||
@default-button-hov: #F2F2F2;
|
||||
@default-err: #D9534F; // used to be FF5850
|
||||
@default-err-hov: #C9302C; // used to be FF1105
|
||||
@default-succ: #3CB878; //used to be 3CB878
|
||||
@default-succ-hov: #449D44; //used to be 60D66F
|
||||
@default-succ-disabled: #D7D7D7; // no different than other disableds...remove sometime
|
||||
@default-link: #337AB7; // used to be 1678C4
|
||||
@default-link-hov: #286090; // used to be 4498DA
|
||||
@default-list-header-bg:#EBEBEB;
|
||||
@default-no-items-bord: #F6F6F6;
|
||||
@default-as-detail-txt: #707070;
|
||||
@default-no-items-bord: #F6F6F6; // also white button hovers
|
||||
@default-stdout-txt: #707070;
|
||||
@default-dark: #000000;
|
||||
|
||||
// TODO: not used yet!
|
||||
@default-warning: #F0AD4E;
|
||||
@default-warning-hov: #EC971F;
|
||||
@default-unreachable: #FF0000;
|
||||
@default-unreachable-hov:#D81F1F;
|
||||
@default-white-button-bord:#E1E1E1;
|
||||
|
||||
// layout
|
||||
@page-bg: @default-secondary-bg;
|
||||
|
||||
@ -55,7 +61,7 @@
|
||||
@list-actn-bord-hov: @default-link;
|
||||
@list-row-select-bord: @default-link;
|
||||
@list-pagin-text: @default-interface-txt;
|
||||
@list-pagin-bord: @default-second-border;
|
||||
@list-pagin-bord: @d7grey;
|
||||
@list-pagin-bord-act: @default-icon-hov;
|
||||
@list-pagin-bg-act: @default-icon-hov;
|
||||
@list-title-txt: @default-interface-txt;
|
||||
@ -63,7 +69,7 @@
|
||||
@list-srch-inpt-bg: @default-secondary-bg;
|
||||
@list-srch-inpt-txt: @default-data-txt;
|
||||
@list-srch-inpt-ph-txt: @default-icon;
|
||||
@list-srch-inpt-bord: @default-second-border;
|
||||
@list-srch-inpt-bord: @d7grey;
|
||||
@list-srch-inpt-focus: @default-link;
|
||||
@list-srch-btn-icon: @default-icon;
|
||||
@list-srch-btn-bg: @default-bg;
|
||||
@ -87,7 +93,7 @@
|
||||
@login-notice-title: @default-interface-txt;
|
||||
@login-notice-bg: @default-secondary-bg;
|
||||
@login-notice-border: @default-secondary-bg;
|
||||
@login-notice-text: @default-as-detail-txt;
|
||||
@login-notice-text: @default-stdout-txt;
|
||||
|
||||
// login modal third party auth
|
||||
@third-party-label: @default-interface-txt;
|
||||
@ -102,16 +108,16 @@
|
||||
@field-input-text: @default-data-txt;
|
||||
@field-bg: @default-tertiary-bg;
|
||||
@field-secondary-bg: @default-secondary-bg;
|
||||
@field-border: @default-second-border;
|
||||
@field-border: @d7grey;
|
||||
@field-border-sel: @default-link;
|
||||
@field-dropdown-icon: @default-icon;
|
||||
@field-button-bg: @default-bg;
|
||||
@field-button-hov: @default-button-hov;
|
||||
@field-button-hov: @default-no-iterms-bord;
|
||||
@submit-button-text: @default-bg;
|
||||
@submit-button-bg: @default-succ;
|
||||
@submit-button-bg-hov: @default-succ-hov;
|
||||
@submit-button-bg-dis: @default-icon-hov;
|
||||
@code-mirror-gutter: @default-button-hov;
|
||||
@code-mirror-gutter: @default-no-iterms-bord;
|
||||
@radio-bg: @default-interface-txt;
|
||||
@field-lookup-btn-icon: @default-icon;
|
||||
@field-lookup-btn-bg: @default-bg;
|
||||
@ -166,4 +172,4 @@
|
||||
@panel-border: @default-border;
|
||||
|
||||
// activity stream details modal
|
||||
@as-detail-changes-txt: @default-as-detail-txt;
|
||||
@as-detail-changes-txt: @default-stdout-txt;
|
||||
|
||||
@ -47,7 +47,7 @@
|
||||
&-groupHeadingRow {
|
||||
background-color: @default-icon-hov;
|
||||
padding: 1em 12px;
|
||||
color: @default-as-detail-txt;
|
||||
color: @default-interface-txt;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
@ -116,7 +116,7 @@
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-end;
|
||||
font-size: 14px;
|
||||
color: @default-as-detail-txt;
|
||||
color: @default-interface-txt;
|
||||
text-transform: uppercase;
|
||||
|
||||
&-host {
|
||||
|
||||
@ -48,7 +48,7 @@
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: @default-as-detail-txt;
|
||||
background-color: @default-interface-txt;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user