diff --git a/README.md b/README.md new file mode 100644 index 0000000..d891f52 --- /dev/null +++ b/README.md @@ -0,0 +1 @@ +# Pretty Borders \ No newline at end of file diff --git a/extension.ts b/extension.ts index f4e252f..106f9ba 100644 --- a/extension.ts +++ b/extension.ts @@ -59,12 +59,14 @@ export default class ActiveBorderExtension extends Extension { name: 'active-window-border', style_class: 'active-window-border', reactive: false, - x: rect.x - 4, // Adjust for border width - y: rect.y - 4, - width: rect.width + 8, - height: rect.height + 8, + x: rect.x - 2, // Adjust for border width + y: rect.y - 2, + width: rect.width + 2, + height: rect.height + 2, }); - + // this.borderActor = new St.BorderImage({ + // + // }) // Add the border actor to the UI group Main.layoutManager.uiGroup.add_child(this.borderActor); @@ -84,8 +86,8 @@ export default class ActiveBorderExtension extends Extension { const rect = window.get_frame_rect(); if (!rect) return; - this.borderActor.set_position(rect.x - 4, rect.y - 4); - this.borderActor.set_size(rect.width + 8, rect.height + 8); + this.borderActor.set_position(rect.x - 2, rect.y - 2); + this.borderActor.set_size(rect.width + 2, rect.height + 2); } _clearBorder() { diff --git a/stylesheet.css b/stylesheet.css index 838bd01..f6aafb5 100644 --- a/stylesheet.css +++ b/stylesheet.css @@ -3,12 +3,12 @@ border: 2px solid rgba(191, 0, 255, 0.8); border-radius: 3px; - /*border-image-source: linear-gradient(to left, #743ad5, #d53a9d);*/ + border-image-source: linear-gradient(to left, #743ad5, #d53a9d); /*border: 4px solid transparent;*/ /*border-radius: 5px;*/ /*/* Gradient border using border-image */ - /*border-image: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet) 1;*/ + border-image: linear-gradient(45deg, red, orange, yellow, green, blue, indigo, violet) 1; }