diff --git a/canaille/static/css/base.css b/canaille/static/css/base.css index 125adc6b..ec61d230 100644 --- a/canaille/static/css/base.css +++ b/canaille/static/css/base.css @@ -92,7 +92,7 @@ i.massive.massive.massive.portrait.icon, i.massive.massive.massive.portrait.icon color: rgba(255,255,255,.87); } .ui.card .bottom, .ui.link.menu .item, .ui.menu .dropdown.item, .ui.menu .link.item, .ui.menu a.item, .ui.icon.menu .item, .ui.header .sub.header, .ui.label, table.dataTable tbody tr td, .ui.card .bottom.button:hover, .ui.card .bottom.button:focus { - color: rgba(255,255,255,.6); + color: rgba(255,255,255,.7); } .ui.selection.dropdown, .ui.form input:not([type]), .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"] { background: #222222 !important; @@ -112,7 +112,7 @@ i.massive.massive.massive.portrait.icon, i.massive.massive.massive.portrait.icon color: rgba(255,255,255,.95); } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { - color: rgba(255,255,255,.6) !important; + color: rgba(255,255,255,.7) !important; } .ui.attached.header, .ui.toggle.checkbox label::before, .ui.table > thead > tr > th, table.dataTable tbody tr td .ui.label, .ui.card, .ui.cards > .card, .ui.message, .ui.info.message, .ui.success.message { background-color: #282828; @@ -129,7 +129,7 @@ i.massive.massive.massive.portrait.icon, i.massive.massive.massive.portrait.icon background-color: #222222 !important; } .dataTables_wrapper .dataTables_paginate a.paginate_button.item { - color: rgba(255,255,255,.6) !important; + color: rgba(255,255,255,.7) !important; } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { color: rgba(255,255,255,.4) !important; @@ -149,9 +149,21 @@ i.massive.massive.massive.portrait.icon, i.massive.massive.massive.portrait.icon box-shadow: none; } .ui.card .meta { - color: rgba(255,255,255,.6) !important; + color: rgba(255,255,255,.7) !important; } .ui.attached.header, .ui.attached.segment { border: 1px solid #222222; } + .ui.info.message { + background-color: rgba(0, 60, 255, 0.05); + } + .ui.success.message, .ui.positive.message { + background-color: rgba(22, 255, 72, 0.05); + } + .ui.warning.message { + background-color: rgba(255, 217, 0, 0.05); + } + .ui.negative.message, .ui.error.message { + background-color: rgba(255, 0, 0, 0.05); + } }