<commit_before>html {
  --panel-background-color: #f3f3f3;
  --input-focus-border-color: #4d90fe;
  --button-background-image: linear-gradient(#ededed, #ededed 38%, #dedede);
  --button-hover-color: black;
  --button-hover-background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
  --button-hover-border-color: rgba(0, 0, 0, 0.3);
  --button-active-background-image: linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
  --select-shape: url(
      'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7px" height="7px"><polygon points="0,1 6,1 3,7"/></svg>'
      );
  --icon-button-hover-color: #444;
  --icon-button-active-color: #4d90fe;
  --link-color: #15c;
  --link-hover-color: #15c;
  --link-active-color: #052577;
}
.less-motion {
  --transition-duration: 0;
}
@media (prefers-color-scheme: dark) {
  .auto-dark {
    --plain-color: #abb0b5;
    --background-color: #000;
    --panel-background-color: #18191b;
    --heading-color: #c6cbd2;
    --heading-border-color: #555;
    --item-caption-color: #aab0b6;
    --deprecated-color: #888;
    --tip-color: pink;
    --help-hover-color: #abb0b5;
    --vim-color: #9bf;
    --c-char-color: #e6ccb3;
    --code-block-border-color: #666;
    --darker-filter: brightness(0.8);
    --link-color: #5b96f5;
    --link-hover-color: #8ab4f8;
    --link-active-color: #8ab4f8;
    --input-color: #d4d4d4;
    --read-only-color: #bbb;
    --read-only-background-color: #30343c;
    --placeholder-color: #888;
    --input-border-color: #777;
    --highlight-background-color: #59594c;
    --error-background-color: #50140c;
    --input-focus-border-color: #004fa3;
    --button-color: #bdc2c7;
    --button-disabled-color: #abb0b5;
    --button-background-color: #18191b;
    --button-border-color: #5f6368;
    --button-background-image: none;
    --button-hover-color: #bdc2c7;
    --button-hover-background-color: #30343c;
    --button-hover-background-image: none;
    --button-hover-border-color: #84878b;
    --button-active-background-image: none;
    --icon-button-hover-color: #8ab4f8;
    --icon-button-active-color: #5b96f5;
    --select-shape: url(
        'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7px" height="7px"><polygon points="0,1 6,1 3,7" fill="%23bbb"/></svg>'
        );
    --select-option-background-color: #333;
    --state-color: #8ab4f8;
  }
}

body {
  font: 14px "Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB"
    ,"Microsoft YaHei","Heiti SC","WenQuanYi Micro Hei",sans-serif;
  margin: 0;
}
body.dialog-ui {
  margin-right: 25px;
}
:focus {
  outline-color: var(--input-focus-border-color);
}
a, a:visited {
  color: #15c;
  color: var(--link-color);
  cursor: pointer;
  text-decoration: none;
}
a[href], a:hover {
  text-decoration: underline;
}
a:hover {
  color: #15c;
  color: var(--link-hover-color);
}
a:active {
  color: #052577;
  color: var(--link-active-color);
  outline: none;
}
header {
  /* keep 1px so it can be more conspicuous than 0.5px */
  border-bottom: 1px solid #ddd;
  border-color: var(--heading-border-color, #ddd);
  border-width: 1px !important;
  color: var(--heading-color);
  font-size: 18px;
  font-weight: normal;
  height: 24px;
  line-height: 24px;
  padding: 20px 0 15px 0;
}
.dialog-ui header {
  padding: 0 0 3px 0;
}
button, select {
  background-color: /* buttonface */ #ddd;
  background-color: var(--button-background-color, #ddd);
  background-image: linear-gradient(#ededed, #ededed 38%, #dedede);
  background-image: var(--button-background-image);
  background-origin: border-box;
  border: 0.5px solid rgba(0, 0, 0, 0.25);
  border-color: var(--button-border-color, rgba(0, 0, 0, 0.25));
  border-radius: 2px;
  box-shadow: 0 1px rgba(0, 0, 0, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75);
  box-sizing: border-box;
  color: #444;
  color: var(--button-color, #444);
  font: 12px/100% Arial,sans-serif !important;
  height: 24px;
  outline: none;
  padding: 0 10px;
  text-align: center;
  text-shadow: 0 1px #f0f0f0;
}
button.fixed-size {
  padding: 0;
}
button:lang(zh), select:lang(zh) {
  font-size: 13px !important;
}
.dialog-ui button {
  margin-right: 0;
}
button:hover:not(:disabled), select:hover {
  background-color: var(--button-hover-background-color, #ddd);
  background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0);
  background-image: var(--button-hover-background-image);
  border-color: rgba(0, 0, 0, 0.3);
  border-color: var(--button-hover-border-color);
  color: black;
  color: var(--button-hover-color);
}
button:active:hover, select:active {
  background-image: linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7);
  background-image: var(--button-active-background-image);
  box-shadow: none;
  text-shadow: none;
}
button:disabled {
  color: #888;
  color: var(--button-disabled-color, #888);
}
button.left {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-style: none;
  margin: 0;
}
select.right {
  -webkit-padding-start: 0;
  -webkit-padding-end: 17px;
  -webkit-appearance: none;
  background: url(
'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7px" height="7px"><polygon points="0,1 6,1 3,7"/></svg>'
    ) 8px 8px / 7px 7px no-repeat border-box,
    linear-gradient(#ededed, #ededed 38%, #dedede) 0 / auto border-box;
  background-image: var(--select-shape), var(--button-background-image);
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  font-size: 0 !important;
  vertical-align: top;
  width: 22px;
}
select.right:hover {
  background-image: var(--select-shape), var(--button-hover-background-image);
}
select.right:active {
  background-image: var(--select-shape), var(--button-active-background-image);
}
button.left:hover+select.right {
  border-left-color: rgba(0, 0, 0, 0.3);
  border-left-color: var(--button-hover-border-color);
}
button.left:focus+select.right {
  border-left-color: #4d90fe;
  border-left-color: var(--input-focus-border-color);
}
select.right > option {<commit_msg>UI: use flat mode for buttons<commit_after>html {
  --panel-background-color: #f3f3f3;
  --input-focus-border-color: #4d90fe;
  --button-hover-color: black;
  --button-hover-border-color: rgba(0, 0, 0, 0.3);
  --select-shape: url(
      'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7px" height="7px"><polygon points="0,1 6,1 3,7"/></svg>'
      );
  --icon-button-hover-color: #444;
  --icon-button-active-color: #4d90fe;
  --link-color: #15c;
  --link-hover-color: #15c;
  --link-active-color: #052577;
}
.less-motion {
  --transition-duration: 0;
}
@media (prefers-color-scheme: dark) {
  .auto-dark {
    --plain-color: #abb0b5;
    --background-color: #000;
    --panel-background-color: #18191b;
    --heading-color: #c6cbd2;
    --heading-border-color: #555;
    --item-caption-color: #aab0b6;
    --deprecated-color: #888;
    --tip-color: pink;
    --help-hover-color: #abb0b5;
    --vim-color: #9bf;
    --c-char-color: #e6ccb3;
    --code-block-border-color: #666;
    --darker-filter: brightness(0.8);
    --link-color: #5b96f5;
    --link-hover-color: #8ab4f8;
    --link-active-color: #8ab4f8;
    --input-color: #d4d4d4;
    --read-only-color: #bbb;
    --read-only-background-color: #30343c;
    --placeholder-color: #888;
    --input-border-color: #777;
    --highlight-background-color: #59594c;
    --error-background-color: #50140c;
    --input-focus-border-color: #004fa3;
    --button-color: #bdc2c7;
    --button-disabled-color: #abb0b5;
    --button-background-color: #18191b;
    --button-border-color: #5f6368;
    --button-hover-color: #bdc2c7;
    --button-hover-background-color: #30343c;
    --button-active-background-color: #0c0c0e;
    --button-hover-border-color: #84878b;
    --icon-button-hover-color: #8ab4f8;
    --icon-button-active-color: #5b96f5;
    --select-shape: url(
        'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7px" height="7px"><polygon points="0,1 6,1 3,7" fill="%23bbb"/></svg>'
        );
    --select-option-background-color: #333;
    --state-color: #8ab4f8;
  }
}

body {
  font: 14px "Helvetica Neue",Helvetica,Arial,"PingFang SC","Hiragino Sans GB"
    ,"Microsoft YaHei","Heiti SC","WenQuanYi Micro Hei",sans-serif;
  margin: 0;
}
body.dialog-ui {
  margin-right: 25px;
}
:focus {
  outline-color: var(--input-focus-border-color);
}
a, a:visited {
  color: #15c;
  color: var(--link-color);
  cursor: pointer;
  text-decoration: none;
}
a[href], a:hover {
  text-decoration: underline;
}
a:hover {
  color: #15c;
  color: var(--link-hover-color);
}
a:active {
  color: #052577;
  color: var(--link-active-color);
  outline: none;
}
header {
  /* keep 1px so it can be more conspicuous than 0.5px */
  border-bottom: 1px solid #ddd;
  border-color: var(--heading-border-color, #ddd);
  border-width: 1px !important;
  color: var(--heading-color);
  font-size: 18px;
  font-weight: normal;
  height: 24px;
  line-height: 24px;
  padding: 20px 0 15px 0;
}
.dialog-ui header {
  padding: 0 0 3px 0;
}
button, select {
  border: 0.5px solid rgba(0, 0, 0, 0.25);
  border-color: var(--button-border-color, rgba(0, 0, 0, 0.25));
  border-radius: 2px;
  box-sizing: border-box;
  color: #444;
  color: var(--button-color, #444);
  font: 12px/100% Arial,sans-serif !important;
  height: 24px;
  outline: none;
  padding: 0 10px;
  text-align: center;
}
button { 
  background-image: none;
}
button.fixed-size {
  padding: 0;
}
button:lang(zh), select:lang(zh) {
  font-size: 13px !important;
}
.dialog-ui button {
  margin-right: 0;
}
button:disabled {
  color: #888;
  color: var(--button-disabled-color, #888);
}
button.left {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-style: none;
  margin: 0;
}
select.right {
  -webkit-padding-start: 0;
  -webkit-padding-end: 17px;
  -webkit-appearance: none;
  background: url(
'data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="7px" height="7px"><polygon points="0,1 6,1 3,7"/></svg>'
    ) 8px 8px / 7px 7px no-repeat border-box,
    #efefef 0 / auto border-box;
  background-image: var(--select-shape);
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  font-size: 0 !important;
  vertical-align: top;
  width: 22px;
}
button, select, select.right {
  background-color: #efefef;
  background-color: var(--button-background-color, #efefef);
}
button:hover:not(:disabled), select:hover {
  background-color: #e5e5e5;
  background-color: var(--button-hover-background-color, #e5e5e5);
  border-color: rgba(0, 0, 0, 0.3);
  border-color: var(--button-hover-border-color);
  color: black;
  color: var(--button-hover-color);
}
button:active:hover, select:active {
  background-color: #f5f5f5;
  background-color: var(--button-active-background-color, #f5f5f5);
  box-shadow: none;
  text-shadow: none;
}
button.left:hover+select.right {
  border-left-color: rgba(0, 0, 0, 0.3);
  border-left-color: var(--button-hover-border-color);
}
button.left:focus+select.right {
  border-left-color: #4d90fe;
  border-left-color: var(--input-focus-border-color);
}
select.right > option {
{'fraction_non_alphanumeric': 0.1908031439154395, 'fraction_numerical': 0.05935495528051314, 'mean_word_length': 3.396346306592534, 'pattern_counts': {'":': 0, '<': 21, '<?xml version=': 0, '>': 23, 'https://': 0, 'lorem ipsum': 0, 'www.': 6, 'xml': 12}, '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': '462196', 'n_tokens_mistral': 4836, 'n_tokens_neox': 4420, 'n_words': 802}