diff --git a/examples/with-ant-design-less/asserts/antd-custom.less b/examples/with-ant-design-less/asserts/antd-custom.less
index 027ab897..27ee020e 100644
--- a/examples/with-ant-design-less/asserts/antd-custom.less
+++ b/examples/with-ant-design-less/asserts/antd-custom.less
@@ -1,4 +1,4 @@
-@primary-color: #1DA57A;
+@primary-color: #52c41a;
 
 @layout-header-height: 40px;
-@border-radius-base: 0px;
+@border-radius-base: 2px;
diff --git a/examples/with-ant-design-less/index.js b/examples/with-ant-design-less/index.js
index e462540b..1ff38756 100644
--- a/examples/with-ant-design-less/index.js
+++ b/examples/with-ant-design-less/index.js
@@ -7,7 +7,6 @@ export default ({ children }) =>
     <Head>
       <meta name='viewport' content='width=device-width, initial-scale=1' />
       <meta charSet='utf-8' />
-      <link rel='stylesheet' href='/_next/static/style.css' />
     </Head>
     <style jsx global>{`
       body {
diff --git a/examples/with-ant-design-less/next.config.js b/examples/with-ant-design-less/next.config.js
index 426dc084..146c45c0 100644
--- a/examples/with-ant-design-less/next.config.js
+++ b/examples/with-ant-design-less/next.config.js
@@ -1,5 +1,16 @@
 /* eslint-disable */
 const withLess = require('@zeit/next-less')
+const lessToJS = require('less-vars-to-js')
+const fs = require('fs')
+const path = require('path')
+
+// Where your antd-custom.less file lives
+const themeVariables = lessToJS(
+  fs.readFileSync(
+    path.resolve(__dirname, './asserts/antd-custom.less'),
+    'utf8'
+  )
+)
 
 // fix: prevents error when .less files are required by node
 if (typeof require !== 'undefined') {
@@ -9,5 +20,7 @@ if (typeof require !== 'undefined') {
 module.exports = withLess({
   lessLoaderOptions: {
     javascriptEnabled: true,
+    modifyVars: themeVariables // make your antd custom effective
   },
+
 })
diff --git a/examples/with-ant-design-less/package.json b/examples/with-ant-design-less/package.json
index ad3dffab..d34da258 100644
--- a/examples/with-ant-design-less/package.json
+++ b/examples/with-ant-design-less/package.json
@@ -11,6 +11,7 @@
     "antd": "^3.5.4",
     "babel-plugin-import": "^1.7.0",
     "less": "3.0.4",
+    "less-vars-to-js": "1.3.0",
     "next": "latest",
     "react": "^16.4.0",
     "react-dom": "^16.4.0"
