<commit_before>import styled, { css } from 'styled-components';
import { ITheme } from '~/interfaces';

export const StyledApp = styled.div`
  margin: 8px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  overflow: overlay;
  position: relative;
  transition: 0.2s opacity, 0.2s margin-top;
  padding: 8px;
  font-size: 13px;
  max-height: 512px;

  &::-webkit-scrollbar {
    width: 6px;
    -webkit-app-region: no-drag;
    background-color: transparent;
  }

  
    ${({ theme, visible }: { theme?: ITheme; visible: boolean }) => css`
      &:hover {
        &::-webkit-scrollbar-thumb {
          background-color: ${theme['dialog.lightForeground']
            ? 'rgba(255, 255, 255, 0.2)'
            : 'rgba(0, 0, 0, 0.2)'};

          &:hover {
            background-color: ${theme['dialog.lightForeground']
              ? 'rgba(255, 255, 255, 0.3)'
              : 'rgba(0, 0, 0, 0.3)'};
          }
        }
      }

      opacity: ${visible ? 1 : 0};
      margin-top: ${visible ? 0 : 7}px;
      background-color: ${theme['dialog.backgroundColor']};
      color: ${theme['dialog.lightForeground'] ? 'white' : 'black'};
    `};
  }
`;<commit_msg>feat: make scrollbar in downloads always visible<commit_after>import styled, { css } from 'styled-components';
import { ITheme } from '~/interfaces';

export const StyledApp = styled.div`
  margin: 8px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  border-radius: 8px;
  overflow: overlay;
  position: relative;
  transition: 0.2s opacity, 0.2s margin-top;
  padding: 8px;
  font-size: 13px;
  max-height: 512px;



  
    ${({ theme, visible }: { theme?: ITheme; visible: boolean }) => css`
      &::-webkit-scrollbar {
        width: 6px;
        -webkit-app-region: no-drag;
        background-color: transparent;
      }

      &::-webkit-scrollbar-thumb {
        background-color: ${theme['dialog.lightForeground']
          ? 'rgba(255, 255, 255, 0.2)'
          : 'rgba(0, 0, 0, 0.2)'};

        &:hover {
          background-color: ${theme['dialog.lightForeground']
            ? 'rgba(255, 255, 255, 0.3)'
            : 'rgba(0, 0, 0, 0.3)'};
        }
      }

      opacity: ${visible ? 1 : 0};
      margin-top: ${visible ? 0 : 7}px;
      background-color: ${theme['dialog.backgroundColor']};
      color: ${theme['dialog.lightForeground'] ? 'white' : 'black'};
    `};
  }
`;
{'fraction_non_alphanumeric': 0.17632552404438964, 'fraction_numerical': 0.05507603781339909, 'mean_word_length': 2.4089635854341735, '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': 1, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1687428', 'n_tokens_mistral': 991, 'n_tokens_neox': 852, 'n_words': 201}