Giter VIP home page Giter VIP logo

Comments (11)

dzannotti avatar dzannotti commented on May 4, 2024 2

I noticed that the overall colors are somewhat respected, just a different shade, I think the best way rather than enforce values is to let the user use their own bash colors

from hyper.

hharnisc avatar hharnisc commented on May 4, 2024 1

Thanks @rauchg! Really digging this whole stack. Wonderful job pulling this together! Going to submit a PR with the higher contrast one, since it feels like the right one right now.

// high contrast
this.term.prefs_.set('color-palette-overrides', {
      '0': '#000000',
      '1': '#ff0000',
      '2': '#33ff00',
      '3': '#ffff00',
      '4': '#0066ff',
      '5': '#cc00ff',
      '6': '#00ffff',
      '7': '#d0d0d0',
      '8': '#808080',
      '9': '#ff0000',
      '10': '#33ff00',
      '11': '#ffff00',
      '12': '#0066ff',
      '13': '#cc00ff',
      '14': '#00ffff',
      '15': '#ffffff'
    });
// pastel
this.term.prefs_.set('color-palette-overrides', {
      '0': '#272822',
      '1': '#e06c75',
      '2': '#98c379',
      '3': '#e5c07b',
      '4': '#61afef',
      '5': '#c678dd',
      '6': '#56b6c2',
      '7': '#abb2bf',
      '8': '#75715e',
      '9': '#e06c75',
      '10': '#98c379',
      '11': '#e5c07b',
      '12': '#61afef',
      '13': '#c678dd',
      '14': '#56b6c2',
      '15': '#ececec'
    });

from hyper.

rauchg avatar rauchg commented on May 4, 2024

We just have ugly defaults. If someone wants to suggest a beautiful theme, I'm all eyes 🙈

from hyper.

rauchg avatar rauchg commented on May 4, 2024

@dzannotti either way, even if it's respecting "blue" or "cyan" or whatever, the choice of default color is not a good one. There's little contrast and in general it could be nicer looking (more pastel for example.)

from hyper.

johanbrook avatar johanbrook commented on May 4, 2024

I looked through the term docs (not too helpful) and the source in Hyperterm. Am I being correct in that the way to alter the colours in the term window is to inject "user-css"?

this.term.prefs_.set('user-css', 'objectUrl');

from hyper.

rauchg avatar rauchg commented on May 4, 2024

Ultimately I always end up reading the source: https://github.com/dbkaplun/hterm-umdjs/blob/master/dist/index.js

Seems like you can pass a custom color palette through the preference system.
https://github.com/dbkaplun/hterm-umdjs/blob/master/dist/index.js#L10815

And these are the default colors: https://github.com/dbkaplun/hterm-umdjs/blob/master/dist/index.js#L577-L1236

Since we probably don't want to override all, you could do something like:

Object.assign({}, lib.colors.colorNames, {
  blue: 
});

from hyper.

dzannotti avatar dzannotti commented on May 4, 2024

I could take this one and add some pastel defaults

from hyper.

hharnisc avatar hharnisc commented on May 4, 2024

I created one with pastel colors:

screen shot 2016-07-05 at 10 00 40 pm

But I think a high contrast one looks more cool. It's keying off the cursor and the zeit.co design

screen shot 2016-07-05 at 9 38 53 pm

from hyper.

rauchg avatar rauchg commented on May 4, 2024

wow they both look 😍

from hyper.

howardroark avatar howardroark commented on May 4, 2024

This great! Would the concept of default themes that can be toggled be outrageous?

I really enjoy solarized... http://ethanschoonover.com/solarized

from hyper.

rauchg avatar rauchg commented on May 4, 2024

@howardroark this was one of the biggest motivations for this project. Programmatic configuration of every aspect of the terminal through plugins =]

from hyper.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.