Page 1 of 1

A question about colors

Posted: Thu Aug 11, 2016 7:48 pm
by beauhindman
Hello all!

New player here, I am a long-time games writer who has written for quite a few sites. I am now using my personal blog more, as well as my YouTube page. Anyway, I am intrigued by the game but wondered if anyone knew if there was a way to change the color or size of fonts in the browser?

I have bad eyes like many gamers, and I have to be careful of migraines. Just curious if anyone had any tips other than ctrl and the + key! :)

Thanks,


Beau Hindman

@Beau_Hindman

Re: A question about colors

Posted: Thu Aug 11, 2016 8:04 pm
by the_antisocial_hermit
Oh, gosh. You used to be my neighbor in Glitch forever ago! I remember watching a couple of your videos for it, as well! Welcome to Cantr!

Under Character Settings --> Interface, you can choose from several different CSS skins, or you can put in your own. :)

Re: A question about colors

Posted: Thu Aug 11, 2016 8:07 pm
by beauhindman
Hello!

Yeah, I loved that game so much!

I cannot see interface under character settings. I see three tabs: Activity Filter, Event Page Filters, and Life and Death but none say interface?

Thanks a lot!


Beau

Re: A question about colors

Posted: Thu Aug 11, 2016 8:08 pm
by the_antisocial_hermit
Oh, sorry, it wouldn't be Character Settings on the page of a character. It'd be Player Settings under the main page that lists all of your characters. Five links down from Create a New Character. :)

Re: A question about colors

Posted: Thu Aug 11, 2016 8:11 pm
by beauhindman
Awesome, thanks! I will mess with that some more.

Now to figure out how to play! :)



Beau

Re: A question about colors

Posted: Thu Aug 11, 2016 9:53 pm
by sanchez
Welcome :) Be sure to also check our Wiki for useful information: http://wiki.cantr.net/index.php/Main_Page

Edit: er, once today's server migration is complete, and everything works again as it should...

Re: A question about colors

Posted: Sun Aug 14, 2016 12:34 pm
by Greek
Hello,
We have quite a few skins with different set of colors selectable in interface options, the most interesting to check is probably grey.css. It's also possible to slightly modify existing skins using CSS. I'm using a custom skin for quite a long time which increases size of all the texts and also increases width of the page (on desktop browsers).

You can copypaste it to the player settings -> interface -> custom CSS if you'd like to try it:

Code: Select all

body, td, .cnt {
  font-size: 13pt !important;
}

@media all and (min-width: 1300px) {
  .page, .page-left, center > table, center > div, #eventsList > div, .obj_object {
    width: 900px !important;
  }

  .titlebar {
    width: 900px;
  }
}


I'm also planning to do some color changes regarding built-in skins quite soon.
They'll mostly improve user experience on mobile devices, but they'll also increase contrast of text and background, so they may have positive impact on readability.

Re: A question about colors

Posted: Sat Aug 27, 2016 3:03 am
by Mafia Salad
I'm not really familiar with CSS, or really any coding but is it possible to generate different text colors for different event types. In particular I'm interested in highlighting whispers and speech so they are more distinct from each other and don't get lost when there is a lot of activity, such as going in and out of buildings or moving resources around. My gut says that's beyond the realm of skin changes but I'm hoping to get lucky.

Re: A question about colors

Posted: Sat Aug 27, 2016 3:36 am
by the_antisocial_hermit
I don't know about skin changes (haven't bothered to try working up something), but the other night, I started trying the Cantr Visual Enhancer GreaseMonkey script. You can make emotes look different from spoken text through italics/bold/color and change the colors of people's names. I haven't found any settings for actions though. It is interesting, but not sure whether I will keep using it or not. I definitely like some of the options though.

https://openuserjs.org/scripts/AniCator ... l_Enhancer

Re: A question about colors

Posted: Sat Aug 27, 2016 12:53 pm
by computaertist
Mafia Salad wrote:I'm not really familiar with CSS, or really any coding but is it possible to generate different text colors for different event types. In particular I'm interested in highlighting whispers and speech so they are more distinct from each other and don't get lost when there is a lot of activity, such as going in and out of buildings or moving resources around. My gut says that's beyond the realm of skin changes but I'm hoping to get lucky.

viewtopic.php?f=1&t=26881

That thread shows how to do the general sort of thing you're asking for in the first few posts.
Ask if you want more specific help, I'd be happy to write up exactly what you need.

Re: A question about colors

Posted: Sat Aug 27, 2016 2:08 pm
by Mafia Salad
Thanks! I'll look it over. My initial browse let me know you can do a whole lot more than I expected.


EDIT: Sweet deals, I copypasta and tweeked my way into 4 different text colors (radio, talking, whispers to and from me, and everything else) I'll probably add a fifth for attacks and dragging later this weekend.

Re: A question about colors

Posted: Sat Sep 10, 2016 1:40 pm
by Mafia Salad
Well I've been playing with this CSS skin extension on the green orange base. It's klunky. I'm sure there is a more compact way to doing the same thing, but it met my intentions of making the events page more sortable at a glance. (especially helpful for skimming past radio chatter on characters who don't care about it, and for picking out whispers to be sure you respond in kind) I'm just happy I successfully communicated in a language I don't understand, like trading on Fu.

Code: Select all

.eventsgroup_9 { /* Radio Message */
    color: #66CDAA; }

.eventsgroup_21 { /* Talking */
    color: #F0E68C; }

.eventsgroup_23 { /* Whispers to me */
    color: #DDA0DD; }

.eventsgroup_26 { /* Whispers by me */
    color: #DDA0DD; }

.eventsgroup_1 { /* Attacks */
    color: #F08080; }

.eventsgroup_2 { /* Attacks on me */
    color: #F08080; }

.eventsgroup_7 { /* Being Dragged */
    color: #F08080; }

.eventsgroup_25 { /* Dragging characters */
    color: #F08080; }

.eventsgroup_11 { /* Picking locks */
    color: #F08080; }