From b4418aa70b9b26e02fccfc8dfd6762af9a3bf875 Mon Sep 17 00:00:00 2001 From: Adhiraj Singh Chauhan Date: Fri, 9 Jun 2017 17:18:32 +0530 Subject: [PATCH] Added more support, enhanced colours --- theme.less | 130 ++++++++++++++++++++++++++++++++++++++++++++++++----- 1 file changed, 120 insertions(+), 10 deletions(-) diff --git a/theme.less b/theme.less index be1e8b1..6825726 100644 --- a/theme.less +++ b/theme.less @@ -231,6 +231,11 @@ background: #263238; } +#main-toolbar .buttons>a:hover, +#main-toolbar .bottom-buttons>a:hover { + background-color: rgba(255, 255, 255, 0.12) !important; +} + #status-bar, #status-indicators { background: #263238 !important; @@ -269,7 +274,7 @@ } .extension-manager-dialog .modal-header .nav-tabs>li>a:hover { - background-color: rgba(0, 0, 0, 0.1) !important; + background-color: rgba(255, 255, 255, 0.12) !important; } .extension-manager-dialog .modal-header #sort-attributes-icon { @@ -289,27 +294,79 @@ select>option { background-color: #263238 !important; } -.btn:not(.btn-status-bar) { +.btn-dropdown:not(.btn-status-bar) { + padding: 0.5rem 1.5rem 0.5rem 1rem !important; + background-color: #37474F !important; + box-shadow: none !important; + border: none; +} + +.btn-dropdown:not(.btn-status-bar):after { + right: 0.5rem; + top: 1rem; + border-top: 5px solid #ccc; +} + +.btn:not(.btn-status-bar):not(.btn-dropdown) { padding: 0.5rem 1rem 0.5rem 1rem !important; background-color: #37474F !important; box-shadow: none !important; border: none; } +.btn-alt-quiet { + border-radius: 2px !important; +} + +.btn-alt-quiet:hover { + border: 1px solid transparent !important; + box-shadow: none !important; + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.btn.btn-mini.install { + background-color: #4caf50 !important; + color: #fff !important; + font-size: 14px; +} + +.btn.btn-mini.install:hover { + background-color: rgba(255, 255, 255, 0.12) !important; +} + +.btn.btn-mini.remove { + background-color: #f44336 !important; + color: #fff !important; + font-size: 14px; +} + +.btn.btn-mini.remove:hover { + background-color: rgba(255, 255, 255, 0.12) !important; +} + +#project-files-header .btn-alt-quiet { + background-color: #37474F !important; + padding: 0.25rem 0.75rem 0.25rem 0.75rem !important; +} + +#project-files-header.btn-alt-quiet:hover { + background-color: rgba(255, 255, 255, 0.12) !important; +} + .btn-group button { height: auto !important; border: none !important; } .btn:hover { - opacity: 0.75; + background-color: rgba(255, 255, 255, 0.12) !important; } -.btn.primary { +.dialog-button.btn.primary { background-color: #2196f3 !important; } -.btn.primary:focus { +.dialog-button.btn.primary:focus { background-color: #1976d2 !important; } @@ -339,17 +396,70 @@ input[type=checkbox] { box-shadow: none !important; } -.btn-alt-quiet { - background-color: #37474F !important; - padding: 0.25rem 0.75rem 0.25rem 0.75rem !important; -} - .toolbar .nav .dropdown-menu li a, .context-menu .dropdown-menu li a, .codehint-menu .dropdown-menu li a { line-height: 2 !important; } +.dark .toolbar .nav .dropdown-menu li a:hover, +.dark .context-menu .dropdown-menu li a:hover, +.dark .codehint-menu .dropdown-menu li a:hover, +.dark .toolbar .nav .dropdown-menu li a.highlight, +.dark .context-menu .dropdown-menu li a.highlight, +.dark .codehint-menu .dropdown-menu li a.highlight { + background-color: rgba(255, 255, 255, 0.12) !important; +} + .jstree-brackets { line-height: 1.6 !important; } + +textarea, +input[type="text"], +input[type="password"], +input[type="datetime"], +input[type="datetime-local"], +input[type="date"], +input[type="month"], +input[type="time"], +input[type="week"], +input[type="number"], +input[type="email"], +input[type="url"], +input[type="search"], +input[type="tel"], +input[type="color"], +.uneditable-input { + background-color: #455A64 !important; +} + +.health-data-preview .preview-content-container { + background-color: #263238; + color: #E9EDED; + font-family: 'Consolas', 'Roboto Mono', monospace; +} + +.modal-bar { + background: #263238 !important; +} + +.modal-bar #find-regexp.active, +.dark .modal-bar #find-regexp:active, +.dark .modal-bar #find-case-sensitive.active, +.dark .modal-bar #find-case-sensitive:active { + background-color: #455A64 !important; +} + +.quick-search-container li { + padding: 1rem 1.5rem 1rem 1.5rem; +} + +.quick-search-container, +.quick-search-container li:nth-child(odd) { + background: #263238 !important; +} + +.quick-search-container li:hover { + background-color: rgba(255, 255, 255, 0.12) !important; +}