favoritos/src/helpers/default-options.ts

Favoritos is a JavaScript plugin that adds some HTML5 canvas magic to your favicon. With just a wee bit of code, we can make some really cool effects.

import { IFavoritosOption } from '../types/options/options';
import { FAVORITOS_SHAPES } from '../types/options/shapes';
import { FAVORITOS_POSITIONS } from '../types/options/positions';

export const DEFAULT_OPTIONS: IFavoritosOption = {
  icon: {
    iconSelector: 'link[rel*="icon"]',
    backgroundColor: '#d21f3c',
    shape: FAVORITOS_SHAPES.CIRCLE,
    lineWidth: 4,
    width: 32,
    height: 32,
  },
  badge: {
    fontSize: 18,
    fontFamily: 'Helvetica, Arial, sans-serif',
    backgroundColor: '#d21f3c',
    color: '#ffffff',
    position: FAVORITOS_POSITIONS.BOTTOM_RIGHT,
    shape: FAVORITOS_SHAPES.CIRCLE,
    minWidth: 22,
    minHeight: 22,
  },
  debug: {
    enabled: false,
    debugSelector: '#favoritos-debug',
  },
};