tkfluent 0.0.4__py3-none-any.whl → 0.0.6__py3-none-any.whl

tkflu/designs/fonts/__init__.py

@@ -0,0 +1,20 @@
+from os.path import abspath, dirname, join
+
+path = abspath(dirname(__file__))
+
+segoefont = join(path, "segoeui.ttf")
+
+
+def SegoeFont(size=9, weight="normal"):
+    from _tkinter import TclError
+    try:
+        from tkextrafont import Font
+        font = Font(file=segoefont, size=size, family="Segoe UI")
+    except TclError:
+        try:
+            from tkinter.font import Font
+            font = Font(size=size, family="Segoe UI", weight=weight)
+        except TclError:
+            from tkinter.font import nametofont
+            font = nametofont("TkDefaultFont").configure(size=size, weight=weight)
+    return font

tkflu/designs/frame.py

@@ -0,0 +1,37 @@
+def frame(mode, style):
+    mode = mode.lower()
+    style = style.lower()
+    if mode == "light":
+        if style == "standard":
+            return {
+                "back_color": "#FFFFFF",
+                "border_color": "#000000",
+                "border_color_opacity": 0.057800,
+                "border_width": 2,
+                "radius": 7,
+            }
+        else:
+            return {
+                "back_color": "#FFFFFF",
+                "border_color": "#000000",
+                "border_color_opacity": 0.057800,
+                "border_width": 2,
+                "radius": 7,
+            }
+    else:
+        if style == "standard":
+            return {
+                "back_color": "#282828",
+                "border_color": "#000000",
+                "border_color_opacity": 0.100000,
+                "border_width": 2,
+                "radius": 7,
+            }
+        else:
+            return {
+                "back_color": "#282828",
+                "border_color": "#000000",
+                "border_color_opacity": 0.100000,
+                "border_width": 2,
+                "radius": 7,
+            }

tkflu/designs/primary_color.py

@@ -0,0 +1,25 @@
+def set_primary_color(color: tuple = None):
+    from os import environ
+    from json import dumps
+    environ["tkfluent.primary_color"] = dumps(color)
+
+
+def get_primary_color():
+    from os import environ
+    from json import loads
+    return loads(environ["tkfluent.primary_color"])
+
+
+set_primary_color(("#005fb8", "#60cdff"))
+
+
+class FluPrimaryColor(object):
+    def primary_color(self, color: tuple = None):
+        if color:
+            from os import environ
+            from json import dumps
+            environ["tkfluent.primary_color"] = dumps(color)
+        else:
+            from os import environ
+            from json import loads
+            return loads(environ["tkfluent.primary_color"])

tkflu/designs/text.py

@@ -0,0 +1,164 @@
+from .primary_color import get_primary_color
+
+
+def text(mode, state):
+    _r = 6
+    mode = mode.lower()
+    state = state.lower()
+    if mode == "light":
+        if state == "rest":
+            return {
+                "back_color": "#FEFEFE",
+                "back_opacity": 1,
+
+                "stop1": 0.999878,
+                "border_color": "#000000",
+                "border_color_opacity": 0.058824,
+
+                "stop2": 1.000000,
+                "border_color2": "#000000",
+                "border_color2_opacity": 0.447059,
+
+                "border_width": 1,
+                "radius": _r,
+                "text_color": "#646464",
+                "underline_fill": "#8a8a8a",
+                "underline_width": 1,
+            }
+        elif state == "hover":
+            return {
+                "back_color": "#FAFAFA",
+                "back_opacity": 1,
+
+                "stop1": 0.999878,
+                "border_color": "#000000",
+                "border_color_opacity": "0.058824",
+
+                "stop2": 1.000000,
+                "border_color2": "#000000",
+                "border_color2_opacity": "0.447059",
+
+                "border_width": 1,
+                "radius": _r,
+                "text_color": "#626262",
+                "underline_fill": "#8a8a8a",
+                "underline_width": 1,
+            }
+        elif state == "pressed":
+            return {
+                "back_color": "#FFFFFF",
+                "back_opacity": 0.700000,
+
+                "stop1": 0.941406,
+                "border_color": "#000000",
+                "border_color_opacity": 0.058824,
+
+                "stop2": 1,
+                "border_color2": get_primary_color()[0],
+                "border_color2_opacity": 1,
+
+                "border_width": 1,
+                "radius": _r,
+                "text_color": "#646464",
+                "underline_fill": get_primary_color()[0],
+                "underline_width": 1.5,
+            }
+        elif state == "disabled":
+            return {
+                "back_color": "#FAFAFA",
+                "back_opacity": 1,
+
+                "stop1": None,
+                "border_color": "#000000",
+                "border_color_opacity": 0.057800,
+
+                "stop2": None,
+                "border_color2": None,
+                "border_color2_opacity": None,
+
+                "border_width": 1,
+                "radius": _r,
+                "text_color": "#646464",
+                "underline_fill": None,
+                "underline_width": 1.5,
+            }
+
+    else:
+        if state == "rest":
+            return {
+                "back_color": "#292929",
+                "back_opacity": 1,
+
+                "stop1": 0.999767,
+                "border_color": "#FFFFFF",
+                "border_color_opacity": 0.078431,
+
+                "stop2": 1.000000,
+                "border_color2": "#FFFFFF",
+                "border_color2_opacity": 0.545098,
+
+                "border_width": 1,
+                "radius": _r,
+                "text_color": "#d1d1d1",
+                "underline_fill": "#989898",
+                "underline_width": 1,
+            }
+        elif state == "hover":
+            return {
+                "back_color": "#2f2f2f",
+                "back_opacity": 1,
+
+                "stop1": 0.999767,
+                "border_color": "#FFFFFF",
+                "border_color_opacity": "0.078431",
+
+                "stop2": 1,
+                "border_color2": "#FFFFFF",
+                "border_color2_opacity": "0.545098",
+
+                "border_width": 1,
+                "radius": _r,
+                "text_color": "#d2d2d2",
+
+                "underline_fill": "#989898",
+                "underline_width": 1,
+            }
+        elif state == "pressed":
+            return {
+                "back_color": "#1d1d1d",
+                "back_opacity": 1,
+
+                "stop1": 0.941406,
+                "border_color": "#FFFFFF",
+                "border_color_opacity": 0,
+
+                "stop2": 1,
+                "border_color2": get_primary_color()[1],
+                "border_color2_opacity": 1,
+
+                "border_width": 1,
+                "radius": _r,
+                "text_color": "#cecece",
+
+                "underline_fill": get_primary_color()[1],
+                "underline_width": 1.5,
+            }
+        elif state == "disabled":
+            return {
+                "back_color": "#262626",
+                "back_opacity": 0,
+
+                "stop1": None,
+                "border_color": "#FFFFFF",
+                "border_color_opacity": 0.069800,
+
+                "stop2": None,
+                "border_color2": None,
+                "border_color2_opacity": None,
+
+                "border_width": 1,
+                "radius": _r,
+                "text_color": "#757575",
+                "underline_fill": None,
+                "underline_width": 1,
+            }

tkflu/designs/window.py

@@ -0,0 +1,21 @@
+def window(mode):
+    if mode.lower() == "light":
+        return {
+            "back_color": "#ffffff",
+            "text_color": "#000000",
+            "closebutton": {
+                "back_color": "#cf392d",
+                "text_color": "#000000",
+                "text_hover_color": "#ffffff"
+            }
+        }
+    else:
+        return {
+            "back_color": "#202020",
+            "text_color": "#ffffff",
+            "closebutton": {
+                "back_color": "#c42b1c",
+                "text_color": "#ffffff",
+                "text_hover_color": "#000000"
+            }
+        }

tkflu/entry.py

@@ -2,37 +2,50 @@ from tkdeft.windows.draw import DSvgDraw
 from tkdeft.windows.canvas import DCanvas
 from tkdeft.windows.drawwidget import DDrawWidget
 
+from .designs.entry import entry
 
 class FluEntryDraw(DSvgDraw):
     def create_roundrect(self,
                          x1, y1, x2, y2, radius, radiusy=None, temppath=None,
-                         fill="transparent", outline="black", outline2="black", width=1
+                         fill="transparent", fill_opacity=1,
+                         stop1="0.93", outline="black", outline_opacity=1,
+                         stop2="0.94", outline2=None, outline2_opacity=1,
+                         width=1
                          ):
         if radiusy:
             _rx = radius
             _ry = radiusy
         else:
             _rx, _ry = radius, radius
-        drawing = self.create_drawing(x2 - x1, y2 - y1, temppath=temppath)
-        border = drawing[1].linearGradient(start=(x1, y1), end=(x1, y2), id="DButton.Border")
-        border.add_stop_color("0%", outline)
-        border.add_stop_color("90%", outline)
-        border.add_stop_color("100%", outline2)
-        drawing[1].defs.add(border)
+        drawing = self.create_drawing(x2 - x1, y2 - y1, temppath=temppath, fill="none")
+        if outline2:
+            border = drawing[1].linearGradient(start=(x1, y1 + 1), end=(x1, y2 - 1), id="DButton.Border",
+                                               gradientUnits="userSpaceOnUse")
+            border.add_stop_color(stop1, outline, outline_opacity)
+            border.add_stop_color(stop2, outline2, outline2_opacity)
+            drawing[1].defs.add(border)
+            stroke = f"url(#{border.get_id()})"
+            stroke_opacity = 1
+        else:
+            stroke = outline
+            stroke_opacity = outline_opacity
+
         drawing[1].add(
             drawing[1].rect(
-                (x1, y1), (x2 - x1, y2 - y1), _rx, _ry,
-                fill=fill, stroke_width=width,
-                stroke=f"url(#{border.get_id()})",
-            ),
+                (x1 + 1, y1 + 1), (x2 - x1 - 2, y2 - y1 - 2), _rx, _ry,
+                id="Base",
+                fill=fill, fill_opacity=fill_opacity,
+            )
         )
-        """print((x1, y1), (x2 - x1, y2 - y1))
         drawing[1].add(
-            drawing[1].line(
-                (x1 + radius / 2, y2 - width), (x2 - radius / 2, y2 - width,)
+            drawing[1].rect(
+                (x1 + 0.5, y1 + 0.5), (x2 - x1 - 1, y2 - y1 - 1), _rx, _ry,
+                id="Base",
+                fill="white", fill_opacity="0",
+                stroke=stroke, stroke_width=width, stroke_opacity=stroke_opacity,
             )
         )
-        print((x1 + radius / 2, y2 - width), (x2 - radius / 2, y2 - width,))"""
+        #print("FluEntry", drawing[0])
         drawing[1].save()
         return drawing[0]
 
@@ -42,11 +55,15 @@ class FluEntryCanvas(DCanvas):
 
     def create_round_rectangle(self,
                                x1, y1, x2, y2, r1, r2=None, temppath=None,
-                               fill="transparent", outline="black", outline2="black", width=1
+                               fill="transparent", fill_opacity=1, stop1="0.93", stop2="0.94",
+                               outline="black", outline2="black", outline_opacity=1, outline2_opacity=1,
+                               width=1
                                ):
         self._img = self.svgdraw.create_roundrect(
             x1, y1, x2, y2, r1, r2, temppath=temppath,
-            fill=fill, outline=outline, outline2=outline2, width=width
+            fill=fill, fill_opacity=fill_opacity, stop1=stop1, stop2=stop2,
+            outline=outline, outline2=outline2, outline_opacity=outline_opacity, outline2_opacity=outline2_opacity,
+            width=width
         )
         self._tkimg = self.svgdraw.create_tksvg_image(self._img)
         return self.create_image(x1, y1, anchor="nw", image=self._tkimg)
@@ -85,9 +102,8 @@ class FluEntry(FluEntryCanvas, DDrawWidget):
             state=state,
         )
 
-        if font is None:
-            from tkdeft.utility.fonts import SegoeFont
-            self.attributes.font = SegoeFont()
+        from .defs import set_default_font
+        set_default_font(font, self.attributes)
 
     def _init(self, mode):
         from easydict import EasyDict
@@ -98,8 +114,9 @@ class FluEntry(FluEntryCanvas, DDrawWidget):
                 "state": "normal",
 
                 "rest": {},
-                "focus": {},
-                "disabled": {}
+                "hover": {},
+                "pressed": {},
+                "disabled": {},
             }
         )
 
@@ -108,52 +125,65 @@ class FluEntry(FluEntryCanvas, DDrawWidget):
     def _draw(self, event=None):
         super()._draw(event)
 
+        width = self.winfo_width()
+        height = self.winfo_height()
+
         self.delete("all")
 
         self.entry.configure(font=self.attributes.font)
 
         state = self.dcget("state")
 
+        _dict = None
+
         if state == "normal":
-            self.entry.configure(state="normal")
             if self.isfocus:
-                _back_color = self.attributes.focus.back_color
-                _border_color = self.attributes.focus.border_color
-                _border_color2 = self.attributes.focus.border_color2
-                _border_width = self.attributes.focus.border_width
-                _radius = self.attributes.focus.radius
-                _text_color = self.attributes.focus.text_color
+                _dict = self.attributes.pressed
             else:
-                _back_color = self.attributes.rest.back_color
-                _border_color = self.attributes.rest.border_color
-                _border_color2 = self.attributes.rest.border_color2
-                _border_width = self.attributes.rest.border_width
-                _radius = self.attributes.rest.radius
-                _text_color = self.attributes.rest.text_color
+                if self.enter:
+                    _dict = self.attributes.hover
+                else:
+                    _dict = self.attributes.rest
+            self.entry.configure(state="normal")
         else:
+            _dict = self.attributes.disabled
             self.entry.configure(state="disabled")
-            _back_color = self.attributes.disabled.back_color
-            _border_color = self.attributes.disabled.border_color
-            _border_color2 = self.attributes.disabled.border_color2
-            _border_width = self.attributes.disabled.border_width
-            _radius = self.attributes.disabled.radius
-            _text_color = self.attributes.disabled.text_color
 
-        self.entry.configure(background=_back_color, insertbackground=_text_color, foreground=_text_color, disabledbackground=_back_color, disabledforeground=_text_color)
+        _stop1 = _dict.stop1
+        _stop2 = _dict.stop2
+        _back_color = _dict.back_color
+        _back_opacity = _dict.back_opacity
+        _border_color = _dict.border_color
+        _border_color_opacity = _dict.border_color_opacity
+        _border_color2 = _dict.border_color2
+        _border_color2_opacity = _dict.border_color2_opacity
+        _border_width = _dict.border_width
+        _radius = _dict.radius
+        _text_color = _dict.text_color
+        _underline_fill = _dict.underline_fill
+        _underline_width = _dict.underline_width
+
+        self.entry.configure(background=_back_color, insertbackground=_text_color, foreground=_text_color,
+                             disabledbackground=_back_color, disabledforeground=_text_color)
 
         self.element_border = self.create_round_rectangle(
-            0, 0, self.winfo_width(), self.winfo_height(), _radius, temppath=self.temppath,
-            fill=_back_color, outline=_border_color, outline2=_border_color2, width=_border_width
+            0, 0, width, height, _radius, temppath=self.temppath,
+            fill=_back_color, fill_opacity=_back_opacity, stop1=_stop1, stop2=_stop2,
+            outline=_border_color, outline_opacity=_border_color_opacity, outline2=_border_color2,
+            outline2_opacity=_border_color2_opacity,
+            width=_border_width
         )
 
-        self.element_line = self.create_line(
-            _radius / 3, self.winfo_height() - _radius / 3, self.winfo_width() - _radius / 3, self.winfo_height() - _radius / 3,
-            width=1, fill=_border_color2
-        )
+        if _underline_fill:
+            self.element_line = self.create_line(
+                _radius / 3 + _border_width, self.winfo_height() - _radius / 3,
+                self.winfo_width() - _radius / 3 - _border_width * 2, self.winfo_height() - _radius / 3,
+                width=_underline_width, fill=_underline_fill
+            )
 
         self.element_text = self.create_window(
-            self.winfo_width() / 2, self.winfo_height() / 2,
-            window=self.entry,
+            _radius/2+_border_width, _radius/2+_border_width,
+            window=self.entry, anchor="nw",
             width=self.winfo_width() - _border_width * 2 - _radius,
             height=self.winfo_height() - _border_width * 2 - _radius
         )
@@ -175,58 +205,92 @@ class FluEntry(FluEntryCanvas, DDrawWidget):
         else:
             self._light()
 
-    def _light(self):
+    def _theme(self, mode):
+        r = entry(mode, "rest")
+        h = entry(mode, "hover")
+        p = entry(mode, "pressed")
+        d = entry(mode, "disabled")
         self.dconfigure(
             rest={
-                "back_color": "#ffffff",
-                "border_color": "#e5e5e5",
-                "border_color2": "#8d8d8d",
-                "border_width": 1,
-                "radius": 6,
-                "text_color": "#646464",
-            },
-            focus={
-                "back_color": "#ffffff",
-                "border_color": "#e5e5e5",
-                "border_color2": "#005fb8",
-                "border_width": 2,
-                "radius": 6,
-                "text_color": "#636363",
+                "back_color": r["back_color"],
+                "back_opacity": r["back_opacity"],
+
+                "stop1": r["stop1"],
+                "border_color": r["border_color"],
+                "border_color_opacity": r["border_color_opacity"],
+
+                "stop2": r["stop2"],
+                "border_color2": r["border_color2"],
+                "border_color2_opacity": r["border_color2_opacity"],
+
+                "border_width": r["border_width"],
+                "radius": r["radius"],
+                "text_color": r["text_color"],
+
+                "underline_fill": r["underline_fill"],
+                "underline_width": r["underline_width"]
             },
-            disabled={
-                "back_color": "#fdfdfd",
-                "border_color": "#e5e5e5",
-                "border_color2": "#e5e5e5",
-                "border_width": 1,
-                "radius": 6,
-                "text_color": "#a2a2a2",
-            }
-        )
+            hover={
+                "back_color": h["back_color"],
+                "back_opacity": h["back_opacity"],
 
-    def _dark(self):
-        self.dconfigure(
-            rest={
-                "back_color": "#272727",
-                "border_color": "#2c2c2c",
-                "border_color2": "#979797",
-                "border_width": 1,
-                "radius": 6,
-                "text_color": "#ffffff",
+                "stop1": h["stop1"],
+                "border_color": h["border_color"],
+                "border_color_opacity": h["border_color_opacity"],
+
+                "stop2": h["stop2"],
+                "border_color2": h["border_color2"],
+                "border_color2_opacity": h["border_color2_opacity"],
+
+                "border_width": h["border_width"],
+                "radius": h["radius"],
+                "text_color": h["text_color"],
+
+                "underline_fill": h["underline_fill"],
+                "underline_width": r["underline_width"]
             },
-            focus={
-                "back_color": "#1d1d1d",
-                "border_color": "#272727",
-                "border_color2": "#60cdff",
-                "border_width": 2,
-                "radius": 6,
-                "text_color": "#ffffff",
+            pressed={
+                "back_color": p["back_color"],
+                "back_opacity": p["back_opacity"],
+
+                "stop1": p["stop1"],
+                "border_color": p["border_color"],
+                "border_color_opacity": p["border_color_opacity"],
+
+                "stop2": p["stop2"],
+                "border_color2": p["border_color2"],
+                "border_color2_opacity": p["border_color2_opacity"],
+
+                "border_width": p["border_width"],
+                "radius": p["radius"],
+                "text_color": p["text_color"],
+
+                "underline_fill": p["underline_fill"],
+                "underline_width": r["underline_width"]
             },
             disabled={
-                "back_color": "#2a2a2a",
-                "border_color": "#303030",
-                "border_color2": "#303030",
-                "border_width": 1,
-                "radius": 6,
-                "text_color": "#787878",
+                "back_color": d["back_color"],
+                "back_opacity": r["back_opacity"],
+
+                "stop1": d["stop1"],
+                "border_color": d["border_color"],
+                "border_color_opacity": d["border_color_opacity"],
+
+                "stop2": d["stop2"],
+                "border_color2": d["border_color2"],
+                "border_color2_opacity": d["border_color2_opacity"],
+
+                "border_width": d["border_width"],
+                "radius": d["radius"],
+                "text_color": d["text_color"],
+
+                "underline_fill": d["underline_fill"],
+                "underline_width": r["underline_width"]
             }
         )
+
+    def _light(self):
+        self._theme("light")
+
+    def _dark(self):
+        self._theme("dark")