diff --git a/src/main.js b/src/main.js
index 9d0a5c2..52bb176 100644
--- a/src/main.js
+++ b/src/main.js
@@ -3,6 +3,16 @@ import App from './App.vue';
 
 Vue.config.productionTip = false;
 
+// global mixings
+Vue.mixin({
+	methods: {
+		css_var(var_name) {
+			return getComputedStyle(document.documentElement).getPropertyValue(var_name);
+		},
+	}
+});
+
+
 // eslint-disable-next-line
 const app = new Vue({
 	render: h => h(App),