Code Monkey home page Code Monkey logo

codeforces-darktheme's Introduction

Codeforces Dark Theme

A dark theme for Codeforces. Click to install (requires a userscript manager)

screenshot of home page

Accessibility in mind: All colors used clear the minimum AA accessibility contrast ratio of 4.5:1, while most of them also clear the AAA contrast ratio of 7:1.

Download instructions

  1. Install Tampermonkey for your browser. (Instructions).
  2. Click this link to install Codeforces dark theme userscript.

In case the script is updated later, you need not revisit the page. Tampermonkey auto fetches new updates every 24hrs by default.

In case you're getting this warning:

Apps, extensions, and user scripts can not be added from this website.

This warning is mainly to prevent vulnerable users from installing malicious extensions and apps. In my case, you can trust this userscript as its code is posted on GitHub, under public scrutiny. So, you can safely ignore the warning and proceed with installation.

Notes

  1. Rating color adjustments: User handle colors needed to be reworked to be nice with the latest dark theme. That means the following colors now appear only ever so differently, but the sharp eyes amongst you may notice ;) These color adjustments are only meant to improve contrast ratio of text against a dark background.

    users original color new color
    admins, non-rated, first letter of legendary black (#000) white (#fff)
    Grandmaster red red #ff4747 #ff4747
    Candidate master violet violet #ce8aff #ce8aff
    Expert blue blue #757dff #757dff
    Specialist cyan cyan (#03a89e) #01bdb2 #01bdb2
    Pupil green green (#00d700) #00c700 #00c700
    Newbie gray gray #8c8c8c #8c8c8c

    To view all the color changes at once, view the table on the blog post "Second Revolution of Colors and Titles".

External dependencies

Both are for dark theme syntax highlighting of code.

  1. prettyprint's desert.css, since Codeforces depends on the same library for formatting submission's display (Apache license).
  2. Ace editor's monokai.css since Codeforces' submission codebox uses the Ace editor (BSD license).

Contribution guidelines

PRs are most welcome! Though it may be better to first create an issue describing the problem the PR fixes and then create it, in order to get more alternate views on the problem.

License

MIT License attached.

codeforces-darktheme's People

Contributors

gaurangtandon avatar fahdseddik avatar

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.