• Home
• com.github.gwtmaterialdesign
• gwt-material-themes
• 2.8.3
• source code
• addins.dark.css

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

gwt.material.design.themes.dark.css.addins.dark.css Maven / Gradle / Ivy

/**
* Variables
**/
/**
* AutoComplete
**/
.gwt-SuggestBoxPopup {
  background: #2f2f2f; }

.gwt-SuggestBoxPopup .suggestPopupContent table tr td:hover {
  background-color: #353535 !important; }

ul.multiValueSuggestBox-list input[type=text]:focus:not([readonly]) {
  border: none !important;
  box-shadow: none !important; }

/**
* Bubble
**/
.bubble {
  background: #424242;
  color: #ffffff; }

.bubble .triangle.left {
  border-right-color: #424242; }

.bubble .triangle.right {
  border-left-color: #424242; }

.bubble .triangle.top {
  border-bottom-color: #424242; }

.bubble .triangle.bottom {
  border-top-color: #424242; }

/**
* ComboBox
**/
span.select2-dropdown {
  background-color: #2f2f2f; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #fff; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #1e1e1e; }

.select2-container--default .select2-results__option--highlighted[aria-selected=false], div.tagsinput span.tag {
  background-color: #353535; }

.input-field.combobox .select2-container--focus .select2-selection {
  border-bottom: 1px solid #bb86fc;
  box-shadow: 0 1px 0 0 #bb86fc; }

.input-field input[type=search]:focus {
  background-color: transparent;
  border-bottom: none !important;
  box-shadow: none !important; }

ul.select2-results__options[aria-multiselectable=true] li.select2-results__option:not([role=group])[aria-selected=true]:after {
  border: 2px solid #bb86fc;
  background-color: #bb86fc; }

ul.select2-results__options[aria-multiselectable=true] li.select2-results__option:not([role=group])[aria-selected=true]:before {
  border-right: 2px solid #000000;
  border-bottom: 2px solid #000000; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #2f2f2f;
  color: #ffffff; }

.select2-container--disabled .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #ffffff !important; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  border-bottom: 1px dotted rgba(255, 255, 255, 0.26) !important; }

.select2-container--default .select2-search--inline .select2-search__field:focus {
  background: transparent;
  border-bottom: none;
  box-shadow: none; }

/**
* Outlined
**/
.input-field.outlined.combobox label.select2label {
  background-color: #292929; }

.input-field.outlined.combobox .select2-selection {
  border: 1px solid #7b7b7b; }

/**
* Filled
**/
.input-field.filled.combobox .select2-container {
  background: #2f2f2f; }

.input-field.filled.combobox .select2-container:focus {
  background: #484848; }

/**
* Carousel
**/
.material-carousel .carousel-next-arrow,
.material-carousel .carousel-prev-arrow,
.slick-dots li.slick-active {
  background-color: #bb86fc; }

.material-carousel:not(.carousel-image) .carousel-next-arrow i,
.material-carousel:not(.carousel-image) .carousel-prev-arrow i {
  color: black; }

.slick-dots li {
  background-color: rgba(187, 134, 252, 0.23); }

/**
* FileUploader
**/
.fileuploader {
  background: #1e1e1e; }

.fileuploader .upload-label {
  background-color: #292929 !important; }

.fileuploader .upload-label i {
  background: #ffffff !important;
  color: #1e1e1e !important; }

.fileuploader.active {
  background: #1e1e1e !important; }

.fileuploader.active .upload-label {
  color: #fff !important; }

.preview-container {
  background-color: #1e1e1e; }

.preview-container .previews .zdrop-info .preview-icon {
  color: #1e1e1e !important; }

.preview-container .header {
  background-color: #1e1e1e !important; }

.preview-container .previews .zdrop-info .preview-icon {
  background: #393939; }

.preview-container .previews .collection-item {
  border-bottom: 1px solid #393939; }

.preview-container .previews .zdrop-info .preview-icon {
  color: #ffffff !important; }

/**
* Overlay
**/
.overlay-panel {
  background: #383838; }

/**
* TimePicker
**/
.lolliclock-header {
  background-color: #1e1f22 !important; }

.lolliclock-popover {
  background-color: #2e3033; }

.lolliclock-plate {
  background-color: #282828; }

.lolliclock-active-button-background {
  background: #bb86fc !important; }

.lolliclock-btn-text {
  color: #d2d2d2; }

.lolliclock-active-button-text {
  color: #000; }

.lolliclock-button {
  color: #bb86fc !important; }

.lolliclock-canvas-bg {
  fill: #d6b5ff !important; }

.lolliclock-canvas-fg {
  fill: #bb86fc !important; }

.lolliclock-canvas line {
  stroke: #fff !important; }

.lolliclock-tick.active, .lolliclock-tick:hover {
  background-color: #bb86fc !important; }

.input-field.timepicker input.valid {
  border-bottom: 1px solid #bb86fc;
  box-shadow: 0 1px 0 0 #bb86fc; }

/**
* Rating
**/
.material-rating {
  color: #bb86fc; }

/**
* RichEditor
**/
.note-editor {
  border-left: 3px solid #424242;
  border-bottom: 3px solid #424242;
  border-right: 3px solid #424242;
  background-color: #424242; }

.note-editor .note-toolbar {
  background-color: #424242;
  color: #fff; }

.note-editor .note-editable {
  background-color: #3a3a3a;
  box-shadow: none; }

.note-popover .popover .popover-content > .btn-group, .note-toolbar > .btn-group,
.note-editor .btn, .note-editor .btn-large, .popover .btn, .popover .btn-large {
  color: #f3f3f3;
  background-color: rgba(255, 255, 255, 0); }

.note-editor .btn.active, .note-editor .active.btn-large {
  background-color: rgba(255, 255, 255, 0.3) !important; }

.note-editor .btn:hover, .note-editor .btn-large:hover {
  background-color: rgba(255, 255, 255, 0.2) !important; }

.note-editor ul.dropdown-menu, .popover ul.dropdown-menu {
  background-color: #2f2f2f; }

/**
* Dialog
**/
.editorDialogs .modal .modal-footer, .note-editor .modal .modal-footer,
.editorDialogs .modal, .note-editor .modal {
  background-color: #383838;
  color: #f2f2f2; }

.note-dialog .note-help-dialog h4 {
  color: #f2f2f2; }

.note-dialog .note-help-dialog thead {
  background-color: #424242; }

.note-dialog .note-help-dialog tbody {
  background-color: #383838; }

table.striped > tbody > tr:nth-child(odd) {
  background-color: #4a4a4a; }

.note-editor .note-color-palette, .popover .note-color-palette {
  border: transparent; }

.editorDialogs .modal .input-field input:not([readonly]), .editorDialogs .modal .input-field input.datepicker,
.note-editor .modal .input-field input:not([readonly]), .note-editor .modal .input-field input.datepicker {
  border-color: #9e9e9e !important; }

.editorDialogs .modal label, .editorDialogs .modal .input-field input:not([readonly]) + label, .editorDialogs .modal .input-field input.datepicker + label, .editorDialogs .modal .input-field .prefix, .editorDialogs .modal .note-editor + label, .note-editor .modal label, .note-editor .modal .input-field input:not([readonly]) + label, .note-editor .modal .input-field input.datepicker + label, .note-editor .modal .input-field .prefix, .note-editor .modal .note-editor + label {
  color: #9e9e9e !important; }

button.waves-effect.waves-light.btn.disabled, button.waves-effect.waves-light.disabled.btn-large, button.waves-effect.waves-light.btn.disabled:hover, button.waves-effect.waves-light.disabled.btn-large:hover {
  background: transparent !important; }

.editorDialogs .modal .btn:hover, .editorDialogs .modal .btn-large:hover, .note-editor .modal .btn:hover, .note-editor .modal .btn-large:hover,
.note-editor .modal .btn.modal-close:hover, .editorDialogs .modal .btn, .editorDialogs .modal .btn-large, .note-editor .modal .btn, .note-editor .modal .btn-large {
  color: #bb86fc !important; }

.editorDialogs .modal .btn-large:hover, .editorDialogs .modal .btn:hover, .editorDialogs .modal .btn-large:hover, .note-editor .modal .btn-large:hover, .note-editor .modal .btn:hover, .note-editor .modal .btn-large:hover, .note-editor .modal .btn.modal-close:hover, .note-editor .modal .modal-close.btn-large:hover, .note-editor .modal .file-field .btn:hover, .note-editor .modal .file-field .btn-large:hover, .note-editor .modal .modal-footer .note-link-btn:hover, .note-editor .modal .modal-footer .note-image-btn:hover {
  background: transparent !important; }

.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
  background-image: repeating-linear-gradient(0deg, #2f2f2f, #424242 2px, transparent 2px, transparent 26px), repeating-linear-gradient(-90deg, transparent, transparent 2px, #424242 2px, #424242 26px); }

.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
  background-image: repeating-linear-gradient(0deg, #2f2f2f, #424242 2px, transparent 2px, transparent 26px), repeating-linear-gradient(-90deg, transparent, transparent 2px, #777777 2px, #777777 26px); }

.note-editor .dropdown-menu label, .popover .dropdown-menu label {
  color: #ffffff !important; }

table.bordered > thead > tr, table.bordered > tbody > tr {
  border-bottom: 1px solid #424242; }

.codeview .note-misc,
.note-editor .btn.active, .note-editor .active.btn-large {
  background-color: #292929 !important; }

.note-editor.fullscreen .note-editable {
  background: #3a3a3a; }

/**
* Stepper
**/
.stepper.horizontal .step .step-header {
  background: #292929; }

.stepper .line {
  border-left: 2px solid #414141; }

.stepper.horizontal .step .line {
  border-top: 2px solid #414141; }

.stepper .step:hover, .stepper.horizontal .step:hover .step-header {
  background: #303030; }

.stepper .step > div:first-child .circle {
  background: #bb86fc !important; }

.stepper .step.success > div:first-child i,
.stepper .step.success .title, .stepper .step.success .description {
  color: #bb86fc !important; }

.feedback {
  background: transparent; }

.feedback .loader-wrapper {
  background-color: #3b3b3b !important; }

/**
* Split Panel
**/
.TouchSplitter,
.TouchSplitter > div {
  background: #353535; }

/**
* Subheader
**/
.subheader,
.subheader-static {
  background-color: #2f2f2f; }

/**
* Tree
**/
.tree-item i {
  color: #bb86fc; }

/**
* Window
**/
.window .window-toolbar {
  background-color: #1e1e1e; }

.window .content {
  background-color: #383838; }