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

tkflu/frame.py

@@ -1,11 +1,14 @@
 from tkdeft.windows.draw import DSvgDraw
 from tkdeft.windows.canvas import DCanvas
 
+from .designs.frame import frame
+
 
 class FluFrameDraw(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,
+                         outline="black", outline_opacity=1, width=1
                          ):
         if radiusy:
             _rx = radius
@@ -13,15 +16,63 @@ class FluFrameDraw(DSvgDraw):
         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("100%", outline2)
-        drawing[1].defs.add(border)
+        filter1 = drawing[1].defs.add(
+            drawing[1].filter(id="filter", start=(0, 0), size=(x2 - x1, y2 - y1), filterUnits="userSpaceOnUse",
+                              color_interpolation_filters="sRGB")
+        )
+
+        filter1.feFlood(flood_opacity="0", result="BackgroundImageFix")
+        filter1.feColorMatrix("SourceAlpha", type="matrix", values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
+                              result="hardAlpha")
+        filter1.feOffset(dx="0", dy="2")
+        filter1.feGaussianBlur(stdDeviation="1.33333")
+        filter1.feComposite(in2="hardAlpha", operator="out", k2="-1", k3="1")
+        filter1.feColorMatrix(type="matrix", values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.039 0")
+        filter1.feBlend(mode="normal", in2="BackgroundImageFix", result="effect_dropShadow_1")
+        filter1.feBlend(mode="normal", in2="effect_dropShadow_1", result="shape")
+
+        """if outline2:
+            border = drawing[1].linearGradient(start=(x1, y1), end=(x1, y2), id="DButton.Border")
+            border.add_stop_color("0%", outline)
+            border.add_stop_color("100%", outline2)
+            drawing[1].defs.add(border)
+            _border = f"url(#{border.get_id()})"
+        else:
+            _border = outline"""
+
+        """
+        <rect id="Surface / Card Surface" rx="-0.500000" width="159.000000" height="79.000000" transform="translate(3.500000 1.500000)" fill="#FFFFFF" fill-opacity="0"/>
+        """
+        """drawing[1].add(
+            drawing[1].rect(
+                rx="-0.500000",
+                size=(x2 - x1 - 7, y2 - y1 - 7),
+                transform="translate(3.500000 1.500000)",
+                fill="#FFFFFF",
+                fill_opacity="0"
+            )
+        )
+        drawing[1].add(
+            drawing[1].rect(
+                (4, 2), (x2 - x1 - 8, y2 - y1 - 8), _rx, _ry,
+                fill="#FFFFFF",
+                fill_opacity="0.700000",
+            )
+        )
+        group = drawing[1].g(filter="url(#filter)", style="mix-blend-mode:multiply")
+        group.add(
+            drawing[1].rect(
+                (4, 2), (x2 - x1 - 8, y2 - y1 - 8), _rx, _ry,
+                fill="#FFFFFF",
+                fill_opacity="1",
+            )
+        )"""
         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()})",
+                fill=fill,  #fill_opacity=fill_opacity,
+                stroke_width=width,
+                stroke=outline, stroke_opacity=outline_opacity
             )
         )
         drawing[1].save()
@@ -51,11 +102,13 @@ class FluFrameCanvas(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,
+                               outline="black", outline_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,
+            outline=outline, outline_opacity=outline_opacity, width=width
         )
         self._tkimg = self.svgdraw.create_tksvg_image(self._img)
         return self.create_image(x1, y1, anchor="nw", image=self._tkimg)
@@ -100,8 +153,9 @@ class FluFrame(Frame, DObject):
         self.attributes = EasyDict(
             {
                 "back_color": None,
+                #"back_opacity": None,
                 "border_color": None,
-                "border_color2": None,
+                "border_color_opacity": None,
                 "border_width": None,
                 "radius": None,
             }
@@ -125,41 +179,26 @@ class FluFrame(Frame, DObject):
             else:
                 self._light()
 
-    def _light(self):
+    def _theme(self, mode, style):
+        n = frame(mode, style)
         self.dconfigure(
-            back_color="#f9f9f9",
-            border_color="#ebebeb",
-            border_color2="#e4e4e4",
-            border_width=1.5,
-            radius=6,
+            back_color=n["back_color"],
+            border_color=n["border_color"],
+            border_color_opacity=n["border_color_opacity"],
+            border_width=n["border_width"],
+            radius=n["radius"],
         )
 
+    def _light(self):
+        self._theme("light", "standard")
+
     def _light_popupmenu(self):
-        self.dconfigure(
-            back_color="#f9f9f9",
-            border_color="#4d5056",
-            border_color2="#4d5056",
-            border_width=1.5,
-            radius=8,
-        )
+        self._theme("light", "popupmenu")
 
     def _dark(self):
-        self.dconfigure(
-            back_color="#242424",
-            border_color="#303030",
-            border_color2="#282828",
-            border_width=1.5,
-            radius=6,
-        )
-
+        self._theme("dark", "standard")
     def _dark_popupmenu(self):
-        self.dconfigure(
-            back_color="#242424",
-            border_color="#4d5056",
-            border_color2="#4d5056",
-            border_width=1.5,
-            radius=8,
-        )
+        self._theme("dark", "popupmenu")
 
     def pack_info(self):
         return self.canvas.pack_info()
@@ -231,21 +270,24 @@ class FluFrame(Frame, DObject):
     place = place_configure
 
     def _draw(self, event=None):
+
         self.canvas.delete("all")
         self.canvas.config(background=self.canvas.master.cget("background"))
-        self.config(background=self.attributes.back_color)
-
         _back_color = self.attributes.back_color
+        #_back_opacity = self.attributes.back_opacity
         _border_color = self.attributes.border_color
-        _border_color2 = self.attributes.border_color2
+        _border_color_opacity = self.attributes.border_color_opacity
         _border_width = self.attributes.border_width
         _radius = self.attributes.radius
 
         self.element1 = self.canvas.create_round_rectangle(
             0, 0, self.canvas.winfo_width(), self.canvas.winfo_height(), _radius, temppath=self.temppath,
-            fill=_back_color, outline=_border_color, outline2=_border_color2, width=_border_width
+            fill=_back_color,  #fill_opacity=_back_opacity,
+            outline=_border_color, outline_opacity=_border_color_opacity, width=_border_width
         )
 
+        self.config(background=_back_color)
+
         self.element2 = self.canvas.create_window(
             self.canvas.winfo_width() / 2, self.canvas.winfo_height() / 2,
             window=self,
@@ -255,4 +297,3 @@ class FluFrame(Frame, DObject):
 
     def _event_configure(self, event=None):
         self._draw(event)
-

tkflu/label.py

@@ -17,9 +17,8 @@ class FluLabel(DDrawWidget):
             text=text,
         )
 
-        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):
 

tkflu/menu.py

@@ -12,8 +12,9 @@ class FluMenu(FluPopupMenu):
         self.attributes = EasyDict(
             {
                 "back_color": None,
+                "back_opacity": None,
                 "border_color": None,
-                "border_color2": None,
+                "border_color_opacity": None,
                 "border_width": None,
                 "radius": None,
 

tkflu/popupwindow.py

@@ -2,7 +2,7 @@ from tkinter import Toplevel
 
 
 class FluPopupWindow(Toplevel):
-    def __init__(self, *args, transparent_color="#ffefa2", mode="light", width=100, height=46, **kwargs):
+    def __init__(self, *args, transparent_color="#ebebeb", mode="light", width=100, height=46, **kwargs):
         super().__init__(*args, background=transparent_color, **kwargs)
 
         self.theme(mode=mode)

tkflu/text.py

@@ -2,30 +2,51 @@ from tkdeft.windows.draw import DSvgDraw
 from tkdeft.windows.canvas import DCanvas
 from tkdeft.windows.drawwidget import DDrawWidget
 
+from .designs.text import text
+
 
 class FluTextDraw(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,
             )
         )
+        drawing[1].add(
+            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("FluEntry", drawing[0])
         drawing[1].save()
         return drawing[0]
 
@@ -35,11 +56,15 @@ class FluTextCanvas(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)
@@ -77,9 +102,8 @@ class FluText(FluTextCanvas, 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
@@ -90,7 +114,8 @@ class FluText(FluTextCanvas, DDrawWidget):
                 "state": "normal",
 
                 "rest": {},
-                "focus": {},
+                "hover": {},
+                "pressed": {},
                 "disabled": {},
             }
         )
@@ -100,36 +125,43 @@ class FluText(FluTextCanvas, DDrawWidget):
     def _draw(self, event=None):
         super()._draw(event)
 
+        width = self.winfo_width()
+        height = self.winfo_height()
+
         self.text.configure(font=self.attributes.font)
 
         self.delete("all")
 
         state = self.dcget("state")
 
+        _dict = None
+
         if state == "normal":
-            self.text.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.text.configure(state="normal")
         else:
+            _dict = self.attributes.disabled
             self.text.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
+
+        _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.text.configure(
             background=_back_color, insertbackground=_text_color, foreground=_text_color,
@@ -138,14 +170,19 @@ class FluText(FluTextCanvas, DDrawWidget):
         )
 
         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,
@@ -171,58 +208,92 @@ class FluText(FluTextCanvas, DDrawWidget):
         else:
             self._light()
 
-    def _light(self):
+    def _theme(self, mode):
+        r = text(mode, "rest")
+        h = text(mode, "hover")
+        p = text(mode, "pressed")
+        d = text(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")