arch-config/config/niri/layout.kdl

layout{
    gaps 10
    background-color "transparent"
    center-focused-column "never"
     default-column-display "normal"
    preset-column-widths {
        proportion 0.33333
        proportion 0.5
        proportion 0.66666
    }

       preset-window-heights {
         proportion 0.5 
         proportion 1.0
       }

    default-column-width { proportion 1.0; }

    // By default focus ring and border are rendered as a solid background rectangle
    // behind windows. That is, they will show up through semitransparent windows.
    // This is because windows using client-side decorations can have an arbitrary shape.
    //
    // If you don't like that, you should uncomment `prefer-no-csd` below.
    // Niri will draw focus ring and border *around* windows that agree to omit their
    // client-side decorations.
    //
    // Alternatively, you can override it with a window rule called
    // `draw-border-with-background`.

    // You can change how the focus ring looks.
    focus-ring {
         off

        width 2
        // - CSS named colors: "red"
        // - RGB hex: "#rgb", "#rgba", "#rrggbb", "#rrggbbaa"
        // - CSS-like notation: "rgb(255, 127, 0)", rgba(), hsl() and a few others.
       // active-color "#EEF7FD"
       //active-color "#EEF7FD"
// foreground #C1D6D6
 //background #07090B
     //   inactive-color  "#5C6871"
        // Changing the color space is also supported, check the wiki for more info.
        //
        // active-gradient from="#80c8ff" to="#c7ff7f" angle=45

        // You can also color the gradient relative to the entire view
        // of the workspace, rather than relative to just the window itself.
        // To do that, set relative-to="workspace-view".
        //
        // inactive-gradient from="#505050" to="#808080" angle=45 relative-to="workspace-view"
    }

    // You can also add a border. It's similar to the focus ring, but always visible.
    border {
        //off
        on
        width 4
        active-color "#A8ADBB"
        
        //active-color "#d2dee7"
        inactive-color "#1f2830"
    }

    shadow {
      off
        color "#0007"
    }

    // Struts shrink the area occupied by windows, similarly to layer-shell panels.
    // You can think of them as a kind of outer gaps. They are set in logical pixels.
    // Left and right struts will cause the next window to the side to always be visible.
    // Top and bottom struts will simply add outer gaps in addition to the area occupied by
    // layer-shell panels and regular gaps.
    struts {
         left 0
         right 0
         top 0
         bottom 0
    }
    tab-indicator {
      //off
        active-color "#eef7fd"
        inactive-color "#1f2830"
        urgent-color "#f79de7"
        width  8  
      }
    insert-hint {
        //off
        color "#EEF7FD"
      }
        
  
  
     
}