Skip to content

Adding custom timeline colors for custom watchers? #604

@RTnhN

Description

@RTnhN

It seems that there are colors for specific titles that are hardcoded into the web-ui for the timeline view. It would be great if there was a way to add more colors without needing to compile it. I just have some custom watchers that I want to use specific colors.

const customColors = {
afk: '#EEE',
'not-afk': '#7F6',
hibernating: '#DD6',
'google-chrome': '#6AA7FE', // Google Blue: "#4885ed"
chromium: '#8CF', // Google Blue: "#4885ed"
firefox: '#F94', // Firefox Orange: "#E55B0A"
spotify: '#5FA', // Spotify Green: "#1ED760"
alacritty: '#FD8',
vue: '#5d9', // Vue teal #4fc08d
python: '#369', // Python blue #2b5b84
javascript: '#f6b', // JavaScript pink #eb47a5
// Developer domains
localhost: '#CCC',
'github.com': '#EBF',
'stackoverflow.com': Color('#F48024').lighten(0.3),
'google.com': '#0AF',
'google.se': '#0AF',
// Social media sites
'messenger.com': Color('#3b5998').lighten(0.5),
'facebook.com': Color('#3b5998').lighten(0.5),
// Categories
uncategorized: COLOR_UNCAT,
};

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions