[Feat]: Support different themes including dark theme

README.md

@@ -1,5 +1,8 @@
 <!-- <p align="center"><a href="#"><img width=60% alt="" src="https://docs-us.oss-us-west-1.aliyuncs.com/img/pygwalker/screenshot-top-img.png"></a></p> -->
-<p align="center"><a href="https://github.com/Kanaries/pygwalker"><img width=100% alt="" src="https://docs-us.oss-us-west-1.aliyuncs.com/img/pygwalker/frontpage-rendered.png"></a></p>
+<!-- <p align="center"><a href="https://github.com/Kanaries/pygwalker"><img width=100% alt="" src="https://docs-us.oss-us-west-1.aliyuncs.com/img/pygwalker/frontpage-rendered.png"></a></p> -->
+
+<p align="center"><a href="https://github.com/Kanaries/pygwalker"><img width=100% alt="" src="https://user-images.githubusercontent.com/8137814/221666598-e06ec92b-50e9-4094-8312-ba178c7d6129.png"></a></p>
+
 <h2 align="center">PyGWalker: A Python Library for Exploratory Data Analysis with Visualization</h2>
 
 <p align="center">

pygwalker/gwalker.py

@@ -12,7 +12,6 @@ def to_html(df: pd.DataFrame, gid: tp.Union[int, str]=None, **kwargs):
         hideDataSourceConfig (bool, optional): Hide DataSource import and export button (True) or not (False). Default to True
     """
     global global_gid
-    gid = kwargs.get('gid', None)
     if gid is None:
         gid = global_gid
         global_gid += 1
@@ -30,7 +29,6 @@ def walk(df: pd.DataFrame, gid: tp.Union[int, str]=None, **kwargs):
         return_html (bool, optional): Directly return a html string. Defaults to False.
     """
     global global_gid
-    gid = kwargs.get('gid', None)
     return_html = kwargs.get('return_html', False)
     if gid is None:
         gid = global_gid

pygwalker/templates/walk.js

@@ -1,6 +1,6 @@
-try{
 var gw_id = "gwalker-{{ gwalker.id }}";
 var props = {{ gwalker.props }};
 console.log(props, gw_id);
 GraphicWalker.GWalker(props, gw_id);
+try{
 }catch(e){ console.error(e); }

pygwalker/utils/gwalker_props.py

@@ -51,5 +51,7 @@ def get_props(df: pd.DataFrame, **kwargs):
         'rawFields': raw_fields(df),
         'hideDataSourceConfig': kwargs.get('hideDataSourceConfig', True),
         'fieldkeyGuard': False,
+        'themeKey': 'g2',
+        **kwargs,
     }
     return props

pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "pygwalker"
-version = "0.1.4.3"
+version = "0.1.4.4"
 description = "pygwalker: Combining Jupyter Notebook with a Tableau-like UI"
 authors = ["Asm.Def <woojson@zju.edu.cn>"]
 license = 'Apache License 2.0'