<commit_before>import * as Constants from './constants';
import * as BC from './browserConstants';

const mkUrl = relPath => 'url("' + BC.BROWSER_PATH_PREFIX + relPath + '")'

const styles = {
  noWrap: {
    overflow: 'hidden',
    textOverflow: 'ellipsis',
    whiteSpace: 'nowrap',
  },
  // This is the container for a single tabWindow, consisting of its
  // header and tabs:
  tabWindow: {
    border: '1px solid #bababa',
    borderRadius: 3,
    marginBottom: 8,
    maxWidth: 345,
    display: 'flex',
    flexDirection: 'column',
  },
  tabWindowTile: {
    width: 270,
    maxWidth: 270,
    height: 180,
    maxHeight: 180,
    margin: 10
  },
  tabWindowSelected: {
    border: '2px solid #a0a0a0'
  },
  tabWindowFocused: {
    boxShadow: '0px 0px 5px 2px #7472ff'
  },
  windowHeader: {
    backgroundColor: '#ebe9eb',
    borderBottom: '1px solid #bababa',
    height: Constants.WINDOW_HEADER_HEIGHT,
    maxHeight: Constants.WINDOW_HEADER_HEIGHT,
    paddingLeft: 3,
    paddingRight: 3,

    // marginBottom: 3,
    display: 'inline-flex',

    // justifyContent: 'space-between',
    alignItems: 'center',
  },
  tabItem: {
    height: 20,
    maxHeight: 20,
    paddingLeft: 3,
    paddingRight: 3,
    display: 'flex',
    alignItems: 'center',
  },
  tabItemSelected: {
    backgroundColor: '#dadada',
  },
  tabItemDropOver: {
    borderBottom: '2px solid #333333'
  },
  text: {
    fontSize: 12,
    marginTop: 'auto',
    marginBottom: 'auto',
    marginLeft: 3,
  },
  tabTitle: {
    width: 275,
    maxWidth: 275,
  },
  expandablePanel: {
    width: '100%',
    position: 'relative',
    minHeight: Constants.WINDOW_HEADER_HEIGHT,
    overflow: 'hidden',
  },
  expandablePanelContentClosed: {
    marginTop: '-999px',
  },
  expandablePanelContentOpen: {
    marginTop: 0,
  },
  windowExpand: {
    WebkitMaskImage: mkUrl('images/triangle-small-4-01.png'),
    backgroundColor: '#606060',
  },
  windowCollapse: {
    WebkitMaskImage: mkUrl('images/triangle-small-1-01.png'),
    backgroundColor: '#606060',
  },

  // Hmmm, we use this as a common base for both
  //
  headerButton: {
    outline: 'none',
    border: 'none',
    backgroundRepeat: 'no-repeat',
    width: 16,
    height: 16,
    marginLeft: 1,
    marginRight: 1,
  },
  dialogButton: {
    outline: 'none',
    border: 'none',
    marginLeft: 4,
    marginRight: 4,
    marginTop: 4,
    marginBottom: 8,
    paddingTop: 6,
    paddingBottom: 6,
    paddingLeft: 12,
    paddingRight: 12,
    borderRadius: 3,
    verticalAlign: 'center',
    display: 'flex',
    fontWeight: 600,
    fontSize: 12,
    textAlign: 'center',
    backgroundColor: '#e0e1e2',
    color: 'rgba(0,0,0,.6)',
  },
  primaryButton: {
    backgroundColor: '#1678c2',
    color: '#fff',

  },
  spacer: {
    // backgroundColor: 'red', // for debugging
    // height: 8, // for debugging
    flex: 1,
  },
  favIcon: {
    width: 16,
    height: 16,
    marginRight: 3,
  },
  hidden: {
    visibility: 'hidden',
  },
  visible: {
    visibility: 'visible',
  },
  open: {
  },
  closed: {
    color: '#979ca0',
  },
  tabManagedButton: {
    WebkitMaskImage: mkUrl('images/status-9.png'),
    backgroundColor: '#7472ff',
  },
  audibleIcon: {
    WebkitMaskImage: mkUrl('images/Multimedia-64.png'),
    backgroundColor: '#505050',
  },
  emptyFavIcon: {
    width: 18,
    marginRight: 3,
    WebkitMaskImage: mkUrl('images/Files-26.png'),<commit_msg>Add grayscale filter to closed favicons<commit_after>import * as Constants from './constants';
import * as BC from './browserConstants';

const mkUrl = relPath => 'url("' + BC.BROWSER_PATH_PREFIX + relPath + '")'

const styles = {
  noWrap: {
    overflow: 'hidden',
    textOverflow: 'ellipsis',
    whiteSpace: 'nowrap',
  },
  // This is the container for a single tabWindow, consisting of its
  // header and tabs:
  tabWindow: {
    border: '1px solid #bababa',
    borderRadius: 3,
    marginBottom: 8,
    maxWidth: 345,
    display: 'flex',
    flexDirection: 'column',
  },
  tabWindowTile: {
    width: 270,
    maxWidth: 270,
    height: 180,
    maxHeight: 180,
    margin: 10
  },
  tabWindowSelected: {
    border: '2px solid #a0a0a0'
  },
  tabWindowFocused: {
    boxShadow: '0px 0px 5px 2px #7472ff'
  },
  windowHeader: {
    backgroundColor: '#ebe9eb',
    borderBottom: '1px solid #bababa',
    height: Constants.WINDOW_HEADER_HEIGHT,
    maxHeight: Constants.WINDOW_HEADER_HEIGHT,
    paddingLeft: 3,
    paddingRight: 3,

    // marginBottom: 3,
    display: 'inline-flex',

    // justifyContent: 'space-between',
    alignItems: 'center',
  },
  tabItem: {
    height: 20,
    maxHeight: 20,
    paddingLeft: 3,
    paddingRight: 3,
    display: 'flex',
    alignItems: 'center',
  },
  tabItemSelected: {
    backgroundColor: '#dadada',
  },
  tabItemDropOver: {
    borderBottom: '2px solid #333333'
  },
  text: {
    fontSize: 12,
    marginTop: 'auto',
    marginBottom: 'auto',
    marginLeft: 3,
  },
  tabTitle: {
    width: 275,
    maxWidth: 275,
  },
  expandablePanel: {
    width: '100%',
    position: 'relative',
    minHeight: Constants.WINDOW_HEADER_HEIGHT,
    overflow: 'hidden',
  },
  expandablePanelContentClosed: {
    marginTop: '-999px',
  },
  expandablePanelContentOpen: {
    marginTop: 0,
  },
  windowExpand: {
    WebkitMaskImage: mkUrl('images/triangle-small-4-01.png'),
    backgroundColor: '#606060',
  },
  windowCollapse: {
    WebkitMaskImage: mkUrl('images/triangle-small-1-01.png'),
    backgroundColor: '#606060',
  },

  // Hmmm, we use this as a common base for both
  //
  headerButton: {
    outline: 'none',
    border: 'none',
    backgroundRepeat: 'no-repeat',
    width: 16,
    height: 16,
    marginLeft: 1,
    marginRight: 1,
  },
  dialogButton: {
    outline: 'none',
    border: 'none',
    marginLeft: 4,
    marginRight: 4,
    marginTop: 4,
    marginBottom: 8,
    paddingTop: 6,
    paddingBottom: 6,
    paddingLeft: 12,
    paddingRight: 12,
    borderRadius: 3,
    verticalAlign: 'center',
    display: 'flex',
    fontWeight: 600,
    fontSize: 12,
    textAlign: 'center',
    backgroundColor: '#e0e1e2',
    color: 'rgba(0,0,0,.6)',
  },
  primaryButton: {
    backgroundColor: '#1678c2',
    color: '#fff',

  },
  spacer: {
    // backgroundColor: 'red', // for debugging
    // height: 8, // for debugging
    flex: 1,
  },
  favIcon: {
    width: 16,
    height: 16,
    marginRight: 3,
  },
  favIconClosed: {
    WebkitFilter: "grayscale(1)"
  },
  hidden: {
    visibility: 'hidden',
  },
  visible: {
    visibility: 'visible',
  },
  open: {
  },
  closed: {
    color: '#979ca0',
  },
  tabManagedButton: {
    WebkitMaskImage: mkUrl('images/status-9.png'),
    backgroundColor: '#7472ff',
  },
  audibleIcon: {
    WebkitMaskImage: mkUrl('images/Multimedia-64.png'),
    backgroundColor: '#505050',
  },
  emptyFavIcon: {
    width: 18,
    marginRight: 3,
    WebkitMaskImage: mkUrl('images/Files-26.png'),
{'fraction_non_alphanumeric': 0.14578226387887527, 'fraction_numerical': 0.04253785147801009, 'mean_word_length': 2.8384061981184283, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 5, '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': '5552517', 'n_tokens_mistral': 2685, 'n_tokens_neox': 2453, 'n_words': 551}