diff --git a/src/view/styles/base.css b/src/view/styles/base.css new file mode 100644 index 0000000..3c04fc2 --- /dev/null +++ b/src/view/styles/base.css @@ -0,0 +1,2 @@ +@import url("info_bar.css"); +@import url("text_view.css"); diff --git a/src/view/styles/mod.rs b/src/view/styles/mod.rs index b3543bc..3fe3efc 100644 --- a/src/view/styles/mod.rs +++ b/src/view/styles/mod.rs @@ -9,7 +9,8 @@ use gtk::{ pub fn load_css() { let style_provider = CssProvider::new(); - style_provider.load_from_path(Path::new("./src/view/styles/info_bar.css")); + + style_provider.load_from_path(Path::new("./src/view/styles/base.css")); style_context_add_provider_for_display( &Display::default().expect("Could not connect to a display"), diff --git a/src/view/styles/text_view.css b/src/view/styles/text_view.css new file mode 100644 index 0000000..8a77c29 --- /dev/null +++ b/src/view/styles/text_view.css @@ -0,0 +1,14 @@ +textview { + border-radius: 5px; + padding: 5px; + background: #E6E6E6; + outline-offset: 2px; + outline: 2px solid #81ABDF00; + transition-duration: .15s; + transition-timing-function: ease-in-out; +} + +textview:focus-within { + outline-offset: -2px; + outline: 2px solid #81ABDF; +}