<commit_before>@prefix: ~'.dqpl-';

// default focus ring
.focusRing() {
  outline: 2px solid @focus;
  outline-offset: @space-quarter;
}

.focusRingInherit() {
  outline: 2px solid;
  outline-offset: @space-quarter;
}

// Backgrounds
@top-bar-bg: rgba(40, 54, 64, 1); // #283640
@top-bar-bg-active: darken(@top-bar-bg, 15%); // #0b0e11
@top-bar-bg-active-scrim: rgba(11, 14, 17, .9);
@workspace-bg: rgba(253, 253, 254, 1); // #fdfdfe
@tile-bg: rgba(255, 255, 255, 1); // #ffffff
@bg-light: darken(@tile-bg, 10%); // #e6e6e6
@scrim: rgba(0, 0, 0, .5);
@top-bar-divider: rgba(90, 98, 104, 1); // #5a6268
@bg-light-grey: darken(@tile-bg, 5%); // #f2f2f2

// Text
@text-base: lighten(#000000, 40%); // #666666
@header-dark: lighten(#000000, 20%); // #333333
@header: lighten(#000000, 30%); // #4d4d4d
@disabled: lighten(#000000, 80%); // #cccccc
@link: rgba(60, 122, 174, 1); // #3c7aae
@link-light: rgba(60, 122, 174, .1);
@error: rgba(217, 50, 81, 1); // #d93251
@top-bar-text: rgba(212, 221, 224, 1); // #d4dde0
@text-light: rgba(255, 255, 255, 1); // #ffffff
@text-light-disabled: rgba(255, 255, 255, .5);

// Fields
@field-bg: @tile-bg;
@field-border: lighten(#000000, 80%); // #cccccc
@field-hover-border: lighten(#000000, 70%); // #b3b3b3
@field-focus-border: @link;
@field-error-border: @error;
@field-error-hover-border: darken(@error, 10%); // #b6223d
@field-disabled: darken(@tile-bg, 5%); // #f2f2f2

// Buttons
@button-primary: @link;
@button-secondary: darken(@tile-bg, 5%); // #f2f2f2
@button-text-dark: rgba(90, 98, 104, 1); // #5a6268
@button-text-light: @text-light;
@button-text-disabled: @disabled;

// Tables
@table-text: @header;
@table-header: darken(@tile-bg, 5%); // #f2f2f2
@table-selected: @link;
@table-hover: lighten(@link, 95%); // #ffffff
@table-hover-link: @top-bar-bg;

// Accents
@focus: rgba(215, 30, 247, 1); // #d71ef7
@focus-active: rgba(215, 30, 247, .25);
@focus-glow: rgba(193, 27, 222, 0.75);
@metric-accent-low: rgba(247, 132, 108, 1); // #f7846c
@metric-accent-mid: rgba(139, 166, 197, 1); // #8ba6c5
@metric-accent-full: rgba(165, 219, 117, 1); // #a5db75
@top-bar-accent-primary: rgba(108, 218, 242, 1); // #6cdaf2
@top-bar-accent-warning: rgba(255, 221, 117, 1); // #ffdd75
@top-bar-accent-error: rgba(254, 109, 107, 1); // #fe6d6b
@top-bar-accent-success: rgba(98, 232, 107, 1); // #62e86b
@top-bar-accent-warning-other: rgba(247, 132, 108, 1); // #f7846c

// Padding/Margin
@space-smallest: 8px;
@space-small: 16px;
@space-medium: 18px;
@space-large: 24px;
@space-largest: 29px;
@space-half: 4px;
@space-three-quarters: 6px;
@space-quarter: 2px;
@space-large-with-underborder: 18px 24px;
@space-gutter: 40px;

// text size
@text-largest: 112px;
@text-larger: 56px;
@text-large: 45px;
@text-large-medium: 34px;
@text-medium: 24px;
@text-small-medium: 20px;
@text-normal: 18px;
@text-small: 15px;
@text-smaller: 13px;
@text-smallest: 12px;

// font weight
@weight-thin: 100;
@weight-light: 300;
@weight-normal: 400;
@weight-medium: 500;
@weight-bold: 700;
@weight-ultra-bold: 900;

// specfic dimensions
@top-bar-height: 50px;
@menu-width: 257px;
@input-min-width: 250px;
@border-width: 6px;
@layout-padding: 9px;
@content-max-width: 1000px;

// z-index
@z-index-tooltip: 9;
@z-index-scrim: 7;
@z-index-modal: 21;
@z-index-modal-scrim: 20;
@z-index-side-bar: 9;
@z-index-top-bar: 10;
@z-index-toast: 8;
@z-index-listbox: 6;

// lists
@list-separator: rgba(153, 153, 153, .15);

// Vendor prefixer
.vendor(@property, @value) {
  -webkit-@{property}: @value;
  -moz-@{property}: @value;
  -ms-@{property}: @value;
  @{property}: @value;
}

// Shortcuts
.box-shadow(@args: none) {
  .vendor(box-shadow, @args);
}

// Animation
.animate(@args) {
  .vendor(transition, @args);
}

.transform(@val) {
  -webkit-transform: @val;
	-ms-transform: @val;
	transform: @val;
}

// Shadows/Glows
.ambient-light() {
  .box-shadow(0px 0px 2px 1px rgba(0,0,0,0.3));
}

.active-light() {
  .box-shadow(0px 0px 2px 1px rgba(0,0,0,0.4));
}

.key-light() {
  .box-shadow(1px 1px 2px 1px rgba(0,0,0,0.4));
}

.tile-drop() {
  .box-shadow(0px 0px 13px 1px rgba(0,0,0,0.39));
}

.modal-drop() {
  .box-shadow(0px 5px 18px 2px rgba(0,0,0,0.35));
}

.top-bar-drop() {
  .box-shadow(0px 6px 20px 0px rgba(0,0,0,0.5));
}

.field-focus() {
  .box-shadow(0px 0px 8px 1px rgba(60,122,174,1)); // #3c7aae
}

.field-focus-error() {
  .box-shadow(0px 0px 8px 1px @error);
}

// Flex stuffs
.display-flex() {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}

.flex(@args: none) {
  .vendor(flex, @args);
}

.flex-direction(@direction: row) {
  .vendor(flex-direction, @direction);
}

.flex-wrap(@wrap: nowrap) {<commit_msg>Changed rgba values to hex<commit_after>@prefix: ~'.dqpl-';

// default focus ring
.focusRing() {
  outline: 2px solid @focus;
  outline-offset: @space-quarter;
}

.focusRingInherit() {
  outline: 2px solid;
  outline-offset: @space-quarter;
}

// Backgrounds
@top-bar-bg: #283640;
@top-bar-bg-active: darken(@top-bar-bg, 15%); // #0b0e11
@top-bar-bg-active-scrim: rgba(11, 14, 17, .9);
@workspace-bg: #fdfdfe;
@tile-bg: #ffffff;
@bg-light: darken(@tile-bg, 10%); // #e6e6e6
@scrim: rgba(0, 0, 0, .5);
@top-bar-divider: #5a6268;
@bg-light-grey: darken(@tile-bg, 5%); // #f2f2f2

// Text
@text-base: lighten(#000000, 40%); // #666666
@header-dark: lighten(#000000, 20%); // #333333
@header: lighten(#000000, 30%); // #4d4d4d
@disabled: lighten(#000000, 80%); // #cccccc
@link: #3c7aae;
@link-light: rgba(60, 122, 174, .1);
@error: #d93251;
@top-bar-text: #d4dde0;
@text-light: #ffffff;
@text-light-disabled: rgba(255, 255, 255, .5);

// Fields
@field-bg: @tile-bg;
@field-border: lighten(#000000, 80%); // #cccccc
@field-hover-border: lighten(#000000, 70%); // #b3b3b3
@field-focus-border: @link;
@field-error-border: @error;
@field-error-hover-border: darken(@error, 10%); // #b6223d
@field-disabled: darken(@tile-bg, 5%); // #f2f2f2

// Buttons
@button-primary: @link;
@button-secondary: darken(@tile-bg, 5%); // #f2f2f2
@button-text-dark: #5a6268;
@button-text-light: @text-light;
@button-text-disabled: @disabled;

// Tables
@table-text: @header;
@table-header: darken(@tile-bg, 5%); // #f2f2f2
@table-selected: @link;
@table-hover: lighten(@link, 95%); // #ffffff
@table-hover-link: @top-bar-bg;

// Accents
@focus: #d71ef7;
@focus-active: rgba(215, 30, 247, .25);
@focus-glow: rgba(193, 27, 222, 0.75);
@metric-accent-low: #f7846c;
@metric-accent-mid: #8ba6c5;
@metric-accent-full: #a5db75;
@top-bar-accent-primary: #6cdaf2;
@top-bar-accent-warning: #ffdd75;
@top-bar-accent-error: #fe6d6b;
@top-bar-accent-success: #62e86b;
@top-bar-accent-warning-other: #f7846c;

// Padding/Margin
@space-smallest: 8px;
@space-small: 16px;
@space-medium: 18px;
@space-large: 24px;
@space-largest: 29px;
@space-half: 4px;
@space-three-quarters: 6px;
@space-quarter: 2px;
@space-large-with-underborder: 18px 24px;
@space-gutter: 40px;

// text size
@text-largest: 112px;
@text-larger: 56px;
@text-large: 45px;
@text-large-medium: 34px;
@text-medium: 24px;
@text-small-medium: 20px;
@text-normal: 18px;
@text-small: 15px;
@text-smaller: 13px;
@text-smallest: 12px;

// font weight
@weight-thin: 100;
@weight-light: 300;
@weight-normal: 400;
@weight-medium: 500;
@weight-bold: 700;
@weight-ultra-bold: 900;

// specfic dimensions
@top-bar-height: 50px;
@menu-width: 257px;
@input-min-width: 250px;
@border-width: 6px;
@layout-padding: 9px;
@content-max-width: 1000px;

// z-index
@z-index-tooltip: 9;
@z-index-scrim: 7;
@z-index-modal: 21;
@z-index-modal-scrim: 20;
@z-index-side-bar: 9;
@z-index-top-bar: 10;
@z-index-toast: 8;
@z-index-listbox: 6;

// lists
@list-separator: rgba(153, 153, 153, .15);

// Vendor prefixer
.vendor(@property, @value) {
  -webkit-@{property}: @value;
  -moz-@{property}: @value;
  -ms-@{property}: @value;
  @{property}: @value;
}

// Shortcuts
.box-shadow(@args: none) {
  .vendor(box-shadow, @args);
}

// Animation
.animate(@args) {
  .vendor(transition, @args);
}

.transform(@val) {
  -webkit-transform: @val;
	-ms-transform: @val;
	transform: @val;
}

// Shadows/Glows
.ambient-light() {
  .box-shadow(0px 0px 2px 1px rgba(0,0,0,0.3));
}

.active-light() {
  .box-shadow(0px 0px 2px 1px rgba(0,0,0,0.4));
}

.key-light() {
  .box-shadow(1px 1px 2px 1px rgba(0,0,0,0.4));
}

.tile-drop() {
  .box-shadow(0px 0px 13px 1px rgba(0,0,0,0.39));
}

.modal-drop() {
  .box-shadow(0px 5px 18px 2px rgba(0,0,0,0.35));
}

.top-bar-drop() {
  .box-shadow(0px 6px 20px 0px rgba(0,0,0,0.5));
}

.field-focus() {
  .box-shadow(0px 0px 8px 1px #3c7aae);
}

.field-focus-error() {
  .box-shadow(0px 0px 8px 1px @error);
}

// Flex stuffs
.display-flex() {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
}

.flex(@args: none) {
  .vendor(flex, @args);
}

.flex-direction(@direction: row) {
  .vendor(flex-direction, @direction);
}

.flex-wrap(@wrap: nowrap) {
{'fraction_non_alphanumeric': 0.22534099876000452, 'fraction_numerical': 0.10291962574681547, 'mean_word_length': 4.095921883974727, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5856648', 'n_tokens_mistral': 4754, 'n_tokens_neox': 3944, 'n_words': 791}