diff options
| author | matthew <[email protected]> | 2023-11-22 14:33:38 +0000 |
|---|---|---|
| committer | matthew <[email protected]> | 2023-11-22 14:33:38 +0000 |
| commit | 1148d689ae9c6935170031bb79ff130ad643799b (patch) | |
| tree | f0ee9664fa649895303e4e8e45702fafa97becc3 | |
| parent | 34a38f337681759d604c64434c486238ee725462 (diff) | |
| download | raylib.com-1148d689ae9c6935170031bb79ff130ad643799b.tar.gz raylib.com-1148d689ae9c6935170031bb79ff130ad643799b.zip | |
Somewhat of a dark mode experiment
| -rw-r--r-- | cheatsheet/cheatsheet.html | 25 |
1 files changed, 23 insertions, 2 deletions
diff --git a/cheatsheet/cheatsheet.html b/cheatsheet/cheatsheet.html index a1f48fe..48f5862 100644 --- a/cheatsheet/cheatsheet.html +++ b/cheatsheet/cheatsheet.html @@ -19,8 +19,6 @@ <meta property="og:site_name" content="raylib"/> <meta property="og:description" content="Don't miss latest functions added to raylib... check raylib cheatsheet"/> - - <!-- hightlight.js - Syntax highlighting for the Web --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/styles/docco.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.1/highlight.min.js"></script> @@ -56,6 +54,7 @@ #audio pre code{border:10px solid; border-color:#d3b157; background-color:#e5d7ae; } #structs pre code{border:10px solid; border-color:#d2c9c6; background-color:#f8f8ff;} #colors pre code{border:10px solid; border-color:#c6d2c6; background-color:#e9f1f2;} + #logo{width:128px; height:128px; float:left; position:relative; background-image:url(../common/img/raylib_logo.png);} #header{position:relative; height:110px; max-width: 1000px;} #title, #plinks, #version{position:relative; float:left; margin:0px; margin-left:10px; margin-top:10px;} @@ -86,6 +85,24 @@ #fulldata p a {color:#0eefff; text-decoration: none;} + /* for the tired programmers at night */ + .darkmode{background-color:#1e1e1e; color:#e1e1e1;} + .darkmode a{color:#e1e1e1;} + .darkmode #header{background-color:#1e1e1e; color:#e1e1e1;} + .darkmode #title{color:#e1e1e1;} + .darkmode #plinks{color:#e1e1e1;} + .darkmode #plinks a{color:#e1e1e1;} + .darkmode #plinks a:hover{color:#e1e1e1;} + .darkmode #version{color:#e1e1e1;} + .darkmode #pcore{color:#e1e1e1;} + .darkmode #pshapes{color:#e1e1e1;} + .darkmode #ptextures{color:#e1e1e1;} + .darkmode #ptext{color:#e1e1e1;} + .darkmode #pmodels{color:#e1e1e1;} + .darkmode #paudio{color:#e1e1e1;} + .darkmode #pstructs{color:#e1e1e1;} + .darkmode #pcolors{color:#e1e1e1;} + @media screen and (max-width: 1550px) { #fullgroup { grid-template-columns: auto; @@ -121,6 +138,10 @@ addModule('raylib_structs.c', '#structs pre code'); }); + function toggleDarkMode() { + document.body.classList.toggle("darkmode"); + } + </script> </head> |