META-INF.resources.xava.style.dark.css Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of openxava Show documentation
Automatic frontend engine for Java
There is a newer version: 7.4.3
@import 'base.css';

:root {
	--my-dark: #2b2d30;
	--my-darker: #1e1f22;	
	--my-lightdark: #43454a;
	--my-blue: #3574f0;
	--my-darkblue: #365880;
	--my-lightblue: #548AF7;	
	--my-silver: #bbbbbb;
	 
	/* Modules left menu */
	--modules-list-color: var(--my-silver);
	--modules-list-background: var(--my-dark);
	--modules-list-selected-color: var(--my-silver);
	--modules-list-selected-background: var(--my-darkblue);
	--modules-list-selected-border-right: var(--my-darkblue);

	/* Module header */ 
	--module-header-color: var(--my-silver);
	--module-header-background: var(--my-dark);		
	--module-header-selected-color: white;
	--module-header-link-hover-color: white;
	

	
	/* Button bar */	 
	--button-bar-background: var(--my-lightdark);
	--list-formats-hover-color: white;
	
	/* Backgrounds & labels */
	--background: var(--my-dark);
	--color: var(--my-silver);
	
	/* Frames */	
	--frame-background: var(--my-lightdark);
	
	/* Actions */
	--action-color: var(--my-silver);  	
	--action-link-color: var(--my-lightblue);  
	--action-hover-color: white;
	--action-hover-background: transparent;
	--default-action-button-background: var(--my-blue);
	--default-action-button-color: white; 
	--default-action-button-shadow: none;
	--default-action-button-hover-shadow: none;
	--list-row-action-color: var(--my-silver);
	--list-row-action-hover-color: var(--action-hover-color); 
	--reference-search-icon-color: var(--my-dark); 
	
	/* Editors */
	--required-editor-border: var(--my-silver);
	--input-focus-border: var(--my-blue); 
	--input-color: var(--my-silver); 
	--input-border: gray;
	--input-background: transparent; 
	--disabled-input-background: var(--my-lightdark);

	--button-bar-shadow: transparent; 
	--shadow: transparent;
	
	--html-text-button-hover: lightgray;
	
	--autocomplete-scrollbar-background: lightgray; 
	--ui-menu-item-state-focus-background: lightgray; 
	--scrollbar-color: lightgray;
	
	--tooltip-background: var(--my-darker);
	
	/* List */
	--list-background: var(--my-dark);
	--list-column2-background: transparent;
	--list-even-column-background: transparent;
	--list-row-bottom-color: transparent;
	--list-row-a-color: inherit;
	--total-cell-color: inherit;
	--icon-check-color: inherit;
	--icon-in-list: inherit;
	
	/* Calendar */
	--calendar-cell-border-color: white;
	--calendar-day-hover-background: hsla(0, 0%, 50%, 0.5);
	--calendar-today-background: hsla(0, 0%, 70%, 0.7);
	--calendar-event-background : var(--my-dark);
	--calendar-event-time-background:  var(--my-dark);
	--calendar-popup-background: lightgray;
	--calendar-popup-title-color: var(--my-dark);
}

.ox-action-link:hover {
	text-decoration: underline;
	color: var(--action-link-color);	
}

.ox-list {	
	border: 2px solid var(--my-lightdark)
}

.ui-widget-content {
	color: var(--color) !important;
	background: var(--background) !important;
}

.ui-tooltip {
	background: var(--tooltip-background) !important;  
	box-shadow: none !important;  
}

.ox-popup-menu {
    background-color: var(--my-dark);
}

.ox-popup-menu:hover {
    background-color: var(--my-dark);
}