• Stars
    star
    171
  • Rank 222,266 (Top 5 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created over 3 years ago
  • Updated about 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Fortnite VS Code Theme

Fortnite banner

๐Ÿ” Are you a child at heart? Do you like enjoying yourself, even while writing serious business logic? If you like taking a flame bow and igniting data structures on fire, this is the theme for you.

This theme is inspired by Fortnite, which is a game that's basically like the Hunger Games set at children's birthday party in the middle of a fever dream. But more fun. Very cathartic for those of us in the tech industry.

Enjoy! ๐Ÿ›ธ

Preview

Theme preview screenshot

Installation

  • Install the theme from the VS Marketplace - fortnite-vscode-theme.
  • To activate effects:
    1. Open your command palette with Ctrl + Shift + P or Shift + โŒ˜ + P.
    2. Choose "Fortnite: Enable Legendary".
    3. Follow the prompt to restart.
    4. Then you'll see glows and other effects are activated. โœจ
  • It will say VS Code is corrupted, but don't panic! This is not the case - we've modified some core files, but it's not actually corrupted. You can safely dismiss it, either once or permanently with the instructions below.
  • Enjoy the chaos
  • If the effects ever get to you, you can turn them off with Fortnite: Disable Legendary. De-activating and re-activating will re-engage the llama.

To remove corruption warning and [unsupported] from title-bar

Because enabling the glow modifies core files, VS code will interpret this as the core being 'corrupted' and you may see an error message on restarting your editor. You can remove it entirely with the Fix VSCode Checksums extension.

Upon installation of 'Fix VSCode Checksums', open the command palette and execute Fix Checksums: Apply. You will need to completely restart VSCode after execution, reopening without fully exiting might not be enough.

Disclaimer

VS Code does not natively support some of the... eccentricities of this theme. And, as a result, a lot of the effects are experimental.

Should something go wrong, you can disable it:

  1. Open your command palette with Ctrl + Shift + P or Shift + โŒ˜ + P.
  2. Choose "Fortnite: Disable Legendary".

Or if things go really awry, get a fresh install of VS Code.

If you are a Windows user, you may need to run VS Code with administrator privileges.

For Linux and Mac users, Code must not be installed in a read-only location and you must have write permissions.

Updates

Every time you update VS Code, you will need to re-enable "Fortnite: Enable Legendary" in the command palette.

Contributing

I'm happy to consider any contributions to this theme, but it's experimental, playful, and I don't expect to dedicate a ton of time to it.

Before you make any changes, please read the contribution guide.

Thanks

  • This theme is fan art for the great Fortnite game by Epic Games, it is open-sourced under an MIT license and I make no ca$hmoney from it, it's just for fun.
  • Thanks to Robb Owen, whose Synthwave theme provided the basis to learn how to incorporate a lot of the legendary effects of this theme. The palette, though different, was also inspired by Robb's work. Thank you Robb!
  • Thanks also to Mahmoud Ali, whose Atom One Dark theme provided the basis for the samples included here.
  • Thanks to Dizzy Smith and Ben Hong, who revive me when I get all pew pew pew.
  • Thanks to the VS Code team for making it such a joy to work with.

Llama

The source code for the llama is also open sourced and can be found in this codepen.

More Repositories

1

awesome-actions

A curated list of awesome actions to use on GitHub
24,493
star
2

cssgridgenerator

๐Ÿงฎ Generate basic CSS Grid code to make dynamic layouts!
Vue
4,995
star
3

night-owl-vscode-theme

๐ŸŒŒ NIGHT OWL: A VS Code dark theme for contrast for nighttime coding, ๐Ÿฆ‰ LIGHT OWL: a daytime light theme
2,805
star
4

intro-to-vue

Workshop Materials for my Introduction to Vue.js Workshop
Vue
2,788
star
5

array-explorer

โšก๏ธ A resource to help figure out what JavaScript array method would be best to use at any given time
JavaScript
2,619
star
6

page-transitions-travelapp

Travel App, Native-like Page Transitions
Vue
1,715
star
7

ecommerce-netlify

๐Ÿ› A JAMstack Ecommerce Site built with Nuxt and Netlify Functions
Vue
1,539
star
8

object-explorer

๐Ÿ”ฅ A resource to help figure out what JavaScript object method would be best to use at any given time
JavaScript
1,402
star
9

vue-vscode-snippets

These snippets were built to supercharge my workflow in the most seamless manner possible.
JavaScript
1,317
star
10

sample-vue-shop

See readme for newer repo details! A sample shop that shows how to manage payments with Vue, Stripe, and Serverless Functions
Vue
1,213
star
11

svg-workshop

Materials for SVG Essentials & Animation Course
HTML
799
star
12

career-ladders

A sample of career ladders I use for my organization, open sourced for anyone.
Vue
794
star
13

design-for-developers

Design for Developers Workshop
735
star
14

hero-generator

๐Ÿฆธ๐Ÿปโ€โ™€๏ธHero Generator! Create a nice hero image for your site or app
Vue
643
star
15

project-explorer

๐ŸŽ‹A CLI tool to create an annotated tree visualization of any project
JavaScript
535
star
16

vue-sample-svg-icons

An opinionated example of how to use SVG icons in a Vue.js application
Vue
522
star
17

js-explorer

Find the method you need without digging through the docs, directly on the command line!
JavaScript
321
star
18

building-web-apps-with-vue

building-web-app-with-vue
Vue
300
star
19

vue-vscode-extensionpack

The extensions I use when developing a Vue application with VS Code
273
star
20

JS-stroll

Rewriting code from other languages or other technologies into Vanilla JS and SVG for fun and practice.
JavaScript
213
star
21

frontendmasters-svganimation

Frontend Masters- Advanced SVG Animation Course
HTML
196
star
22

vue-weather-notifier

A small SVG animation illustrating a weather app notification in Vue
Vue
196
star
23

vue-hooks-foodapp

A food app using a few hooks in Vue to show how they can work (experimental)
Vue
180
star
24

productive-twitter

Chrome extension: Minimal and friendly theme for productive twitter use
CSS
179
star
25

vue-directory-tree

A visualization of relevant files for vue repo, along with notes
JavaScript
163
star
26

page-transitions-simple

Vue/Nuxt Page Transitions- Simple Demonstration
Vue
158
star
27

sample-stripe-handler

Serverless function that uses the stripe api for a checkout process in a Vue application
JavaScript
157
star
28

animated-guide-vue3

154
star
29

vue-sublime-snippets

Simplify and supercharging my workflow with snippets for Vue.js that help me spin things up quickly
142
star
30

signals-demo

โšก๏ธ A small demo site to explain some of the cool things Signals-based reactivity does in Angular
HTML
137
star
31

inbedby7pm

My other theme was for Night Owls like myself. This theme was requested for by the "In Bed by 7pm" crowd
135
star
32

is-this-a-sandwich

Is this a sandwich?
Vue
105
star
33

cda-locale

Showing Microsoft Cloud Developer Advocates speaking, 2017 and 2018
JavaScript
105
star
34

three-vue-pattern

A biofeedback visualization made with Three.js, Vue, and LUIS (cognitive services), made with Brian Holt
Vue
102
star
35

gsap-player

A small, customizable youtube-like player for gsap timelines
JavaScript
99
star
36

livecode-svganimation

In my Smashing Toronto talk, I'll be live coding an SVG animation from start to finish. Here's the repo that houses the base materials, and any further references for things we don't have time to cover.
JavaScript
95
star
37

recipe-box

Vue
94
star
38

netlify-functions-example

HTML
72
star
39

firefighter-demo

๐Ÿšจ Demo to improve an existing firefighter app by making it queue tasks offline
HTML
68
star
40

smashing

This was the result of a live code talk at Smashing Conf in Toronto, this is how far I got in 45 minutes
Vue
67
star
41

example-azure-node

An example Node webapp deployed with GitHub actions
Shell
67
star
42

JAMstack-Workshop

Workshop materials for JAMstack workshop using Vue and Netlify.
Vue
64
star
43

docs-extensionpack

A collection of extensions for writing, editing, and reviewing documentation in VS Code
56
star
44

vue-wine-label

A very silly demo showing how to make a wine label making dashboard with Vue.js
JavaScript
56
star
45

contentful-nuxt-netlify

Example setup for Contentful and Nuxt on Netlify
Vue
49
star
46

favegame

Small starter example of Hasura, Nuxt, and Netlify for Jamstack/SSR rendering
Vue
46
star
47

headless-wp-nuxt2

Vue
38
star
48

sdras

it me!
29
star
49

d3-example-ignitetour

This repo serves as an example for Microsoft Ignite the Tour. In this session, we explore how to create basic charts and graphs using d3.
JavaScript
21
star
50

react-aframe-demo1

React A-Frame Demo 1
JavaScript
18
star
51

data-in-motion

My talk about the importance of animation in data visualizations
JavaScript
16
star
52

perfmatters-demo

demo for perfmatters conf https://perfmattersconf.com/
Vue
12
star
53

smashing-template

a base of the smashing talk
Vue
11
star
54

jamstack-template

HTML
11
star
55

devex-utm-builder

HTML
10
star
56

Benchmarking-Animations

Writing the same simple animation in a loop in SMIL, Canvas, CSS, and Velocity for benchmarking purposes.
CSS
8
star
57

easiest-netlify-lambda-example

JavaScript
7
star
58

gcp-ng-alt

TypeScript
6
star
59

Transform_intro

Introduction to Transforms, with the use of a transition in a class applied to all examples
5
star