Skip to content

K
kanboard-theme
Commit 70810885 authored by Giacomo Lavermicocca's avatar Giacomo Lavermicocca
Browse files
Options

Modified css roules

parent f2000973
Hide whitespace changes
Inline Side-by-side
Showing with 143 additions and 99 deletions
Template/css/app.css
View file @ 70810885
/* HELLO LESS */ /* HELLO LESS */
/* BYE BYE LESS */ /* BYE BYE LESS */
/* EX-INLINE */ /* EX-INLINE */
.dropdown-menu.dropdown-menu-link-icon > .fa.fa-caret-down {
color: #315C7B;
}
.fa.fa-caret-down { .fa.fa-caret-down {
color: #222222; color: #222222;
} }
.table-list-row.color-cyan { .color-cyan {
border-left: 5px solid #0ce3ac !important; border-left: 5px solid #0ce3ac !important;
} }
::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #315C7B !important;
opacity: 1;
/* Firefox */
}
/* END */ /* END */
h1, h1,
li, li,
...@@ -70,11 +79,11 @@ a { ...@@ -70,11 +79,11 @@ a {
} }
a:focus { a:focus {
outline: 0; outline: 0;
color: #0ce3ac !important; color: #315C7B !important;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
color: #0ce3ac !important; color: #315C7B !important;
text-decoration: none; text-decoration: none;
} }
a .fa { a .fa {
...@@ -135,8 +144,8 @@ table.table-striped tr:nth-child(odd) { ...@@ -135,8 +144,8 @@ table.table-striped tr:nth-child(odd) {
table th { table th {
text-align: left; text-align: left;
padding: 0.5em 3px; padding: 0.5em 3px;
border: 1px solid #eee; border: 1px solid #0ce3ac;
background: #fbfbfb; background: #0ce3ac;
} }
table th a { table th a {
text-decoration: none; text-decoration: none;
...@@ -147,7 +156,7 @@ table th a:hover { ...@@ -147,7 +156,7 @@ table th a:hover {
text-decoration: underline; text-decoration: underline;
} }
table td { table td {
border: 1px solid #eee; border: 1px solid #0ce3ac;
padding: 0.5em 3px; padding: 0.5em 3px;
vertical-align: top; vertical-align: top;
} }
...@@ -486,7 +495,7 @@ tr.draggable-item-selected td:last-child { ...@@ -486,7 +495,7 @@ tr.draggable-item-selected td:last-child {
} }
.table-list-header { .table-list-header {
background: #0ce3ac; background: #0ce3ac;
border: solid #EAEAEA; border: solid #0ce3ac;
border-top: 1px; border-top: 1px;
border-left: 0px; border-left: 0px;
border-right: 0px; border-right: 0px;
...@@ -531,7 +540,7 @@ tr.draggable-item-selected td:last-child { ...@@ -531,7 +540,7 @@ tr.draggable-item-selected td:last-child {
border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
} }
.table-list-row:hover { .table-list-row:hover {
background: #4078C0; background: #0ce3ac;
border-bottom: 1px solid #6EBEBE; border-bottom: 1px solid #6EBEBE;
border-right: 1px solid #6EBEBE; border-right: 1px solid #6EBEBE;
} }
...@@ -624,7 +633,7 @@ tr.draggable-item-selected td:last-child { ...@@ -624,7 +633,7 @@ tr.draggable-item-selected td:last-child {
color: #000; color: #000;
} }
.table-list-category a:hover { .table-list-category a:hover {
color: #0ce3ac; color: #315C7B;
} }
fieldset { fieldset {
border: 1px solid #ddd; border: 1px solid #ddd;
...@@ -854,10 +863,11 @@ ul.form-errors li { ...@@ -854,10 +863,11 @@ ul.form-errors li {
.input-addon-field { .input-addon-field {
flex: 1; flex: 1;
font-size: 1em; font-size: 1em;
color: #999; color: #3F3F3F;
margin: 0; margin: 0;
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
background-color: #696969;
} }
.input-addon-field:first-child { .input-addon-field:first-child {
border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px;
...@@ -866,7 +876,7 @@ ul.form-errors li { ...@@ -866,7 +876,7 @@ ul.form-errors li {
border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0;
} }
.input-addon-item { .input-addon-item {
background-color: rgba(147, 128, 108, 0.1); background-color: #3F3F3F;
color: #666; color: #666;
font: inherit; font: inherit;
font-weight: normal; font-weight: normal;
...@@ -884,8 +894,9 @@ ul.form-errors li { ...@@ -884,8 +894,9 @@ ul.form-errors li {
} }
.input-addon-field, .input-addon-field,
.input-addon-item { .input-addon-item {
border: 1px solid rgba(147, 128, 108, 0.25); border-bottom: 1px solid;
padding: 4px 0.75em; padding: 4px 0.75em;
background-color: #3F3F3F;
} }
.input-addon-field:not(:first-child), .input-addon-field:not(:first-child),
.input-addon-item:not(:first-child) { .input-addon-item:not(:first-child) {
...@@ -1031,7 +1042,7 @@ a.btn { ...@@ -1031,7 +1042,7 @@ a.btn {
} }
#tooltip-container { #tooltip-container {
padding: 5px; padding: 5px;
background: #fff; background: #3F3F3F;
border: 1px solid #ddd; border: 1px solid #ddd;
border-radius: 4px; border-radius: 4px;
box-shadow: 0 6px 12px #aaa; box-shadow: 0 6px 12px #aaa;
...@@ -1085,11 +1096,11 @@ ul.dropdown-submenu-open { ...@@ -1085,11 +1096,11 @@ ul.dropdown-submenu-open {
border: none; border: none;
} }
.dropdown-submenu-open li:not(.no-hover):hover { .dropdown-submenu-open li:not(.no-hover):hover {
background: #4078C0; background: #0ce3ac;
color: #0ce3ac; color: #315C7B;
} }
.dropdown-submenu-open li:hover a { .dropdown-submenu-open li:hover a {
color: #0ce3ac; color: #315C7B;
} }
.dropdown-submenu-open a { .dropdown-submenu-open a {
text-decoration: none; text-decoration: none;
...@@ -1100,7 +1111,7 @@ ul.dropdown-submenu-open { ...@@ -1100,7 +1111,7 @@ ul.dropdown-submenu-open {
} }
.dropdown-menu-link-text, .dropdown-menu-link-text,
.dropdown-menu-link-icon { .dropdown-menu-link-icon {
color: #0ce3ac; color: #315C7B;
text-decoration: none; text-decoration: none;
} }
.dropdown-menu-link-text:hover { .dropdown-menu-link-text:hover {
...@@ -1130,7 +1141,7 @@ td a.dropdown-menu:hover i { ...@@ -1130,7 +1141,7 @@ td a.dropdown-menu:hover i {
.accordion-title h3 { .accordion-title h3 {
display: inline; display: inline;
padding-right: 5px; padding-right: 5px;
background: #fff; background: #0ce3ac;
} }
.accordion-content { .accordion-content {
margin-top: 15px; margin-top: 15px;
...@@ -1164,47 +1175,52 @@ td a.dropdown-menu:hover i { ...@@ -1164,47 +1175,52 @@ td a.dropdown-menu:hover i {
z-index: 1000; z-index: 1000;
min-width: 160px; min-width: 160px;
padding: 5px 0; padding: 5px 0;
background: #fff; background: #3F3F3F;
list-style: none; list-style: none;
border: 1px solid #ccc; border: 1px solid #315C7B;
border-radius: 3px; border-radius: 3px;
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
overflow: scroll; overflow: auto;
} }
.select-dropdown-menu-item { .select-dropdown-menu-item {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
padding: 3px 10px; padding: 3px 10px;
color: #555; color: #0ce3ac;
cursor: pointer; cursor: pointer;
border-bottom: 1px solid #f8f8f8; border-bottom: 1px solid #315C7B;
line-height: 1.5em; line-height: 1.5em;
font-weight: 400; font-weight: 400;
} }
.select-dropdown-menu-item.active { .select-dropdown-menu-item.active {
color: #fff; color: #315C7B;
background: #428bca; background: #0ce3ac;
} }
.select-dropdown-menu-item:last-child { .select-dropdown-menu-item:last-child {
border: none; border: none;
} }
.select-dropdown-input-container { .select-dropdown-input-container {
position: relative; position: relative;
border: 1px solid #ccc; border-bottom: 1px solid #0ce3ac;
border-right: 0px;
border-left: 0px;
border-top: 0px;
border-radius: 5px; border-radius: 5px;
background-color: #fff; background-color: #0ce3ac;
color: #315C7B;
} }
.select-dropdown-input-container input.select-dropdown-input { .select-dropdown-input-container input.select-dropdown-input {
margin: 0 0 0 5px; margin: 0 0 0 5px;
border: none; border: none;
height: 23px; height: 23px;
background-color: #0ce3ac;
} }
.select-dropdown-input-container input.select-dropdown-input:focus { .select-dropdown-input-container input.select-dropdown-input:focus {
border: none; border: none;
box-shadow: none; box-shadow: none;
} }
.select-dropdown-input-container .select-dropdown-chevron { .select-dropdown-input-container .select-dropdown-chevron {
color: #555; color: #315C7B;
position: absolute; position: absolute;
top: 4px; top: 4px;
right: 5px; right: 5px;
...@@ -1297,11 +1313,13 @@ td a.dropdown-menu:hover i { ...@@ -1297,11 +1313,13 @@ td a.dropdown-menu:hover i {
header { header {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
border-bottom: 0px solid #70C0C0; /*border-bottom:1px solid @color-logo;*/
border-right: 0px solid #70C0C0; /*border-right:1px solid @color-logo;*/
border-bottom: 0px solid;
background-color: #315C7B; background-color: #315C7B;
margin: 10px; margin: 10px;
border-radius: 5px; border-radius: 5px;
padding: 15px;
} }
header .title-container { header .title-container {
flex: 1; flex: 1;
...@@ -1341,14 +1359,14 @@ header .menus-container { ...@@ -1341,14 +1359,14 @@ header .menus-container {
} }
header h1 { header h1 {
font-size: 1.5em; font-size: 1.5em;
color: #7FC0C2; color: #0ce3ac;
} }
header h1 .tooltip { header h1 .tooltip {
opacity: 0.3; opacity: 0.3;
font-size: 0.7em; font-size: 0.7em;
} }
a i.web-notification-icon { a i.web-notification-icon {
color: #0ce3ac; color: #315C7B;
} }
a i.web-notification-icon:focus, a i.web-notification-icon:focus,
a i.web-notification-icon:hover { a i.web-notification-icon:hover {
...@@ -1385,9 +1403,10 @@ a i.web-notification-icon:hover { ...@@ -1385,9 +1403,10 @@ a i.web-notification-icon:hover {
padding: 0; padding: 0;
font-weight: bold; font-weight: bold;
border-bottom: 1px dotted #ccc; border-bottom: 1px dotted #ccc;
color: #0ce3ac;
} }
.page-header h2 a { .page-header h2 a {
color: #333; color: #315C7B;
text-decoration: none; text-decoration: none;
} }
.page-header h2 a:focus, .page-header h2 a:focus,
...@@ -1484,15 +1503,15 @@ a i.web-notification-icon:hover { ...@@ -1484,15 +1503,15 @@ a i.web-notification-icon:hover {
padding-left: 13px; padding-left: 13px;
} }
.sidebar > ul li:hover { .sidebar > ul li:hover {
border-left: 5px solid #0ce3ac; border-left: 5px solid #315C7B;
padding-left: 8px; padding-left: 8px;
} }
.sidebar > ul li.active { .sidebar > ul li.active {
border-left: 5px solid #0ce3ac; border-left: 5px solid #315C7B;
padding-left: 8px; padding-left: 8px;
} }
.sidebar > ul li.active a { .sidebar > ul li.active a {
color: #0ce3ac; color: #315C7B;
font-weight: bold; font-weight: bold;
} }
.sidebar-icons > ul li { .sidebar-icons > ul li {
...@@ -1757,8 +1776,8 @@ a i.web-notification-icon:hover { ...@@ -1757,8 +1776,8 @@ a i.web-notification-icon:hover {
} }
.views li { .views li {
white-space: nowrap; white-space: nowrap;
background: #fafafa; background: #315C7B;
border: 1px solid #ddd; border: 1px solid #0ce3ac;
border-right: none; border-right: none;
padding: 4px 8px; padding: 4px 8px;
display: inline; display: inline;
...@@ -1768,12 +1787,12 @@ a i.web-notification-icon:hover { ...@@ -1768,12 +1787,12 @@ a i.web-notification-icon:hover {
display: block; display: block;
margin-top: 5px; margin-top: 5px;
border-radius: 5px; border-radius: 5px;
border: 1px solid #ddd; border: 1px solid #0ce3ac;
} }
} }
.views li.active a { .views li.active a {
font-weight: bold; font-weight: bold;
color: #000; color: #0ce3ac;
text-decoration: none; text-decoration: none;
} }
.views li:first-child { .views li:first-child {
...@@ -1786,11 +1805,11 @@ a i.web-notification-icon:hover { ...@@ -1786,11 +1805,11 @@ a i.web-notification-icon:hover {
border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
} }
.views a { .views a {
color: #555; color: #222222;
text-decoration: none; text-decoration: none;
} }
.views a:hover { .views a:hover {
color: #333; color: #0ce3ac;
text-decoration: underline; text-decoration: underline;
} }
.dashboard-project-stats small { .dashboard-project-stats small {
...@@ -1877,7 +1896,7 @@ td.board-column-task-collapsed { ...@@ -1877,7 +1896,7 @@ td.board-column-task-collapsed {
} }
.board-add-icon i { .board-add-icon i {
text-decoration: none; text-decoration: none;
color: #0ce3ac; color: #315C7B;
font-size: 1.4em; font-size: 1.4em;
} }
.board-add-icon i:focus, .board-add-icon i:focus,
...@@ -2098,7 +2117,7 @@ span.task-icon-age-column { ...@@ -2098,7 +2117,7 @@ span.task-icon-age-column {
} }
span.task-date-today { span.task-date-today {
opacity: 1; opacity: 1;
color: #0ce3ac; color: #315C7B;
} }
span.task-date-overdue { span.task-date-overdue {
opacity: 1; opacity: 1;
...@@ -2276,7 +2295,7 @@ span.task-date-overdue { ...@@ -2276,7 +2295,7 @@ span.task-date-overdue {
} }
.subtask-cell a:hover, .subtask-cell a:hover,
.subtask-cell a:focus { .subtask-cell a:focus {
color: #0ce3ac; color: #315C7B;
} }
.subtask-cell:first-child { .subtask-cell:first-child {
border-left: none; border-left: none;
...@@ -2331,7 +2350,7 @@ span.task-date-overdue { ...@@ -2331,7 +2350,7 @@ span.task-date-overdue {
margin-right: 10px; margin-right: 10px;
} }
.text-editor a:hover { .text-editor a:hover {
color: #0ce3ac; color: #315C7B;
} }
.text-editor .text-editor-preview-area { .text-editor .text-editor-preview-area {
border: 1px solid #dedede; border: 1px solid #dedede;
...@@ -2416,9 +2435,9 @@ span.task-date-overdue { ...@@ -2416,9 +2435,9 @@ span.task-date-overdue {
padding: 8px 35px 8px 10px; padding: 8px 35px 8px 10px;
margin-top: 10px; margin-top: 10px;
margin-bottom: 15px; margin-bottom: 15px;
border: 1px solid #ddd; border: 1px solid #0ce3ac;
color: #333; color: #333;
background-color: #fcfcfc; background-color: #0ce3ac;
overflow: auto; overflow: auto;
} }
.panel li { .panel li {
...@@ -2429,9 +2448,10 @@ span.task-date-overdue { ...@@ -2429,9 +2448,10 @@ span.task-date-overdue {
.activity-event { .activity-event {
margin-bottom: 15px; margin-bottom: 15px;
padding: 10px; padding: 10px;
background-color: #222222;
} }
.activity-event:nth-child(even) { .activity-event:nth-child(even) {
background: #fafafa; background: #3F3F3F;
} }
.activity-event:hover { .activity-event:hover {
background: #fff8dc; background: #fff8dc;
......
Template/css/app.original.less
View file @ 70810885
...@@ -2,26 +2,39 @@ ...@@ -2,26 +2,39 @@
/* HELLO LESS */ /* HELLO LESS */
@color-link: #0ce3ac; @color-link: #315C7B;//#0ce3ac;
@color-nolink : #0ce3ac;
@color-title-bar: #315C7B;
@color-base: #222222; @color-base: #222222;
@color-base-odd: #3F3F3F; @color-base-odd: #3F3F3F;
@color-upper: #EAEAEA; @color-upper: #EAEAEA;
@color-rows-hover: #4078C0; @color-rows-hover: #0ce3ac;
@color-input-box:rgb(105, 105, 105);
@color-borders: #EAEAEA; @color-borders: #0ce3ac;
@color-main-text: #0ce3ac; @color-main-text: #0ce3ac;
@color-sub-text: #999; @color-sub-text: #999;
@color-logo: #7FC0C2; @color-logo: #0ce3ac;
@input-field-fill:#3F3F3F;
/* BYE BYE LESS */ /* BYE BYE LESS */
/* EX-INLINE */ /* EX-INLINE */
.dropdown-menu.dropdown-menu-link-icon > .fa.fa-caret-down{
color: @color-link;
}
.fa.fa-caret-down{ .fa.fa-caret-down{
color: @color-base; color: @color-base;
}
.color-cyan{
border-left: 5px solid @color-borders !important;
} }
.table-list-row.color-cyan{ ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
border-left: 5px solid @color-link !important; color: @color-title-bar !important;
opacity: 1; /* Firefox */
} }
// .dropdown-menu-link-te333t, .dropdown-menu-link-icon{ // .dropdown-menu-link-te333t, .dropdown-menu-link-icon{
...@@ -122,7 +135,7 @@ a:hover { ...@@ -122,7 +135,7 @@ a:hover {
a .fa { a .fa {
padding-right:3px; padding-right:3px;
text-decoration:none; text-decoration:none;
color: @color-link; color: @color-main-text;
} }
h1,h2,h3 { h1,h2,h3 {
font-weight:normal; font-weight:normal;
...@@ -175,8 +188,8 @@ table.table-striped tr:nth-child(odd) { ...@@ -175,8 +188,8 @@ table.table-striped tr:nth-child(odd) {
table th { table th {
text-align:left; text-align:left;
padding:0.5em 3px; padding:0.5em 3px;
border:1px solid #eee; border:1px solid @color-borders;
background:#fbfbfb background:@color-borders;
} }
table th a { table th a {
text-decoration:none; text-decoration:none;
...@@ -186,7 +199,7 @@ table th a:focus,table th a:hover { ...@@ -186,7 +199,7 @@ table th a:focus,table th a:hover {
text-decoration:underline text-decoration:underline
} }
table td { table td {
border:1px solid #eee; border:1px solid @color-borders;
padding:0.5em 3px; padding:0.5em 3px;
vertical-align:top vertical-align:top
} }
...@@ -523,7 +536,7 @@ tr.draggable-item-selected td:last-child { ...@@ -523,7 +536,7 @@ tr.draggable-item-selected td:last-child {
margin-bottom:20px margin-bottom:20px
} }
.table-list-header { .table-list-header {
background: @color-link; background: @color-borders;
border:solid @color-borders; border:solid @color-borders;
border-top: 1px; border-top: 1px;
border-left: 0px; border-left: 0px;
...@@ -555,11 +568,11 @@ tr.draggable-item-selected td:last-child { ...@@ -555,11 +568,11 @@ tr.draggable-item-selected td:last-child {
.table-list-row { .table-list-row {
padding-left:3px; padding-left:3px;
padding-right:3px; padding-right:3px;
border-bottom:1px solid @color-link; border-bottom:1px solid @color-borders;
border-right:1px solid @color-link; border-right:1px solid @color-borders;
} }
.table-list-row.table-border-left { .table-list-row.table-border-left {
border-left:1px solid @color-link; border-left:1px solid @color-borders;
} }
.table-list-row:nth-child(odd) { .table-list-row:nth-child(odd) {
background:#3F3F3F; background:#3F3F3F;
...@@ -866,10 +879,11 @@ ul.form-errors li { ...@@ -866,10 +879,11 @@ ul.form-errors li {
.input-addon-field { .input-addon-field {
flex:1; flex:1;
font-size:1em; font-size:1em;
color:#999; color: @input-field-fill;
margin:0; margin:0;
-webkit-appearance:none; -webkit-appearance:none;
-moz-appearance:none -moz-appearance:none;
background-color: @color-input-box;
} }
.input-addon-field:first-child { .input-addon-field:first-child {
border-radius:5px 0 0 5px border-radius:5px 0 0 5px
...@@ -878,7 +892,7 @@ ul.form-errors li { ...@@ -878,7 +892,7 @@ ul.form-errors li {
border-radius:0 5px 5px 0 border-radius:0 5px 5px 0
} }
.input-addon-item { .input-addon-item {
background-color:rgba(147,128,108,0.1); background-color: @input-field-fill;
color:#666; color:#666;
font:inherit; font:inherit;
font-weight:normal font-weight:normal
...@@ -895,8 +909,9 @@ ul.form-errors li { ...@@ -895,8 +909,9 @@ ul.form-errors li {
} }
} }
.input-addon-field,.input-addon-item { .input-addon-field,.input-addon-item {
border:1px solid rgba(147,128,108,0.25); border-bottom:1px solid;
padding:4px 0.75em padding:4px 0.75em;
background-color: @input-field-fill;
} }
.input-addon-field:not(:first-child),.input-addon-item:not(:first-child) { .input-addon-field:not(:first-child),.input-addon-item:not(:first-child) {
border-left:0 border-left:0
...@@ -1038,7 +1053,7 @@ a.btn { ...@@ -1038,7 +1053,7 @@ a.btn {
} }
#tooltip-container { #tooltip-container {
padding:5px; padding:5px;
background:#fff; background:@color-base-odd;
border:1px solid #ddd; border:1px solid #ddd;
border-radius:4px; border-radius:4px;
box-shadow:0 6px 12px #aaa; box-shadow:0 6px 12px #aaa;
...@@ -1100,7 +1115,7 @@ ul.dropdown-submenu-open { ...@@ -1100,7 +1115,7 @@ ul.dropdown-submenu-open {
} }
.dropdown-submenu-open a { .dropdown-submenu-open a {
text-decoration:none; text-decoration:none;
color:@color-link; color:@color-main-text;
} }
.dropdown-submenu-open a:focus { .dropdown-submenu-open a:focus {
text-decoration:underline text-decoration:underline
...@@ -1136,7 +1151,7 @@ td a.dropdown-menu:hover i { ...@@ -1136,7 +1151,7 @@ td a.dropdown-menu:hover i {
.accordion-title h3 { .accordion-title h3 {
display:inline; display:inline;
padding-right:5px; padding-right:5px;
background:#fff background:@color-borders;