README.md

Unity WebGL Full Width && Dark Theme

How to use

Create a folder called WebGLTemplates under /Assets

Download FullDarkThemeTemplate from here and paste under WebGLTemplates

To use

Player Settings...

Update the WebGL Template

Under the hood

The base is from the Default template.

style.css was changed

html {
  background-color: black;
}

/* maintain 960x540 aspect ratio */
#unityContainer {
  width: 100vw;
  height: 56.25vw;
}

@media only screen and (max-width: 960px), (max-height: 540px) {
  #unityContainer {
    width: 960px;
    height: 540px;
  }
}

.webgl-content * {
  border: 0;
  margin: 0;
  padding: 0;
}

.webgl-content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

resources

https://docs.unity3d.com/530/Documentation/Manual/webgl-templates.html