Para cambiar el color a barra inicial de carga, debemos entrar a “loader.css”

ubicacion: C:\napse\pos\bridge\app\config\views\themes\synthesis-square

.progress-bar .bar {
	-fx-background-color: #2D2A29;    
	-fx-border-style: none;
}

Para cambiar el color a botones o recuadros, debemos entrar a “general.css”

ubicacion: C:\napse\pos\bridge\app\config\views\themes\synthesis-square

Para cambiar color de la seleccion de boton.

.root {
	brand-color: #2D2A29;
	selection-color: #282525;   /*Panel en ventas donde vemos promos- */
	void-color: #D85980;
	voided-color: #D8CF7C;
	focus-text-color: #BBBCBF;
	popup-color: #231F20;
	popup-header-color: #414042;
	pending-color: #D8CF7C;
	accepted-color: #006838;
	button-color: #2D2A29;      /*botones seleccion-*/
	error-color: #7F1320;
	price-box-color: #282525;
}

.button, .toggle-button, .menu-button  {
	-fx-background-color: transparent;
	-fx-font: lighter 20pt 'Montserrat';
	-fx-text-fill: white;
	-fx-border-color: white;  /*Color del borde boton*/
	-fx-border-width: 2pt 2pt 2pt 2pt;
}

Para saber un color puntual partiendo de una imagen, podemos ingresar a esta web, cargamos la imagen y nos dira el codigo css

link : https://www.site24x7.com/es/tools/selector-de-codigo-color.html