cleanup

cleanup

//
// Component: Button
//
// ========================================================================

// Variables
// ========================================================================

@button-height:                                 @global-height;
@button-mini-height:                            @global-height-mini;
@button-small-height:                           @global-height-small;
@button-large-height:                           @global-height-large;

@button-line-height:                            @global-height - 2;
@button-mini-line-height:                       @global-height-mini - 2;
@button-small-line-height:                      @global-height-small - 2;
@button-large-line-height:                      @global-height-large - 2;

@button-mini-font-size:                         round((@global-font-size * 0.78)); // 11px / 12px
@button-small-font-size:                        round((@global-font-size * 0.85)); // 12px / 14px
@button-large-font-size:                        round((@global-font-size * 1.14)); // 16px / 18px

@button-background:                             @global-default-background;
@button-color:                                  @global-color;
@button-hover-background:                       @global-default-hover-background;
@button-hover-color:                            @global-color;
@button-active-background:                      @global-default-active-background;
@button-active-color:                           @global-color;

@button-primary-background:                     @global-primary-background;
@button-primary-color:                          @global-contrast-color;
@button-primary-hover-color:                    @global-contrast-color;
@button-primary-active-color:                   @global-contrast-color;

@button-success-background:                     @global-success-background;
@button-success-color:                          @global-contrast-color;
@button-success-hover-color:                    @global-contrast-color;
@button-success-active-color:                   @global-contrast-color;

@button-danger-background:                      @global-danger-background;
@button-danger-color:                           @global-contrast-color;
@button-danger-hover-color:                     @global-contrast-color;
@button-danger-active-color:                    @global-contrast-color;

@button-disabled-background:                    @global-default-hover-background;
@button-disabled-color:                         @global-muted-color;

@button-link-color:                             @global-link-color;
@button-link-hover-color:                       @global-link-hover-color;
@button-link-disabled-color:                    @global-muted-color;

//
// New
//

@button-border:                                 rgba(0,0,0,0.06);
@button-hover-border:                           rgba(0,0,0,0.16);
@button-text-shadow:                            @global-text-shadow;
@button-contrast-text-shadow:                   @global-contrast-text-shadow;
@button-contrast-hover-border:                  rgba(0,0,0,0.21);

@button-group-border:                           rgba(0,0,0,0.1);

// Component
// ========================================================================

.hook-button() {
    border: 1px solid @button-border;
    border-radius: @global-border-radius;
    text-shadow: 0 1px 0 @button-text-shadow;
}

.hook-button-hover() { border-color: @button-hover-border; }

.hook-button-active() {}

// Color modifiers
// ========================================================================

//
// Modifier: `uk-button-primary`
//

.hook-button-primary() {}

.hook-button-primary-hover() {}
.hook-button-primary-active() {}

//
// Modifier: `uk-button-success`
//

.hook-button-success() {}

.hook-button-success-hover() {}
.hook-button-success-active() {}

//
// Modifier: `uk-button-danger`
//

.hook-button-danger() {}

.hook-button-danger-hover() {}
.hook-button-danger-active() {}

// Disabled state
// ========================================================================

.hook-button-disable() {
    border-color: @button-border;
    box-shadow: none;
    text-shadow: 0 1px 0 @button-text-shadow;
}

// Modifier: `uk-button-link`
// ========================================================================

.hook-button-link() {
    box-shadow: none;
    text-shadow: none;
}

// Size modifiers
// ========================================================================

.hook-button-large() { border-radius: @global-border-radius + 1; }

// Miscellaneous
// ========================================================================

.hook-button-misc() {

    /* Color modifiers
     ========================================================================== */

    .uk-button-primary,
    .uk-button-success,
    .uk-button-danger {
        box-shadow: inset 0 0 5px rgba(0,0,0,0.05);
        text-shadow: 0 -1px 0 @button-contrast-text-shadow;
    }

    .uk-button-primary:hover, .uk-button-primary:focus,
    .uk-button-success:hover, .uk-button-success:focus,
    .uk-button-danger:hover, .uk-button-danger:focus { border-color: @button-contrast-hover-border; }

    /* Sub-object `uk-button-group`
     ========================================================================== */

    /*
     * Reset border-radius
     */

    .uk-button-group > .uk-button:not(:first-child):not(:last-child),
    .uk-button-group > div:not(:first-child):not(:last-child) .uk-button {
        border-left-color: @button-group-border;
        border-right-color: @button-group-border;
        border-radius: 0;
    }

    .uk-button-group > .uk-button:first-child,
    .uk-button-group > div:first-child .uk-button {
        border-right-color: @button-group-border;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .uk-button-group > .uk-button:last-child,
    .uk-button-group > div:last-child .uk-button {
        border-left-color: @button-group-border;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    /*
     * Collapse border
     */

    .uk-button-group > .uk-button:nth-child(n+2),
    .uk-button-group > div:nth-child(n+2) .uk-button { margin-left: -1px; }

    /*
     * Create position context to superimpose the successor elements border
     * Known issue: If you use an `a` element as button and an icon inside,
     * the active state will not work if you click the icon inside the button
     * Workaround: Just use a `button` or `input` element as button
     */

    .uk-button-group .uk-button:hover,
    .uk-button-group .uk-button:active,
    .uk-button-group .uk-button.uk-active { position: relative; }

}

//
// Component: Button
//
// ========================================================================

// Variables
// ========================================================================

@button-height:                                 @global-height;
@button-mini-height:                            @global-height-mini;
@button-small-height:                           @global-height-small;
@button-large-height:                           @global-height-large;

@button-line-height:                            @global-height - 2;
@button-mini-line-height:                       @global-height-mini - 2;
@button-small-line-height:                      @global-height-small - 2;
@button-large-line-height:                      @global-height-large - 2;

@button-mini-font-size:                         round((@global-font-size * 0.78)); // 11px / 12px
@button-small-font-size:                        round((@global-font-size * 0.85)); // 12px / 14px
@button-large-font-size:                        round((@global-font-size * 1.14)); // 16px / 18px

@button-background:                             @global-default-background;
@button-color:                                  @global-color;
@button-hover-background:                       @global-default-hover-background;
@button-hover-color:                            @global-color;
@button-active-background:                      @global-default-active-background;
@button-active-color:                           @global-color;

@button-primary-background:                     @global-primary-background;
@button-primary-color:                          @global-contrast-color;
@button-primary-hover-color:                    @global-contrast-color;
@button-primary-active-color:                   @global-contrast-color;

@button-success-background:                     @global-success-background;
@button-success-color:                          @global-contrast-color;
@button-success-hover-color:                    @global-contrast-color;
@button-success-active-color:                   @global-contrast-color;

@button-danger-background:                      @global-danger-background;
@button-danger-color:                           @global-contrast-color;
@button-danger-hover-color:                     @global-contrast-color;
@button-danger-active-color:                    @global-contrast-color;

@button-disabled-background:                    @global-default-hover-background;
@button-disabled-color:                         @global-muted-color;

@button-link-color:                             @global-link-color;
@button-link-hover-color:                       @global-link-hover-color;
@button-link-disabled-color:                    @global-muted-color;

//
// New
//

@button-border:                                 rgba(0,0,0,0.06);
@button-hover-border:                           rgba(0,0,0,0.16);
@button-group-border:                           rgba(0,0,0,0.1);
@button-text-shadow:                            @global-text-shadow;
@button-contrast-text-shadow:                   @global-contrast-text-shadow;
@button-contrast-hover-border:                  rgba(0,0,0,0.21);

// Component
// ========================================================================

.hook-button() {
    border: 1px solid @button-border;
    border-radius: @global-border-radius;
    text-shadow: 0 1px 0 @button-text-shadow;
}

.hook-button-hover() { border-color: @button-hover-border; }

.hook-button-active() {}

// Color modifiers
// ========================================================================

//
// Modifier: `uk-button-primary`
//

.hook-button-primary() {}

.hook-button-primary-hover() {}
.hook-button-primary-active() {}

//
// Modifier: `uk-button-success`
//

.hook-button-success() {}

.hook-button-success-hover() {}
.hook-button-success-active() {}

//
// Modifier: `uk-button-danger`
//

.hook-button-danger() {}

.hook-button-danger-hover() {}
.hook-button-danger-active() {}

// Disabled state
// ========================================================================

.hook-button-disable() {
    border-color: @button-border;
    box-shadow: none;
    text-shadow: 0 1px 0 @button-text-shadow;
}

// Modifier: `uk-button-link`
// ========================================================================

.hook-button-link() {
    box-shadow: none;
    text-shadow: none;
}

// Size modifiers
// ========================================================================

.hook-button-large() { border-radius: @global-border-radius + 1; }

// Miscellaneous
// ========================================================================

.hook-button-misc() {

    /* Color modifiers
     ========================================================================== */

    .uk-button-primary,
    .uk-button-success,
    .uk-button-danger {
        box-shadow: inset 0 0 5px rgba(0,0,0,0.05);
        text-shadow: 0 -1px 0 @button-contrast-text-shadow;
    }

    .uk-button-primary:hover, .uk-button-primary:focus,
    .uk-button-success:hover, .uk-button-success:focus,
    .uk-button-danger:hover, .uk-button-danger:focus { border-color: @button-contrast-hover-border; }

    /* Sub-object `uk-button-group`
     ========================================================================== */

    /*
     * Reset border-radius
     */

    .uk-button-group > .uk-button:not(:first-child):not(:last-child),
    .uk-button-group > div:not(:first-child):not(:last-child) .uk-button {
        border-left-color: @button-group-border;
        border-right-color: @button-group-border;
        border-radius: 0;
    }

    .uk-button-group > .uk-button:first-child,
    .uk-button-group > div:first-child .uk-button {
        border-right-color: @button-group-border;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .uk-button-group > .uk-button:last-child,
    .uk-button-group > div:last-child .uk-button {
        border-left-color: @button-group-border;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    /*
     * Collapse border
     */

    .uk-button-group > .uk-button:nth-child(n+2),
    .uk-button-group > div:nth-child(n+2) .uk-button { margin-left: -1px; }

    /*
     * Create position context to superimpose the successor elements border
     * Known issue: If you use an `a` element as button and an icon inside,
     * the active state will not work if you click the icon inside the button
     * Workaround: Just use a `button` or `input` element as button
     */

    .uk-button-group .uk-button:hover,
    .uk-button-group .uk-button:active,
    .uk-button-group .uk-button.uk-active { position: relative; }

}


colors updated

colors updated

fatal: unable to access 'https://github.com/dannyk08/gamma-ray-syntax.git/': The requested URL returned error: 403


💊 Remove unnecessary styles

💊 Remove unnecessary styles

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/michigan-com/reeeeeader.js.git/'


Init Project

Init Project

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/sixertoy/brackets-clocktrack.git/'


[NEW] Default style details for CSS menus. (Tikiroot/css/cssmenus.css is still loaded separately for menu functions.)

git-svn-id: a7fabbc6a7c54ea5c67cbd16bd322330fd10cc35@52699 b456876b-0849-0410-b77d-98878d47e9d5

.cssmenu_horiz li,
.cssmenu_vert li {
  line-height: @line-height-computed;
}*

.cssmenu_horiz li ul,
.cssmenu_vert li ul {
  background: @dropdown-bg;
  border: 1px solid @dropdown-border;
  padding: @nav-link-padding;
//  padding: 5px 0;
//  margin: 2px 0 0; // override default ul
//  font-size: @font-size-base;
  background-color: @dropdown-bg;
  border: 1px solid @dropdown-fallback-border; // IE8 fallback
  border: 1px solid @dropdown-border;
  border-radius: @border-radius-base;
// .box-shadow(0 6px 12px rgba(0,0,0,.175));
  background-clip: padding-box;
}
// Hover/Focus state
.cssmenu_horiz > li > a,
.cssmenu_vert > li > a,
.cssmenu_horiz ul > li > a,
.cssmenu_vert ul > li > a {
  &:hover,
  &:focus {
    text-decoration: none;
    color: @dropdown-link-hover-color;
    background-color: @dropdown-link-hover-bg;
  }
}

error: pathspec 'themes/base_files/less/tiki-cssmenus.less' did not match any file(s) known to git


Fix up page previews in IE

Fix up page previews in IE

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/sfi0zy/muilessium.git/'


Create remedy.less

Create remedy.less

fatal: unable to access 'https://github.com/trickybit/seltzer.git/': The requested URL returned error: 403


integrating back styles

integrating back styles

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/k-sheth/react-getting-started.git/'


Create normalize.less

Create normalize.less

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

//
// 1. Set default font family to sans-serif.
// 2. Prevent iOS text size adjust after orientation change, without disabling
//    user zoom.
//

html {
  font-family: sans-serif; // 1
  -ms-text-size-adjust: 100%; // 2
  -webkit-text-size-adjust: 100%; // 2
}

//
// Remove default margin.
//

body {
  margin: 0;
}

// HTML5 display definitions
// ==========================================================================

//
// Correct `block` display not defined for any HTML5 element in IE 8/9.
// Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
// Correct `block` display not defined for `main` in IE 11.
//

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

//
// 1. Correct `inline-block` display not defined in IE 8/9.
// 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
//

audio,
canvas,
progress,
video {
  display: inline-block; // 1
  vertical-align: baseline; // 2
}

//
// Prevent modern browsers from displaying `audio` without controls.
// Remove excess height in iOS 5 devices.
//

audio:not([controls]) {
  display: none;
  height: 0;
}

//
// Address `[hidden]` styling not present in IE 8/9/10.
// Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
//

[hidden],
template {
  display: none;
}

// Links
// ==========================================================================

//
// Remove the gray background color from active links in IE 10.
//

a {
  background: transparent;
}

//
// Improve readability when focused and also mouse hovered in all browsers.
//

a:active,
a:hover {
  outline: 0;
}

// Text-level semantics
// ==========================================================================

//
// Address styling not present in IE 8/9/10/11, Safari, and Chrome.
//

abbr[title] {
  border-bottom: 1px dotted;
}

//
// Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
//

b,
strong {
  font-weight: bold;
}

//
// Address styling not present in Safari and Chrome.
//

dfn {
  font-style: italic;
}

//
// Address variable `h1` font-size and margin within `section` and `article`
// contexts in Firefox 4+, Safari, and Chrome.
//

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

//
// Address styling not present in IE 8/9.
//

mark {
  background: #ff0;
  color: #000;
}

//
// Address inconsistent and variable font size in all browsers.
//

small {
  font-size: 80%;
}

//
// Prevent `sub` and `sup` affecting `line-height` in all browsers.
//

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

// Embedded content
// ==========================================================================

//
// Remove border when inside `a` element in IE 8/9/10.
//

img {
  border: 0;
}

//
// Correct overflow not hidden in IE 9/10/11.
//

svg:not(:root) {
  overflow: hidden;
}

// Grouping content
// ==========================================================================

//
// Address margin not present in IE 8/9 and Safari.
//

figure {
  margin: 1em 40px;
}

//
// Address differences between Firefox and other browsers.
//

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

//
// Contain overflow in all browsers.
//

pre {
  overflow: auto;
}

//
// Address odd `em`-unit font size rendering in all browsers.
//

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

// Forms
// ==========================================================================

//
// Known limitation: by default, Chrome and Safari on OS X allow very limited
// styling of `select`, unless a `border` property is set.
//

//
// 1. Correct color not being inherited.
//    Known issue: affects color of disabled elements.
// 2. Correct font properties not being inherited.
// 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
//

button,
input,
optgroup,
select,
textarea {
  color: inherit; // 1
  font: inherit; // 2
  margin: 0; // 3
}

//
// Address `overflow` set to `hidden` in IE 8/9/10/11.
//

button {
  overflow: visible;
}

//
// Address inconsistent `text-transform` inheritance for `button` and `select`.
// All other form control elements do not inherit `text-transform` values.
// Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
// Correct `select` style inheritance in Firefox.
//

button,
select {
  text-transform: none;
}

//
// 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
//    and `video` controls.
// 2. Correct inability to style clickable `input` types in iOS.
// 3. Improve usability and consistency of cursor style between image-type
//    `input` and others.
//

button,
html input[type="button"], // 1
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button; // 2
  cursor: pointer; // 3
}

//
// Re-set default cursor for disabled elements.
//

button[disabled],
html input[disabled] {
  cursor: default;
}

//
// Remove inner padding and border in Firefox 4+.
//

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

//
// Address Firefox 4+ setting `line-height` on `input` using `!important` in
// the UA stylesheet.
//

input {
  line-height: normal;
}

//
// It's recommended that you don't attempt to style these elements.
// Firefox's implementation doesn't respect box-sizing, padding, or width.
//
// 1. Address box sizing set to `content-box` in IE 8/9/10.
// 2. Remove excess padding in IE 8/9/10.
//

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box; // 1
  padding: 0; // 2
}

//
// Fix the cursor style for Chrome's increment/decrement buttons. For certain
// `font-size` values of the `input`, it causes the cursor style of the
// decrement button to change from `default` to `text`.
//

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

//
// 1. Address `appearance` set to `searchfield` in Safari and Chrome.
// 2. Address `box-sizing` set to `border-box` in Safari and Chrome
//    (include `-moz` to future-proof).
//

input[type="search"] {
  -webkit-appearance: textfield; // 1
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; // 2
  box-sizing: content-box;
}

//
// Remove inner padding and search cancel button in Safari and Chrome on OS X.
// Safari (but not Chrome) clips the cancel button when the search input has
// padding (and `textfield` appearance).
//

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

//
// Define consistent border, margin, and padding.
//

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

//
// 1. Correct `color` not being inherited in IE 8/9/10/11.
// 2. Remove padding so people aren't caught out if they zero out fieldsets.
//

legend {
  border: 0; // 1
  padding: 0; // 2
}

//
// Remove default vertical scrollbar in IE 8/9/10/11.
//

textarea {
  overflow: auto;
}

//
// Don't inherit the `font-weight` (applied by a rule above).
// NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
//

optgroup {
  font-weight: bold;
}

// Tables
// ==========================================================================

//
// Remove most spacing between table cells.
//

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

error: pathspec 'static/app/components/bootstrap/css/less/normalize.less' did not match any file(s) known to git


fixed the share info overflow bug

fixed the share info overflow bug

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/leonidas/qa-dashboard.git/'


fix emoji picker search box background

fix emoji picker search box background

/** ----------------------------------------------------------------------------
 * Derivative colours (fixed variants of inherited variables)
 */

@default-action-color: darken(@secondary-background-color, 15%);
@default-action-contrast: contrast(@default-action-color, #444);
@primary-background-contrast: contrast(@primary-background-color, #444);
@primary-action-contrast: contrast(@primary-action-color, #444);
@secondary-action-contrast: contrast(@secondary-action-color, #444);
@selection-background: lighten(@selection-color, 30%);
@success-background: lighten(@success-color, 45%);
@success-border: lighten(@success-color, 30%);
@error-background: lighten(@error-color, 45%);
@error-border: lighten(@error-color, 30%);
@error-contrast: contrast(@error-color);
@pending-background: lighten(@pending-color, 45%);
@pending-border: lighten(@pending-color, 30%);
@window-border-color: @component-color;

/** ----------------------------------------------------------------------------
 * Document components
 */

html {
	.custom-scroll(@transparent-dark, @custom-scrollbar-color, 0);
}

* {
	.custom-scroll(@transparent-dark, @custom-scrollbar-color);
}

body {
	color: @primary-font-color;
	* {
		border-color: @component-color;
	}
}

code {
	background-color: @transparent-dark;
	border-color: @component-color;
	color: @secondary-font-color;
}

blockquote:before {
	background-color: @transparent-darker;
}

.main-content,
.cms-page,
.page-container {
	background-color: @content-background-color;
	header {
		background-color: @content-background-color;
		border-color: @component-color;
	}
}

.page-container table {
	overflow: hidden;
	background-color: @secondary-background-color;
	th,
	td {
		border-color: @component-color;
	}
	th {
		background-color: @content-background-color;
	}
	tr {
		background-color: @transparent-light;
		&:nth-of-type(even) {
			background-color: @transparent-lightest;
		}
	}
	tr:hover td {
		background-color: @content-background-color;
	}
}

.burger i {
	background-color: @primary-font-color;
}

/** ----------------------------------------------------------------------------
 * Admin and settings styles
 */

.page-settings {
	.content {
		background-color: @transparent-dark;
	}
	.section {
		background-color: @content-background-color;
	}
	.terminal {
		background-color: #444;
		color: white;
		.time {
			color: @secondary-font-color;
		}
	}
}

.page-list,
.page-settings {
	a {
		color: @primary-font-color;
		&:hover {
			color: @primary-action-color;
		}
	}
}

.settings-file-preview .preview.no-file {
	background-color: @transparent-light;
	color: @secondary-font-color;
}

.new-logs {
	background: @primary-action-contrast;
	color: @primary-action-color;
}

.code-error-box {
	.title {
		background-color: @error-color;
		color: white;
	}
	pre {
		color: @error-color;
		border-color: @error-border;
		background-color: @transparent-lightest;
	}
}

.code-mirror-box {
	.buttons {
		background-color: #f7f7f7; // matches plugin styles
	}
	&.code-mirror-box-fullscreen {
		background-color: @content-background-color;
	}
}

.avatar-suggestion-item {
	background-color: @tertiary-background-color;
	.avatar {
		background-size: cover;
		background-color: @tertiary-background-color;
	}
	.question-mark::before {
		color: @secondary-font-color;
	}
}

/** ----------------------------------------------------------------------------
 * Asides (external to main application views)
 */

.spotlight {
	background-color: @transparent-darker;
	> .spotlight-input {
		background-color: @secondary-background-color;
		color: @secondary-font-color;
		> i {
			color: @secondary-font-color;
		}
	}
}

.mobile-message-menu {
	background-color: @transparent-dark;
}

.full-page,
.page-loading {
	.gradient(shade(@primary-background-color), @primary-background-color);
	color: @tertiary-font-color;
	a {
		color: @tertiary-font-color;
	}
	a:hover {
		color: @primary-background-contrast;
	}
	.spinner > div {
		background-color: @primary-background-contrast;
	}
}

#login-card {
	color: @primary-font-color;
	background-color: @content-background-color;
	.input-shade(@primary-font-color, @content-background-color);
}

.dropzone.over .dropzone-overlay {
	background-color: @transparent-darkest;
	color: @content-background-color;
	> div {
		background-color: @transparent-darkest;
	}
}

/** ----------------------------------------------------------------------------
 * Room components
 */

.new-message {
	color: @primary-action-contrast;
	background-color: @primary-action-color;
}

.ticks-bar {
	.tick {
		background-color: @primary-action-color;
	}
	.tick-all {
		background-color: @selection-color;
	}
}

.room-not-found {
	color: @error-color;
}

.favorite-room {
	color: @pending-color;
}

.toggle-favorite {
	color: @component-color;
}

.container-bars {
	.upload-progress {
		background-color: @component-color;
		color: @primary-action-color;
		&.upload-error {
			background-color: @error-background;
			border-color: @error-border;
		}
		.upload-progress-progress {
			background-color: @success-background;
		}
	}
	.unread-bar {
		background-color: @component-color;
		color: @primary-action-color;
	}
}

.messages-container {
	.edit-room-title {
		.linkColors(@secondary-font-color, @primary-font-color);
	}
	.footer {
		background: @content-background-color;
	}
	.message-form {
		color: @secondary-font-color;
		.input-message-container {
			background-color: @content-background-color;
		}
		.message-buttons {
			.buttonColors(lighten(@primary-font-color, 25%), @secondary-background-color);
		}
	}
	.new-message {
		color: @primary-action-contrast;
		background-color: @primary-action-color;
	}
	.messages-box {
		.jump-recent {
			background-color: @component-color;
		}
		&.selectable .selected {
			background-color: @selection-background;
		}
		.load-more span {
			background-color: @secondary-background-color;
		}
	}
}

.message-popup {
	background: @content-background-color;
}

.message-popup-title {
	background-color: @secondary-background-color;
	// border-bottom-color: #E7E7E7;
}

.popup-item {
	// color: @secondary-font-color;
	&.selected {
		color: @primary-action-contrast;
		background-color: @primary-action-color;
	}
	span {
		color: @secondary-font-color;
	}
}

.messages-box {
	.start {
		color: @info-font-color;
	}
	.editing .body,
	textarea.editing {
		background-color: @selection-background;
	}
}

/** ----------------------------------------------------------------------------
 * Message content
 */

.first-unread {
	.body {
		&::before {
			background: @transparent-darker;
		}
		&::after {
			color: @primary-font-color;
		}
	}
}

.first-unread-opaque {
	.body {
		&::before {
			background: @transparent-dark;
		}
	}
}

.message {
	.body {
		color: @primary-font-color;
	}
	&.system .body {
		color: @info-font-color;
	}
	&:hover {
		background-color: @transparent-dark;
	}
	.toggle-options {
		color: @secondary-font-color;
	}
	.message-dropdown,
	.options-menu {
		color: lighten(@primary-font-color, 13%);
		background-color: @content-background-color;
		ul li:hover {
			background-color: @tertiary-background-color;
		}
		.message-dropdown-close {
			background-color: @secondary-background-color;
		}
	}
	&.new-day::before {
		background-color: @content-background-color;
	}
	&.new-day::after,
	.info,
	.user-view,
	.message-alias {
		color: @info-font-color;
		border-color: @component-color;
	}
	.user {
		color: @primary-font-color;
	}
	.is-bot,
	.role-tag {
		background-color: @info-font-color;
		color: contrast(@info-font-color);
	}
	a {
		.linkColors(@link-font-color, darken(@link-font-color, 10%));
	}
	a.mention-link {
		color: @primary-action-color;
		&.mention-link-me {
			color: @primary-action-contrast;
			background-color: @primary-action-color;
		}
		&.mention-link-all {
			color: @primary-action-contrast;
			background-color: @attention-color;
		}
	}
	.highlight-text {
		background-color: @selection-background;
	}
	.attachment {
		.attachment-block-border {
			background-color: @info-font-color;
		}
	}
}

/** ----------------------------------------------------------------------------
 * Misc typography variants
 */

a {
	color: @primary-font-color;
}

a:active,
a:hover {
	color: @primary-action-color;
}

.message,
.flex-tab {
	a i,
	a[class^="icon-"] {
		color: @primary-font-color;
		&:hover {
			color: darken(@primary-font-color, 10%);
		}
	}
}

.load-more .load-more-loading,
.secondary-text {
	color: @secondary-font-color;
}

.alert-icon {
	color: @success-color;
}

.error {
	background-color: @error-background;
	border-color: @error-color;
	color: @error-color;
}

/** ----------------------------------------------------------------------------
 * Side nav
 */

.side-nav {
	color: @tertiary-font-color;
	background-color: @primary-background-color;
	* {
		border-color: @transparent-darker;
	}
	a,
	.info {
		.linkColors(@tertiary-font-color, @tertiary-font-color);
	}
	.arrow:before,
	.arrow:after {
		background-color: @tertiary-font-color;
	}
	.info,
	.options,
	.content,
	footer,
	header {
		background-color: @primary-background-color;
	}
	.rooms-list {
		background-color: lighten(@primary-background-color, 2.5%);
	}
	h3:hover,
	li:hover,
	.more:hover,
	.selected-users li {
		background-color: @transparent-darker;
	}
	li.active {
		background-color: @transparent-light !important;
	}
	i {
		color: @transparent-lighter;
	}
	i.status-offline {
		color: @transparent-lighter !important;
	}
	.opt i:hover {
		color: @transparent-lightest;
	}
	.has-alert .name {
		color: @primary-background-contrast;
	}
	.unread {
		background-color: @success-color;
	}
	.unread-rooms {
		background-color: @primary-action-color;
		color: @primary-action-contrast;
	}
	.button {
		.buttonColors(@tertiary-font-color, mix(@primary-action-color, @primary-background-color));
	}
	.options button {
		.buttonColors(@tertiary-font-color, @primary-background-color);
	}
}

/** ----------------------------------------------------------------------------
 * Flex tabs / admin fly-out panels
 */

.flex-tab {
	background-color: @secondary-background-color;
	.content,
	.user-view,
	.list-view {
		background-color: @secondary-background-color;
	}
	.message {
		&.new-day::before {
			background-color: @secondary-background-color;
		}
	}
}

.flex-tab-bar {
	background-color: @content-background-color;
	border-color: @component-color;
	.tab-button {
		&:hover {
			background-color: @secondary-background-color;
		}
		&.active {
			background-color: @secondary-background-color;
			border-right-color: @selection-color;
		}
		&.attention {
			.blink(@selection-color);
		}
	}
	.counter {
		background: @secondary-font-color;
		color: white;
	}
}

.webrtc-video {
	&.webrtc-video-overlay,
	.main-video,
	.state-overlay::before,
	.videos .video-item {
		background-color: @transparent-darker;
		color: white;
	}
	.main-video > div,
	.video-muted-overlay,
	.videos .video-item > div {
		background-color: @transparent-darker;
	}
	video {
		background-color: black;
	}
}

/** ----------------------------------------------------------------------------
 * User status / user meta
 */

i.status-online {
	color: @status-online;
}

.account-box .status-online .thumb:after,
.account-box .status.online:after,
.popup-user-status-online,
.status-online:after,
.user-image.status-online .avatar:after {
	background-color: @status-online;
	border-color: darken(@status-online, 10%);
}

i.status-away {
	color: @status-away;
}

.account-box .status-away .thumb:after,
.account-box .status.away:after,
.popup-user-status-away,
.status-pending:after,
.user-image.status-away .avatar:after {
	background-color: @status-away;
	border-color: darken(@status-away, 10%);
}

i.status-busy {
	color: @status-busy;
}

.account-box .status-busy .thumb:after,
.account-box .status.busy:after,
.popup-user-status-busy,
.status-busy:after,
.user-image.status-busy .avatar:after {
	background-color: @status-busy;
	border-color: darken(@status-busy, 10%);
}

i.status-offline {
	color: @status-offline;
}

.popup-user-status-offline,
.status-offline:after,
.user-image.status-offline .avatar:after {
	background-color: @status-offline;
	border-color: darken(@status-offline, 10%);
}

.account-box .status-offline .thumb:after,
.account-box .status.offline:after {
	background-color: @transparent-lighter;
}

.popup-user-status {
	border-color: @transparent-dark;
}

.popup-user-status-system {
	border-color: transparent;
}

.user-view {
	p {
		color: @secondary-font-color;
	}
	.box:after,
	.stats li,
	.tags li {
		background-color: @component-color;
	}
}

/** ----------------------------------------------------------------------------
 * Buttons!
 */

.actionLinks li {
	.buttonColors(@secondary-action-contrast, @secondary-action-color);
}

// new layout buttons
.button {
	.buttonColors(@default-action-contrast, @default-action-color);
	&.primary {
		.buttonColors(@primary-action-contrast, @primary-action-color);
	}
	&.secondary {
		.buttonColors(@secondary-action-contrast, @secondary-action-color);
	}
	&.danger {
		.buttonColors(@error-contrast, @error-color);
	}
	&.external-login {
		color: white;
		&.facebook {
			background-color: #325c99;
		}
		&.twitter {
			background-color: #02acec;
		}
		&.google {
			background-color: #dd4b39;
		}
		&.github {
			background-color: #4c4c4c;
		}
		&.gitlab {
			background-color: #373d47;
		}
		&.trello {
			background-color: #026aa7;
		}
		&.meteor-developer {
			background-color: #de4f4f;
		}
		&.wordpress {
			background-color: #1e8cbe;
		}
		&.linkedin {
			background-color: #1b86bc;
		}
	}
}

/** ----------------------------------------------------------------------------
 * Feedback and overlay content
 */

.icon-ok,
.feedback-success {
	color: @success-color;
}

.feedback-warning {
	color: @pending-color;
}

.feedback-error {
	color: @error-color;
}

.livechat-form .error,
.offline .error {
	background-color: @error-background;
}

.alert-warning {
	color: @pending-color;
	background-color: @pending-background;
	border-color: @pending-border;
}

.alert-danger {
	color: @error-color;
	background-color: @error-background;
	border-color: @error-border;
}

.side-nav .input-error,
label.required:after {
	color: @error-color;
}

.burger .unread-burger-alert {
	background-color: @error-color;
	color: @error-contrast;
}

/** ----------------------------------------------------------------------------
 * Forms
 */

.input-shade(@primary-font-color, @content-background-color);
.flex-nav {
	.input-shade(@primary-background-contrast, @primary-background-color);
	label,
	legend {
		color: @tertiary-font-color;
	}
}

.flex-tab {
	input,
	select,
	textarea {
		background-color: @content-background-color;
	}
}

.input-line {
	&.setting-changed > label {
		color: @selection-color;
	}
	i,
	.settings-description {
		color: @secondary-font-color;
	}
	.settings-alert {
		background-color: @pending-background;
		border-color: @pending-border;
		color: @pending-color;
	}
}

.emoji-filter {
	input {
		background-color: @content-background-color;
	}
}

input:-webkit-autofill {
	color: @primary-font-color !important;
}

input:-webkit-autofill {
	background-color: transparent !important;
}

/** ----------------------------------------------------------------------------
 * Derivative colours (fixed variants of inherited variables)
 */

@default-action-color: darken(@secondary-background-color, 15%);
@default-action-contrast: contrast(@default-action-color, #444);
@primary-background-contrast: contrast(@primary-background-color, #444);
@primary-action-contrast: contrast(@primary-action-color, #444);
@secondary-action-contrast: contrast(@secondary-action-color, #444);
@selection-background: lighten(@selection-color, 30%);
@success-background: lighten(@success-color, 45%);
@success-border: lighten(@success-color, 30%);
@error-background: lighten(@error-color, 45%);
@error-border: lighten(@error-color, 30%);
@error-contrast: contrast(@error-color);
@pending-background: lighten(@pending-color, 45%);
@pending-border: lighten(@pending-color, 30%);
@window-border-color: @component-color;

/** ----------------------------------------------------------------------------
 * Document components
 */

html {
	.custom-scroll(@transparent-dark, @custom-scrollbar-color, 0);
}

* {
	.custom-scroll(@transparent-dark, @custom-scrollbar-color);
}

body {
	color: @primary-font-color;
	* {
		border-color: @component-color;
	}
}

code {
	background-color: @transparent-dark;
	border-color: @component-color;
	color: @secondary-font-color;
}

blockquote:before {
	background-color: @transparent-darker;
}

.main-content,
.cms-page,
.page-container {
	background-color: @content-background-color;
	header {
		background-color: @content-background-color;
		border-color: @component-color;
	}
}

.page-container table {
	overflow: hidden;
	background-color: @secondary-background-color;
	th,
	td {
		border-color: @component-color;
	}
	th {
		background-color: @content-background-color;
	}
	tr {
		background-color: @transparent-light;
		&:nth-of-type(even) {
			background-color: @transparent-lightest;
		}
	}
	tr:hover td {
		background-color: @content-background-color;
	}
}

.burger i {
	background-color: @primary-font-color;
}

/** ----------------------------------------------------------------------------
 * Admin and settings styles
 */

.page-settings {
	.content {
		background-color: @transparent-dark;
	}
	.section {
		background-color: @content-background-color;
	}
	.terminal {
		background-color: #444;
		color: white;
		.time {
			color: @secondary-font-color;
		}
	}
}

.page-list,
.page-settings {
	a {
		color: @primary-font-color;
		&:hover {
			color: @primary-action-color;
		}
	}
}

.settings-file-preview .preview.no-file {
	background-color: @transparent-light;
	color: @secondary-font-color;
}

.new-logs {
	background: @primary-action-contrast;
	color: @primary-action-color;
}

.code-error-box {
	.title {
		background-color: @error-color;
		color: white;
	}
	pre {
		color: @error-color;
		border-color: @error-border;
		background-color: @transparent-lightest;
	}
}

.code-mirror-box {
	.buttons {
		background-color: #f7f7f7; // matches plugin styles
	}
	&.code-mirror-box-fullscreen {
		background-color: @content-background-color;
	}
}

.avatar-suggestion-item {
	background-color: @tertiary-background-color;
	.avatar {
		background-size: cover;
		background-color: @tertiary-background-color;
	}
	.question-mark::before {
		color: @secondary-font-color;
	}
}

/** ----------------------------------------------------------------------------
 * Asides (external to main application views)
 */

.spotlight {
	background-color: @transparent-darker;
	> .spotlight-input {
		background-color: @secondary-background-color;
		color: @secondary-font-color;
		> i {
			color: @secondary-font-color;
		}
	}
}

.mobile-message-menu {
	background-color: @transparent-dark;
}

.full-page,
.page-loading {
	.gradient(shade(@primary-background-color), @primary-background-color);
	color: @tertiary-font-color;
	a {
		color: @tertiary-font-color;
	}
	a:hover {
		color: @primary-background-contrast;
	}
	.spinner > div {
		background-color: @primary-background-contrast;
	}
}

#login-card {
	color: @primary-font-color;
	background-color: @content-background-color;
	.input-shade(@primary-font-color, @content-background-color);
}

.dropzone.over .dropzone-overlay {
	background-color: @transparent-darkest;
	color: @content-background-color;
	> div {
		background-color: @transparent-darkest;
	}
}

/** ----------------------------------------------------------------------------
 * Room components
 */

.new-message {
	color: @primary-action-contrast;
	background-color: @primary-action-color;
}

.ticks-bar {
	.tick {
		background-color: @primary-action-color;
	}
	.tick-all {
		background-color: @selection-color;
	}
}

.room-not-found {
	color: @error-color;
}

.favorite-room {
	color: @pending-color;
}

.toggle-favorite {
	color: @component-color;
}

.container-bars {
	.upload-progress {
		background-color: @component-color;
		color: @primary-action-color;
		&.upload-error {
			background-color: @error-background;
			border-color: @error-border;
		}
		.upload-progress-progress {
			background-color: @success-background;
		}
	}
	.unread-bar {
		background-color: @component-color;
		color: @primary-action-color;
	}
}

.messages-container {
	.edit-room-title {
		.linkColors(@secondary-font-color, @primary-font-color);
	}
	.footer {
		background: @content-background-color;
	}
	.message-form {
		color: @secondary-font-color;
		.input-message-container {
			background-color: @content-background-color;
		}
		.message-buttons {
			.buttonColors(lighten(@primary-font-color, 25%), @secondary-background-color);
		}
	}
	.new-message {
		color: @primary-action-contrast;
		background-color: @primary-action-color;
	}
	.messages-box {
		.jump-recent {
			background-color: @component-color;
		}
		&.selectable .selected {
			background-color: @selection-background;
		}
		.load-more span {
			background-color: @secondary-background-color;
		}
	}
}

.message-popup {
	background: @content-background-color;
}

.message-popup-title {
	background-color: @secondary-background-color;
	// border-bottom-color: #E7E7E7;
}

.popup-item {
	// color: @secondary-font-color;
	&.selected {
		color: @primary-action-contrast;
		background-color: @primary-action-color;
	}
	span {
		color: @secondary-font-color;
	}
}

.messages-box {
	.start {
		color: @info-font-color;
	}
	.editing .body,
	textarea.editing {
		background-color: @selection-background;
	}
}

/** ----------------------------------------------------------------------------
 * Message content
 */

.first-unread {
	.body {
		&::before {
			background: @transparent-darker;
		}
		&::after {
			color: @primary-font-color;
		}
	}
}

.first-unread-opaque {
	.body {
		&::before {
			background: @transparent-dark;
		}
	}
}

.message {
	.body {
		color: @primary-font-color;
	}
	&.system .body {
		color: @info-font-color;
	}
	&:hover {
		background-color: @transparent-dark;
	}
	.toggle-options {
		color: @secondary-font-color;
	}
	.message-dropdown,
	.options-menu {
		color: lighten(@primary-font-color, 13%);
		background-color: @content-background-color;
		ul li:hover {
			background-color: @tertiary-background-color;
		}
		.message-dropdown-close {
			background-color: @secondary-background-color;
		}
	}
	&.new-day::before {
		background-color: @content-background-color;
	}
	&.new-day::after,
	.info,
	.user-view,
	.message-alias {
		color: @info-font-color;
		border-color: @component-color;
	}
	.user {
		color: @primary-font-color;
	}
	.is-bot,
	.role-tag {
		background-color: @info-font-color;
		color: contrast(@info-font-color);
	}
	a {
		.linkColors(@link-font-color, darken(@link-font-color, 10%));
	}
	a.mention-link {
		color: @primary-action-color;
		&.mention-link-me {
			color: @primary-action-contrast;
			background-color: @primary-action-color;
		}
		&.mention-link-all {
			color: @primary-action-contrast;
			background-color: @attention-color;
		}
	}
	.highlight-text {
		background-color: @selection-background;
	}
	.attachment {
		.attachment-block-border {
			background-color: @info-font-color;
		}
	}
}

/** ----------------------------------------------------------------------------
 * Misc typography variants
 */

a {
	color: @primary-font-color;
}

a:active,
a:hover {
	color: @primary-action-color;
}

.message,
.flex-tab {
	a i,
	a[class^="icon-"] {
		color: @primary-font-color;
		&:hover {
			color: darken(@primary-font-color, 10%);
		}
	}
}

.load-more .load-more-loading,
.secondary-text {
	color: @secondary-font-color;
}

.alert-icon {
	color: @success-color;
}

.error {
	background-color: @error-background;
	border-color: @error-color;
	color: @error-color;
}

/** ----------------------------------------------------------------------------
 * Side nav
 */

.side-nav {
	color: @tertiary-font-color;
	background-color: @primary-background-color;
	* {
		border-color: @transparent-darker;
	}
	a,
	.info {
		.linkColors(@tertiary-font-color, @tertiary-font-color);
	}
	.arrow:before,
	.arrow:after {
		background-color: @tertiary-font-color;
	}
	.info,
	.options,
	.content,
	footer,
	header {
		background-color: @primary-background-color;
	}
	.rooms-list {
		background-color: lighten(@primary-background-color, 2.5%);
	}
	h3:hover,
	li:hover,
	.more:hover,
	.selected-users li {
		background-color: @transparent-darker;
	}
	li.active {
		background-color: @transparent-light !important;
	}
	i {
		color: @transparent-lighter;
	}
	i.status-offline {
		color: @transparent-lighter !important;
	}
	.opt i:hover {
		color: @transparent-lightest;
	}
	.has-alert .name {
		color: @primary-background-contrast;
	}
	.unread {
		background-color: @success-color;
	}
	.unread-rooms {
		background-color: @primary-action-color;
		color: @primary-action-contrast;
	}
	.button {
		.buttonColors(@tertiary-font-color, mix(@primary-action-color, @primary-background-color));
	}
	.options button {
		.buttonColors(@tertiary-font-color, @primary-background-color);
	}
}

/** ----------------------------------------------------------------------------
 * Flex tabs / admin fly-out panels
 */

.flex-tab {
	background-color: @secondary-background-color;
	.content,
	.user-view,
	.list-view {
		background-color: @secondary-background-color;
	}
	.message {
		&.new-day::before {
			background-color: @secondary-background-color;
		}
	}
}

.flex-tab-bar {
	background-color: @content-background-color;
	border-color: @component-color;
	.tab-button {
		&:hover {
			background-color: @secondary-background-color;
		}
		&.active {
			background-color: @secondary-background-color;
			border-right-color: @selection-color;
		}
		&.attention {
			.blink(@selection-color);
		}
	}
	.counter {
		background: @secondary-font-color;
		color: white;
	}
}

.webrtc-video {
	&.webrtc-video-overlay,
	.main-video,
	.state-overlay::before,
	.videos .video-item {
		background-color: @transparent-darker;
		color: white;
	}
	.main-video > div,
	.video-muted-overlay,
	.videos .video-item > div {
		background-color: @transparent-darker;
	}
	video {
		background-color: black;
	}
}

/** ----------------------------------------------------------------------------
 * User status / user meta
 */

i.status-online {
	color: @status-online;
}

.account-box .status-online .thumb:after,
.account-box .status.online:after,
.popup-user-status-online,
.status-online:after,
.user-image.status-online .avatar:after {
	background-color: @status-online;
	border-color: darken(@status-online, 10%);
}

i.status-away {
	color: @status-away;
}

.account-box .status-away .thumb:after,
.account-box .status.away:after,
.popup-user-status-away,
.status-pending:after,
.user-image.status-away .avatar:after {
	background-color: @status-away;
	border-color: darken(@status-away, 10%);
}

i.status-busy {
	color: @status-busy;
}

.account-box .status-busy .thumb:after,
.account-box .status.busy:after,
.popup-user-status-busy,
.status-busy:after,
.user-image.status-busy .avatar:after {
	background-color: @status-busy;
	border-color: darken(@status-busy, 10%);
}

i.status-offline {
	color: @status-offline;
}

.popup-user-status-offline,
.status-offline:after,
.user-image.status-offline .avatar:after {
	background-color: @status-offline;
	border-color: darken(@status-offline, 10%);
}

.account-box .status-offline .thumb:after,
.account-box .status.offline:after {
	background-color: @transparent-lighter;
}

.popup-user-status {
	border-color: @transparent-dark;
}

.popup-user-status-system {
	border-color: transparent;
}

.user-view {
	p {
		color: @secondary-font-color;
	}
	.box:after,
	.stats li,
	.tags li {
		background-color: @component-color;
	}
}

/** ----------------------------------------------------------------------------
 * Buttons!
 */

.actionLinks li {
	.buttonColors(@secondary-action-contrast, @secondary-action-color);
}

// new layout buttons
.button {
	.buttonColors(@default-action-contrast, @default-action-color);
	&.primary {
		.buttonColors(@primary-action-contrast, @primary-action-color);
	}
	&.secondary {
		.buttonColors(@secondary-action-contrast, @secondary-action-color);
	}
	&.danger {
		.buttonColors(@error-contrast, @error-color);
	}
	&.external-login {
		color: white;
		&.facebook {
			background-color: #325c99;
		}
		&.twitter {
			background-color: #02acec;
		}
		&.google {
			background-color: #dd4b39;
		}
		&.github {
			background-color: #4c4c4c;
		}
		&.gitlab {
			background-color: #373d47;
		}
		&.trello {
			background-color: #026aa7;
		}
		&.meteor-developer {
			background-color: #de4f4f;
		}
		&.wordpress {
			background-color: #1e8cbe;
		}
		&.linkedin {
			background-color: #1b86bc;
		}
	}
}

/** ----------------------------------------------------------------------------
 * Feedback and overlay content
 */

.icon-ok,
.feedback-success {
	color: @success-color;
}

.feedback-warning {
	color: @pending-color;
}

.feedback-error {
	color: @error-color;
}

.livechat-form .error,
.offline .error {
	background-color: @error-background;
}

.alert-warning {
	color: @pending-color;
	background-color: @pending-background;
	border-color: @pending-border;
}

.alert-danger {
	color: @error-color;
	background-color: @error-background;
	border-color: @error-border;
}

.side-nav .input-error,
label.required:after {
	color: @error-color;
}

.burger .unread-burger-alert {
	background-color: @error-color;
	color: @error-contrast;
}

/** ----------------------------------------------------------------------------
 * Forms
 */

.input-shade(@primary-font-color, @content-background-color);
.flex-nav {
	.input-shade(@primary-background-contrast, @primary-background-color);
	label,
	legend {
		color: @tertiary-font-color;
	}
}

.flex-tab {
	input,
	select,
	textarea {
		background-color: @content-background-color;
	}
}

.input-line {
	&.setting-changed > label {
		color: @selection-color;
	}
	i,
	.settings-description {
		color: @secondary-font-color;
	}
	.settings-alert {
		background-color: @pending-background;
		border-color: @pending-border;
		color: @pending-color;
	}
}

input:-webkit-autofill {
	color: @primary-font-color !important;
}

input:-webkit-autofill {
	background-color: transparent !important;
}


Remove package specific style tweaks

Remove package specific style tweaks

fatal: unable to access 'https://github.com/ylansegal/dotfiles.git/': The requested URL returned error: 403


css for login page

css for login page

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/occ-data/tukey-portal.git/'


Create carousel.less

Create carousel.less

.pk-carousel {
  position: relative;
  height: 400px;
  text-align: center;
}
.pk-carousel ul,
.pk-carousel li {
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  max-width: 100%;
}
.pk-carousel ul {
  white-space: nowrap;
  text-align: left;
  overflow: hidden;
}
.pk-carousel li {
  display: inline-block;
  position: absolute;
  top: 0;
  opacity: 0;
  transition: all 300ms ease-in;
  text-align: center;
}
.pk-carousel li.pk-selected {
  opacity: 1;
}
.pk-carousel .pk-nav-prev,
.pk-carousel .pk-nav-next {
  position: absolute;
  left: 0;
  top: 50%;
  color: white;
  transition: all 100ms ease-in;
  cursor: pointer;
  -webkit-transform: scale(0.6);
}
.pk-carousel .pk-nav-prev:after,
.pk-carousel .pk-nav-next:after {
  content: '<';
  position: absolute;
  font-weight: bold;
  top: calc(-0.7em);
  font-size: 5em;
}
.pk-carousel .pk-nav-prev:hover,
.pk-carousel .pk-nav-next:hover {
  -webkit-transform: scale(0.8);
}
.pk-carousel .pk-nav-next {
  left: auto;
  right: 0;
}
.pk-carousel .pk-nav-next:after {
  content: '>';
  right: 0;
}
.pk-carousel .pk-nav-item {
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: -30px;
  height: 30px;
  width: 30px;
  text-align: center;
}
.pk-carousel .pk-nav-item.pk-selected:after {
  -webkit-transform: scale(1);
  opacity: 1;
}
.pk-carousel .pk-nav-item:after {
  content: '';
  margin-top: 5px;
  display: inline-block;
  border-radius: 100%;
  width: 15px;
  height: 15px;
  opacity: 0.65;
  background: white;
  -webkit-transform: scale(0.6);
  transition: all 100ms ease-in;
}
.pk-carousel .pk-nav-item:hover:after {
  -webkit-transform: scale(0.8);
  opacity: 1;
}

error: pathspec 'src/carousel/carousel.less' did not match any file(s) known to git


Add themeroller config as LESS config.

Add themeroller config as LESS config.

See: https://github.com/romaninsh/themeroller_extractor

@ffDefault: "sans-serif";
@fwDefault: "normal";
@fsDefault: 1em;
@cornerRadius: 3px;
@bgColorHeader: #0a233b;
@bgTextureHeader: "flat";
@bgImgOpacityHeader: 75;
@borderColorHeader: #0a233b;
@fcHeader: #ffffff;
@iconColorHeader: #ffffff;
@bgColorContent: #ffffff;
@bgTextureContent: "flat";
@bgImgOpacityContent: 75;
@borderColorContent: #ced3d9;
@fcContent: #222222;
@iconColorContent: #3c5269;
@bgColorDefault: #cad3dd;
@bgTextureDefault: "flat";
@bgImgOpacityDefault: 75;
@borderColorDefault: #99a8b9;
@fcDefault: #2c3f53;
@iconColorDefault: #2c3f53;
@bgColorHover: #adbccc;
@bgTextureHover: "flat";
@bgImgOpacityHover: 75;
@borderColorHover: #98a4b3;
@fcHover: #2c3f53;
@iconColorHover: #2c3f53;
@bgColorActive: #ffffff;
@bgTextureActive: "flat";
@bgImgOpacityActive: 65;
@borderColorActive: #ced3d9;
@fcActive: #212121;
@iconColorActive: #0080ff;
@bgColorHighlight: #d9ecff;
@bgTextureHighlight: "flat";
@bgImgOpacityHighlight: 0;
@borderColorHighlight: #d9ecff;
@fcHighlight: #0f2133;
@iconColorHighlight: #0080ff;
@bgColorError: #ffd9d9;
@bgTextureError: "flat";
@bgImgOpacityError: 0;
@borderColorError: #ffd9d9;
@fcError: #ca443e;
@iconColorError: #ca443e;
@bgColorOverlay: #142433;
@bgTextureOverlay: "flat";
@bgImgOpacityOverlay: 100;
@opacityOverlay: 50;
@bgColorShadow: #aaaaaa;
@bgTextureShadow: "flat";
@bgImgOpacityShadow: 0;
@opacityShadow: 30;
@thicknessShadow: 8px;
@offsetTopShadow: "-8px";
@offsetLeftShadow: "-8px";
@cornerRadiusShadow: 8px;

error: pathspec 'templates/shared/css/jquery-ui-settings.less' did not match any file(s) known to git


removed auto width from project table images

remote: Support for password authentication was removed on August 13, 2021.
remote: Please see https://docs.github.com/en/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urls for information on currently recommended modes of authentication.
fatal: Authentication failed for 'https://github.com/fadeit/fadeitdk.git/'


Added better styling to select

Added better styling to select

fatal: unable to access 'https://github.com/wpovell/atom-blast.git/': The requested URL returned error: 403


improving and fixing regression in member list style

fatal: unable to access 'https://github.com/MareAtlantica/agora-ciudadana.git/': The requested URL returned error: 403