<commit_before><!doctype html>
<html lang="">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Material Design Lite customizer</title>

  <link href="//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel='stylesheet'>

  <link rel="stylesheet" href="/material.min.css" id="main-stylesheet">
  <link rel="stylesheet" href="/assets/customizer.css">
  <script src="/assets/customizer.js"></script>
</head>
<body class="mdl-gen mdl-color--grey-200" onload="init();" id="mdl-gen-body">
  <div class="mdl-gen-color-row">
    <div class="mdl-gen-color mdl-color--red mdl-gen--light-text" index="0">Red</div>
    <div class="mdl-gen-color mdl-color--pink mdl-gen--light-text is-accent" index="1">Pink</div>
    <div class="mdl-gen-color mdl-color--purple mdl-gen--light-text" index="2">Purple</div>
    <div class="mdl-gen-color mdl-color--deep-purple mdl-gen--light-text" index="3">Deep Purple</div>
    <div class="mdl-gen-color mdl-color--indigo mdl-gen--light-text is-primary" index="4">Indigo</div>
  </div>
  <div class="mdl-gen-color-row">
    <div class="mdl-gen-color mdl-color--blue mdl-gen--light-text" index="5">Blue</div>
    <div class="mdl-gen-color mdl-color--light-blue mdl-gen--dark-text" index="6">Light Blue</div>
    <div class="mdl-gen-color mdl-color--cyan mdl-gen--dark-text" index="7">Cyan</div>
    <div class="mdl-gen-color mdl-color--teal mdl-gen--light-text" index="8">Teal</div>
    <div class="mdl-gen-color mdl-color--green mdl-gen--dark-text" index="9">Green</div>
  </div>
  <div class="mdl-gen-preview mdl-shadow--z2">
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
      <header class="mdl-layout__header">
        <svg class="mdl-layout-icon" width="411px" height="406px" viewBox="0 0 411 406" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
          <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g transform="translate(-51.000000, -54.000000)" fill="currentColor">
              <path d="M253.532807,381.627 L205.905373,459.1512 L75.2987939,365.2047 L137.208794,290.0547 L51,265.8834 L100.217083,116.7498 L183.176447,150.0543 L176.402456,54 L337.901996,54 L331.203531,149.0202 L409.306732,116.4465 L461.243662,265.7448 L371.760263,290.7036 L429.826513,365.6628 L302.333596,459.2493 L253.532807,381.627 Z M222.176831,106.2 L291.098533,106.2 L282.729084,224.796484 L383.182429,182.939488 L404.947387,245.446521 L297.795289,275.304737 L368.114228,365.995226 L313.701833,405.9 L252.592681,308.789934 L192.876775,405.9 L137.348587,365.995226 L212.130699,275.304737 L105.539492,245.446521 L126.18666,182.939488 L230.548276,224.796484 L222.176831,106.2 Z"></path>
            </g>
          </g>
        </svg>
        <span class="mdl-layout-title">Theme Preview</span>
        <div class="mdl-layout-spacer"></div>
        <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floating-label mdl-textfield--align-right">
          <label class="mdl-button mdl-js-button mdl-button--icon" for="sample-expclean">
            <span class="mdl-icon mdl-icon--search"></span>
          </label>
          <div class="mdl-textfield__expandable-holder">
            <input class="mdl-textfield__input" type="text" name="sample" id="sample-expclean" />
          </div><commit_msg>Update customizer to use new shadows<commit_after><!doctype html>
<html lang="">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Material Design Lite customizer</title>

  <link href="//fonts.googleapis.com/css?family=Roboto:regular,bold,italic,thin,light,bolditalic,black,medium&amp;lang=en" rel='stylesheet'>

  <link rel="stylesheet" href="/material.min.css" id="main-stylesheet">
  <link rel="stylesheet" href="/assets/customizer.css">
  <script src="/assets/customizer.js"></script>
</head>
<body class="mdl-gen mdl-color--grey-200" onload="init();" id="mdl-gen-body">
  <div class="mdl-gen-color-row">
    <div class="mdl-gen-color mdl-color--red mdl-gen--light-text" index="0">Red</div>
    <div class="mdl-gen-color mdl-color--pink mdl-gen--light-text is-accent" index="1">Pink</div>
    <div class="mdl-gen-color mdl-color--purple mdl-gen--light-text" index="2">Purple</div>
    <div class="mdl-gen-color mdl-color--deep-purple mdl-gen--light-text" index="3">Deep Purple</div>
    <div class="mdl-gen-color mdl-color--indigo mdl-gen--light-text is-primary" index="4">Indigo</div>
  </div>
  <div class="mdl-gen-color-row">
    <div class="mdl-gen-color mdl-color--blue mdl-gen--light-text" index="5">Blue</div>
    <div class="mdl-gen-color mdl-color--light-blue mdl-gen--dark-text" index="6">Light Blue</div>
    <div class="mdl-gen-color mdl-color--cyan mdl-gen--dark-text" index="7">Cyan</div>
    <div class="mdl-gen-color mdl-color--teal mdl-gen--light-text" index="8">Teal</div>
    <div class="mdl-gen-color mdl-color--green mdl-gen--dark-text" index="9">Green</div>
  </div>
  <div class="mdl-gen-preview mdl-shadow--3dp">
    <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
      <header class="mdl-layout__header">
        <svg class="mdl-layout-icon" width="411px" height="406px" viewBox="0 0 411 406" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
          <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
            <g transform="translate(-51.000000, -54.000000)" fill="currentColor">
              <path d="M253.532807,381.627 L205.905373,459.1512 L75.2987939,365.2047 L137.208794,290.0547 L51,265.8834 L100.217083,116.7498 L183.176447,150.0543 L176.402456,54 L337.901996,54 L331.203531,149.0202 L409.306732,116.4465 L461.243662,265.7448 L371.760263,290.7036 L429.826513,365.6628 L302.333596,459.2493 L253.532807,381.627 Z M222.176831,106.2 L291.098533,106.2 L282.729084,224.796484 L383.182429,182.939488 L404.947387,245.446521 L297.795289,275.304737 L368.114228,365.995226 L313.701833,405.9 L252.592681,308.789934 L192.876775,405.9 L137.348587,365.995226 L212.130699,275.304737 L105.539492,245.446521 L126.18666,182.939488 L230.548276,224.796484 L222.176831,106.2 Z"></path>
            </g>
          </g>
        </svg>
        <span class="mdl-layout-title">Theme Preview</span>
        <div class="mdl-layout-spacer"></div>
        <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable mdl-textfield--floating-label mdl-textfield--align-right">
          <label class="mdl-button mdl-js-button mdl-button--icon" for="sample-expclean">
            <span class="mdl-icon mdl-icon--search"></span>
          </label>
          <div class="mdl-textfield__expandable-holder">
            <input class="mdl-textfield__input" type="text" name="sample" id="sample-expclean" />
          </div>
{'fraction_non_alphanumeric': 0.18999437886453063, 'fraction_numerical': 0.15682967959527824, 'mean_word_length': 3.942361111111111, 'pattern_counts': {'":': 0, '<': 129, '<?xml version=': 0, '>': 129, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 4}, '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': '1200808', 'n_tokens_mistral': 3432, 'n_tokens_neox': 2759, 'n_words': 392}