diff --git a/build/less/themes/_site/modules/modal.overrides b/build/less/themes/_site/modules/modal.overrides
new file mode 100644
index 000000000..c5c53367f
--- /dev/null
+++ b/build/less/themes/_site/modules/modal.overrides
@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/
diff --git a/build/less/themes/_site/modules/modal.variables b/build/less/themes/_site/modules/modal.variables
new file mode 100644
index 000000000..c5c53367f
--- /dev/null
+++ b/build/less/themes/_site/modules/modal.variables
@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/
diff --git a/build/less/themes/packages/default/modules/modal.overrides b/build/less/themes/packages/default/modules/modal.overrides
new file mode 100644
index 000000000..c5c53367f
--- /dev/null
+++ b/build/less/themes/packages/default/modules/modal.overrides
@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/
diff --git a/build/less/themes/packages/default/modules/modal.variables b/build/less/themes/packages/default/modules/modal.variables
new file mode 100644
index 000000000..0c73b6991
--- /dev/null
+++ b/build/less/themes/packages/default/modules/modal.variables
@@ -0,0 +1,119 @@
+/*-------------------
+       Modal
+--------------------*/
+
+@modalBorder: 1px solid #DDDDDD;
+
+@modalWidth: 90%;
+@modalXOffset: -(@modalWidth / 2);
+@modalBorderRadius: 0.25em;
+
+/* Close Icon */
+@modalCloseOpacity: 0.8;
+@modalCloseSize: 1.25em;
+@modalCloseColor: @white;
+@modalCloseHitbox: 2.25em;
+@modalCloseDistance: 0.25em;
+
+@modalClosePadding: ( (@modalCloseHitbox - 1em) / 2) 0em 0em 0em;
+@modalCloseTop: -(@modalCloseDistance + @modalCloseHitbox);
+@modalCloseRight: -(@modalCloseDistance + @modalCloseHitbox);
+
+/* Header */
+@modalHeaderMargin: 0em;
+@modalHeaderPadding: 1.5rem 2rem;
+
+@modalHeaderFontSize: 1.6em;
+@modalHeaderFontWeight: bold;
+@modalHeaderFontFamily: @headerFont;
+
+/* Content */
+@modalContentFontSize: 1em;
+@modalContentPadding: 2rem;
+@modalContentLineHeight: 1.4;
+@modalContentBackground: #F4F4F4;
+
+/* Left / Right */
+@modalImageMinWidth: 25%;
+@modalImagePadding: 1em;
+
+@modalImageIconSize: 8rem;
+
+@modalDescriptionPadding: 1em;
+@modalDescriptionMinWidth: '';
+
+/* Modal Actions */
+@modalActionPadding: 1rem 2rem;
+@modalButtonDistance: 0.75em;
+
+/* Mobile Positions */
+@modalMobileImagePadding: 0em 0em 1em;
+@modalMobileDescriptionPadding: 0em 0em 1em;
+@modalMobileButtonDistance: 1em;
+
+/* Inner Close Position (Responsive) */
+@modalInnerCloseTop: 1.5rem;
+@modalInnerCloseRight: 1rem;
+@modalInnerCloseColor: @textColor;
+
+/* Responsive Widths */
+@modalMobileWidth: 95%;
+@modalTabletWidth: 88%;
+@modalComputerWidth: 74%;
+@modalLargeMonitorWidth: 56%;
+@modalWidescreenMonitorWidth: 42%;
+
+@modalMobileMargin: 0em 0em 0em -(@modalMobileWidth / 2);
+@modalTabletMargin: 0em 0em 0em -(@modalTabletWidth / 2);
+@modalComputerMargin: 0em 0em 0em -(@modalComputerWidth / 2);
+@modalLargeMonitorMargin: 0em 0em 0em -(@modalLargeMonitorWidth / 2);
+@modalWidescreenMonitorMargin: 0em 0em 0em -(@modalWidescreenMonitorWidth / 2);
+
+
+/*-------------------
+        Types
+--------------------*/
+
+/* Basic */
+@basicModalColor: @white;
+@basicModalCloseTop: 1.5rem;
+@basicModalCloseRight: 1rem;
+
+/* Scrolling Margin */
+@scrollingTopMargin: 1rem;
+
+
+/*-------------------
+      Variations
+--------------------*/
+
+/* Sizes */
+@modalSmallRatio: 0.6;
+@modalLargeRatio: 1.2;
+
+/* Derived Responsive Sizes */
+@modalSmallHeaderSize: 1.3em;
+@modalSmallMobileWidth: @modalMobileWidth;
+@modalSmallTabletWidth: (@modalTabletWidth * @modalSmallRatio);
+@modalSmallComputerWidth: (@modalComputerWidth * @modalSmallRatio);
+@modalSmallLargeMonitorWidth: (@modalLargeMonitorWidth * @modalSmallRatio);
+@modalSmallWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalSmallRatio);
+
+@modalSmallMobileMargin: 0em 0em 0em -(@modalSmallMobileWidth / 2);
+@modalSmallTabletMargin: 0em 0em 0em -(@modalSmallTabletWidth / 2);
+@modalSmallComputerMargin: 0em 0em 0em -(@modalSmallComputerWidth / 2);
+@modalSmallLargeMonitorMargin: 0em 0em 0em -(@modalSmallLargeMonitorWidth / 2);
+@modalSmallWidescreenMonitorMargin: 0em 0em 0em -(@modalSmallWidescreenMonitorWidth / 2);
+
+@modalLargeHeaderSize: 1.6em;
+@modalLargeMobileWidth: @modalMobileWidth;
+@modalLargeTabletWidth: @modalTabletWidth;
+@modalLargeComputerWidth: (@modalComputerWidth * @modalLargeRatio);
+@modalLargeLargeMonitorWidth: (@modalLargeMonitorWidth * @modalLargeRatio);
+@modalLargeWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalLargeRatio);
+
+@modalLargeMobileMargin: 0em 0em 0em -(@modalLargeMobileWidth / 2);
+@modalLargeTabletMargin: 0em 0em 0em -(@modalLargeTabletWidth / 2);
+@modalLargeComputerMargin: 0em 0em 0em -(@modalLargeComputerWidth / 2);
+@modalLargeLargeMonitorMargin: 0em 0em 0em -(@modalLargeLargeMonitorWidth / 2);
+@modalLargeWidescreenMonitorMargin: 0em 0em 0em -(@modalLargeWidescreenMonitorWidth / 2);
\ No newline at end of file
diff --git a/build/less/themes/packages/fixed-width/modules/modal.overrides b/build/less/themes/packages/fixed-width/modules/modal.overrides
new file mode 100644
index 000000000..c5c53367f
--- /dev/null
+++ b/build/less/themes/packages/fixed-width/modules/modal.overrides
@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/
diff --git a/build/less/themes/packages/fixed-width/modules/modal.variables b/build/less/themes/packages/fixed-width/modules/modal.variables
new file mode 100644
index 000000000..16579af2f
--- /dev/null
+++ b/build/less/themes/packages/fixed-width/modules/modal.variables
@@ -0,0 +1,37 @@
+
+/* Responsive Widths */
+@modalComputerWidth: 700px;
+@modalLargeMonitorWidth: 800px;
+@modalWidescreenMonitorWidth: 850px;
+
+@modalComputerMargin: 0em 0em 0em -(@modalComputerWidth / 2);
+@modalLargeMonitorMargin: 0em 0em 0em -(@modalLargeMonitorWidth / 2);
+@modalWidescreenMonitorMargin: 0em 0em 0em -(@modalWidescreenMonitorWidth / 2);
+
+
+/*-------------------
+      Variations
+--------------------*/
+
+/* Sizes */
+@modalSmallRatio: 0.6;
+@modalLargeRatio: 1.2;
+
+/* Derived Responsive Sizes */
+@modalSmallHeaderSize: 1.3em;
+@modalSmallComputerWidth: (@modalComputerWidth * @modalSmallRatio);
+@modalSmallLargeMonitorWidth: (@modalLargeMonitorWidth * @modalSmallRatio);
+@modalSmallWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalSmallRatio);
+
+@modalSmallComputerMargin: 0em 0em 0em -(@modalSmallComputerWidth / 2);
+@modalSmallLargeMonitorMargin: 0em 0em 0em -(@modalSmallLargeMonitorWidth / 2);
+@modalSmallWidescreenMonitorMargin: 0em 0em 0em -(@modalSmallWidescreenMonitorWidth / 2);
+
+@modalLargeHeaderSize: 1.3em;
+@modalLargeComputerWidth: (@modalComputerWidth * @modalLargeRatio);
+@modalLargeLargeMonitorWidth: (@modalLargeMonitorWidth * @modalLargeRatio);
+@modalLargeWidescreenMonitorWidth: (@modalWidescreenMonitorWidth * @modalLargeRatio);
+
+@modalLargeComputerMargin: 0em 0em 0em -(@modalLargeComputerWidth / 2);
+@modalLargeLargeMonitorMargin: 0em 0em 0em -(@modalLargeLargeMonitorWidth / 2);
+@modalLargeWidescreenMonitorMargin: 0em 0em 0em -(@modalLargeWidescreenMonitorWidth / 2);
\ No newline at end of file
diff --git a/build/less/themes/packages/github/collections/form.overrides b/build/less/themes/packages/github/collections/form.overrides
new file mode 100644
index 000000000..c5c53367f
--- /dev/null
+++ b/build/less/themes/packages/github/collections/form.overrides
@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/
diff --git a/build/less/themes/packages/github/collections/form.variables b/build/less/themes/packages/github/collections/form.variables
new file mode 100644
index 000000000..02dbb8b2b
--- /dev/null
+++ b/build/less/themes/packages/github/collections/form.variables
@@ -0,0 +1,40 @@
+/*******************************
+            Form
+*******************************/
+
+/*-------------------
+       Elements
+--------------------*/
+
+@inputBackground: #FAFAFA;
+@inputBorder: 1px solid #CCCCCC;
+@inputBoxShadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
+@inputBorderRadius: 3px;
+
+@labelFontWeight: bold;
+@labelMargin: 6px;
+
+/*-------------------
+        States
+--------------------*/
+
+@inputFocusBackground: #FFFFFF;
+@inputFocusBoxShadow:
+  0px 1px 2px rgba(0, 0, 0, 0.075) inset,
+  0px 0px 5px rgba(81, 167, 232, 0.5)
+;
+@inputFocusBorderColor: #51A7E8;
+@inputFocusBorderRadius: @inputBorderRadius;
+
+/*-------------------
+        Types
+--------------------*/
+
+
+/*-------------------
+      Variations
+--------------------*/
+
+/*-------------------
+       Groups
+--------------------*/
diff --git a/build/less/themes/packages/github/elements/segment.overrides b/build/less/themes/packages/github/elements/segment.overrides
new file mode 100644
index 000000000..c5c53367f
--- /dev/null
+++ b/build/less/themes/packages/github/elements/segment.overrides
@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/
diff --git a/build/less/themes/packages/github/elements/segment.variables b/build/less/themes/packages/github/elements/segment.variables
new file mode 100644
index 000000000..55aa245e9
--- /dev/null
+++ b/build/less/themes/packages/github/elements/segment.variables
@@ -0,0 +1,41 @@
+/*******************************
+            Standard
+*******************************/
+
+/*-------------------
+       Segment
+--------------------*/
+
+@segmentBorderWidth: 1px;
+@border: 1px solid #D8DEE2;
+@boxShadow: 0px 1px 3px rgba(0, 0, 0, 0.075);
+
+@verticalPadding: 20px;
+@horizontalPadding: 20px;
+
+@margin: 1em;
+@borderRadius: 4px;
+
+/*******************************
+            Variations
+*******************************/
+
+
+/* Raised */
+@raisedBoxShadow: 0px 1px 3px rgba(0, 0, 0, 0.075);
+
+/* Colors */
+@coloredBorderSize: 0.5em;
+
+/* Ordinality */
+@secondaryBackground: #F9F9F9;
+@secondaryColor: @textColor;
+
+@tertiaryBackground:  #F0F0F0;
+@tertiaryColor: @textColor;
+
+@secondaryInvertedBackground: #555555;
+@secondaryInvertedColor: @textColor;
+
+@tertiaryInvertedBackground: #333333;
+@tertiaryInvertedColor: @textColor;