External-Mirrors/awx
2
0
Fork 0
mirror of https://github.com/ansible/awx.git synced 2026-02-21 13:10:11 -03:30
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #207 from joefiorini/branding-colors

Browse Source 
Extract colors to easily resuable partial
This commit is contained in:
Joe Fiorini
2015-05-13 15:14:20 -05:00
parent 9202b19f08 692bd77e04
commit f5d720cb71
3 changed files with 32 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
awx/ui/static/js/shared/branding/colors.less Normal file
View File

@@ -0,0 +1,24 @@
@active-color: #EDF2F2; // #c6e5e5;
@black: #171717;
@blue: #1778c3; /* logo blue */
@blue-link: #1778c3;
@blue-dark: #2a6496; /* link hover */
@grey: #A9A9A9;
@grey-txt: #707070;
@info: #d9edf7; /* alert info background color */
@info-border: #bce8f1; /* alert info border color */
@info-color: #3a87ad;
@unreachable: #FF0000;
@changed: #FF9900; // Ansible Changed
@skipped: #00aaaa; // Ansible Skipped
@warning: #FF9900;
@well: #f5f5f5; /* well background color */
@well-border: #e3e3e3;
@white: #FFF;
@tip-background: #0088CC;
@tip-color: #fff;
@green: #60D66F;
@red: #ff5850;
@red-hover: #FA8C87;
@red-focus: #FF1105;

35
awx/ui/static/less/ansible-ui.less
View File

@@ -7,32 +7,6 @@
* *
*/ */
@active-color: #EDF2F2; // #c6e5e5;
@black: #171717;
@blue: #1778c3; /* logo blue */
@blue-link: #1778c3;
@blue-dark: #2a6496; /* link hover */
@grey: #A9A9A9;
@grey-txt: #707070;
@info: #d9edf7; /* alert info background color */
@info-border: #bce8f1; /* alert info border color */
@info-color: #3a87ad;
@unreachable: #FF0000;
@changed: #FF9900; // Ansible Changed
@skipped: #00aaaa; // Ansible Skipped
@warning: #FF9900;
@well: #f5f5f5; /* well background color */
@well-border: #e3e3e3;
@white: #FFF;
@tip-background: #0088CC;
@tip-color: #fff;
@green: #60D66F;
@red: #ff5850;
@red-hover: #FA8C87;
@red-focus: #FF1105;
@font-face { @font-face {
font-family: 'Open Sans'; font-family: 'Open Sans';
font-style: normal; font-style: normal;
@@ -47,6 +21,7 @@
src: url(/static/fonts/OpenSans-Bold.ttf); src: url(/static/fonts/OpenSans-Bold.ttf);
} }
@import "../js/shared/branding/colors.less";
@import "main-layout.less"; @import "main-layout.less";
@import "animations.less"; @import "animations.less";
@import "jquery-ui-overrides.less"; @import "jquery-ui-overrides.less";
@@ -111,7 +86,7 @@ blockquote {
} }
a { a {
color: @blue; color: @blue-link;
text-decoration: none; text-decoration: none;
} }
@@ -165,7 +140,7 @@ a:focus {
/* Bring primary (blue) buttons in line with link colors */ /* Bring primary (blue) buttons in line with link colors */
.btn-primary { .btn-primary {
background-color: @blue; background-color: @blue-link;
} }
.btn-primary:hover { .btn-primary:hover {
@@ -184,7 +159,7 @@ a:focus {
cursor: pointer; cursor: pointer;
} }
.dropdown .caret { .dropdown .caret {
border-top-color: @blue; border-top-color: @blue-link;
} }
} }
@@ -1843,7 +1818,7 @@ tr td button i {
#sockets { #sockets {
.section-title { .section-title {
font-weight: bold; font-weight: bold;
color: @blue; color: @blue-link;
margin-top: 30px; margin-top: 30px;
} }
#test-container .section-title { #test-container .section-title {

4
awx/ui/static/less/jquery-ui-overrides.less
View File

@@ -17,7 +17,7 @@ table.ui-datepicker-calendar {
.ui-dialog-title { .ui-dialog-title {
font-size: 22px; font-size: 22px;
color: @blue; color: @blue-link;
font-weight: bold; font-weight: bold;
line-height: normal; line-height: normal;
} }
@@ -96,7 +96,7 @@ table.ui-datepicker-calendar {
a, a,
a:visited, a:visited,
a:active { a:active {
color: @blue; color: @blue-link;
text-decoration: none; text-decoration: none;
} }