Improved card and button contrast (08b29fa9) · Commits · OpenFlexure / openflexure-microscope-server

src/assets/less/theme.less

+13 −0

Original line number	Diff line number	Diff line
		@@ -20,6 +20,9 @@
		@global-primary-background: #C32280;

		@inverse-primary-muted-color: lighten(@global-primary-background, 15%);
		@inverse-global-color: fade(@global-inverse-color, 80%);

		@global-border: #c5c5c5;

		// UIkit
		// ========================================================================
		@@ -201,11 +204,16 @@
		border-top: 1px solid rgba(0, 0, 0, 0.075);
		}

		.uk-card-default {
		color: @global-color;
		}

		.hook-inverse() {

		// Override background colour in dark mode
		.uk-card-default {
		background-color: #2a2a2a !important;
		color: @inverse-global-color;
		}

		// Lighten on hover to show depth in dark mode
		@@ -278,6 +286,11 @@ a:hover {
		border-radius: 2px;
		}

		.uk-button-default {
		background-color: rgba(180, 180, 180, 0.10);
		border-color: @global-border;
		}

		.uk-button-danger {
		background-color: transparent;
		color: #f0506e;