Prism JS

PrismJS is a JavaScript based highlighter which is used pretty much everywhere on the internet. The need for PrismJS became apparent when I started playing with Gatsby.

Javascript / Base16-dark


let module = angular.module('moduleName`, []);

// Test Controller
module.controller('testController', function($scope){
    $scope.something = 'something else';
});

Java / Base16-light


@Entity
@Table(name="user") 
public class User {

  @Id
  @Column(name="user_id")
  private long userId;
}

/**
 * Just a javadoc comment
 */
@Path("/auth")
public class AuthApiImpl {

  @POST
  public Response<User> authenticate(AuthRequest auth) {
    // Perform authentication    
  }
}

HTML / Base16-material


<!DOCTYPE html>
<html lang="en">
<head>

<script>
	// Just a lil’ script to show off that inline JS gets highlighted
	window.console && console.log('foo');
</script>
<meta charset="utf-8" />
<link rel="icon" href="favicon.png" />
<title>Prism</title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="themes/prism.css" data-noprefix />
<script src="scripts/prefixfree.min.js"></script>

<script>var _gaq = [['_setAccount', 'UA-33746269-1'], ['_trackPageview']];</script>
<script src="https://www.google-analytics.com/ga.js" async></script>
</head>