OpenDroneMap-WebODM/app/static/app/css/theme.scss

/* Primary */
body,
ul#side-menu.nav a,
.console,
.alert,
.dropdown-menu > li > a,
.form-control
{
    color: theme("primary");
}

/* Secondary */
body,
.navbar-default,
.console,
.alert,
.modal-content,
.form-control
{
	background-color: theme("secondary");
}

.alert{
    .close:hover, .close:focus{
        color: complementary(theme("secondary"));
    }
}

/* Button primary */
#navbar-top .navbar-top-links,{
	a:hover,a:focus,.open > a{
		background-color: theme("button_primary");
		color: theme("secondary");
	}
}

#navbar-top ul#side-menu a:hover, #navbar-top ul#side-menu a:focus{
	background-color: theme("button_primary");
	color: theme("secondary");
}

.btn-primary, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{
	background-color: theme("button_primary");
	border-color: theme("button_primary");
	color: theme("secondary");

	&:hover, &:active, &:focus{
		background-color: scaleby(theme("button_primary"), 0.90);
		border-color: scaleby(theme("button_primary"), 0.90);
		color: theme("secondary");
	}
}

/* Button default */
.btn-default, .btn-default:active, .btn-default.active, .open>.dropdown-toggle.btn-default{
	background-color: theme("button_default");
	border-color: theme("button_default");
	color: theme("secondary");

	&:hover, &:active, &:focus{
		background-color: scaleby(theme("button_default"), 0.90);
		border-color: scaleby(theme("button_default"), 0.90);
		color: theme("secondary");
	}
}

/* Header background */
#navbar-top{
	background-color: theme("header_background");
}

/* Header primary */
.navbar-default .navbar-link,
#navbar-top .navbar-top-links a.dropdown-toggle{
	color: theme("header_primary");

	&:hover{
		color: theme("secondary");
	}
}

/* Border */
.sidebar ul li,
.project-list-item,
#page-wrapper,
table-bordered>thead>tr>th, .table-bordered>thead>tr>th, table-bordered>tbody>tr>th, .table-bordered>tbody>tr>th, table-bordered>tfoot>tr>th, .table-bordered>tfoot>tr>th, table-bordered>thead>tr>td, .table-bordered>thead>tr>td, table-bordered>tbody>tr>td, .table-bordered>tbody>tr>td, table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>td,
footer,
.modal-content,
.modal-header,
.modal-footer{
	border-color: theme("border");
}

/* Highlight */
.task-list-item:nth-child(odd),
.table-striped>tbody>tr:nth-of-type(odd){
	background-color: theme("highlight");
}
pre.prettyprint,
.form-control{
	border-color: theme('highlight');
}

/* Dialog warning */
.alert-warning{
	border-color: theme("dialog_warning");
}