Giter VIP home page Giter VIP logo

aquamarine's Introduction

Note:

This style has been deprecated since major redesign of the web app on 2015-09-14 (https://blog.irccloud.com/2015-web-redesign/). Please use the native "Ash" color scheme in settings instead.

Aquamarine

A dark-themed userstyle for IRCCloud

Image

Darkens and recolorizes IRCCloud. Fine-tuned to every detail, carefully tested to make sure it doesn't break.

This repo is for code maintenance. Whenever there is a need to update, it will be updated both here and at userstyles.org page.

How to Use

1. Install with userstyles extension

First install the extension depending on your browser: Firefox, Chrome, Safari

2. Install userstyle from userstyles.org

Go to the userstyles.org page, select your customize options, click the install button.

This way is recommended because you can easily update the style whenever there is an update pushed by me, and you can also select some options with a click.

Custom building

Aquamarine uses Grunt to automate the LESS stylesheet compiling and building process. Install the latest version of Node.js first if you don't have it already.

Navigate to the repository directory and run npm install on Terminal or Command Prompt to automatically install required grunt plugin packages.

You can customize options like self nick color by modifying the variables on top of src/source.less file.

Run grunt to build the stylesheet when you're done tweaking.

Copy and paste the code from compiled aquamarine.css as a new userstyle in your browser.

For browsers other than Firefox, remove the top @-moz-document url-prefix("https://www.irccloud.com/") { line and the closing bracket } at the bottommost line of aquamarine.css when you're pasting the code into the extension. Make sure the code applies to site domains beginning with https://www.irccloud.com/.

Changelog

See CHANGELOG.md.

Credits for included open-source projects

  • Ace Editor syntax highlighter color scheme from Tomorrow Theme by Chris Kempson : MIT License
  • Lato Font by by Łukasz Dziedzic : SIL Open Font License, 1.1 (hosted on Google Fonts)

Disclaimer

This is purely an unofficial mod; I am in no way affiliated to IRCCloud Ltd., although I am an active user that faithfully offers them 5 bucks every month. ;)

This code is licensed in MIT, and is provided "as is" with no warranty. I am in no way responsible for any problems that might arise when using this, though it is highly likely that any problems that DO float up will get fixed as soon enough as it will boggle my inner designer's heart until everything looks proper.

aquamarine's People

Contributors

anzrael avatar zvuc avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

aquamarine's Issues

New style to support global user mode +Y

James recently added support for mode +Y, an uncommon mode that some networks support. Right now the style doesn't support this mode properly. The user list is the main point of concern as the chat area shows the user symbol and styles it red. Below are images of what it currently looks like and how it looks like with the default IRCCloud style.

Aquamarine:
screenshot_061115_101629_am
screenshot_061115_101731_am

IRCCloud Default:
screenshot_061115_101916_am
screenshot_061115_102010_am

Nick is black when displayed in an action (e.g. /me name is black)

This isn't really a big deal, but it does make the line look odd.

screenshot 2015-02-25 11 24 30

There was some discussion of the exact issue in #themes on irccloud's network yesterday:

13:18 <Anzrael> So the solution I've found is to change the specificity on the nick style for the theme
13:18 <Anzrael> https://www.irccloud.com/pastebin/xzenzPss
13:20 <Anzrael> its because the IRCCloud site style has a definition for div.log div.row span a.author now and it gives it the color of #222.

You said you'd remember, but I thought this would be more convenient. Thanks again for an excellent theme!

Option to change font

Currently this theme uses Lato as a default font. It'll be great if there is an option to change font on user end.

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.