Select Color: colour book folders, app-style view toggles, load button by the book list

- Colour books now come from folders, like AutoCAD's Color Book
  Locations: Options > Files lists them (add, open, remove); by default
  one color_books folder in the config directory. The Color Books tab
  shows the built-in books plus every .acb in those folders; Load copies
  the chosen file into the first folder. Web: session only, as before.
- Grid/list buttons use the app's toggle style (light accent, its text
  colour for the icon, same corners as inactive).
- Color Books: the load button sits right of the book list; the search
  box keeps its start over the page strip and runs to the end.
- Translations for the two new Options strings in all 22 locales.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_013rGmDUNr1hUf4zo1X3dak8

src/ui/color_select/picker.rs

@@ -672,8 +672,9 @@ impl ColorPicker {
         .into()
     }
 
-    /// Grid or list toggle for the Document tab: dark on the accent colour
-    /// when active, like the OK button.
+    /// Grid or list toggle for the Document tab, styled like the app's other
+    /// toggles: light accent when active, its icon in that accent's text
+    /// colour.
     fn view_button(&self, icon: &'static [u8], view: DocView) -> Element<'_, Message> {
         let active = self.doc_view == view;
         button(
@@ -683,7 +684,7 @@ impl ColorPicker {
                     .height(18)
                     .style(move |theme: &Theme, _status| svg::Style {
                         color: Some(if active {
-                            theme.palette().primary.base.text
+                            theme.palette().primary.weak.text
                         } else {
                             theme.palette().background.base.text
                         }),
@@ -695,13 +696,7 @@ impl ColorPicker {
         .width(CONTROL_HEIGHT)
         .height(CONTROL_HEIGHT)
         .padding(0)
-        .style(move |theme: &Theme, status| {
-            if active {
-                button::primary(theme, status)
-            } else {
-                toggle_style(theme, false, status)
-            }
-        })
+        .style(move |theme: &Theme, status| toggle_style(theme, active, status))
         .into()
     }
 
@@ -750,21 +745,20 @@ impl ColorPicker {
             .center(Length::Fill)
             .into();
         };
-        // The book list as wide as the colour bars; the search box and the
-        // load button over the page strip and the RGB values.
+        // The book list and its load button over the colour bars; the
+        // search box over the page strip and the RGB values, to the end.
         let books = Arc::clone(&self.books);
         let top = row![
-            pick_list(
-                Some(self.book),
-                (0..self.books.len()).collect::<Vec<_>>(),
-                move |&i| books[i].name.clone(),
-            )
-            .on_select(|i| picker_msg(ColorPickerMsg::Book(i)))
-            .text_size(12)
-            .padding([6, 8])
-            .width(Length::Fill),
             row![
-                search_box(&self.book_query, |query| ColorPickerMsg::BookQuery(query)),
+                pick_list(
+                    Some(self.book),
+                    (0..self.books.len()).collect::<Vec<_>>(),
+                    move |&i| books[i].name.clone(),
+                )
+                .on_select(|i| picker_msg(ColorPickerMsg::Book(i)))
+                .text_size(12)
+                .padding([6, 8])
+                .width(Length::Fill),
                 load_button(
                     container(
                         secondary_icon(crate::ui::icons::themed_handle(
@@ -781,6 +775,11 @@ impl ColorPicker {
                 .padding(0),
             ]
             .spacing(6)
+            .align_y(iced::Center)
+            .width(Length::Fill),
+            container(search_box(&self.book_query, |query| {
+                ColorPickerMsg::BookQuery(query)
+            }))
             .width(SIDE_WIDTH),
         ]
         .spacing(10)

src/ui/window/options.rs

@@ -204,6 +204,7 @@ pub fn view_window<'a>(
     drawing_prefs: DrawingPrefs,
     folders: Folders,
     qnew_template: &'a str,
+    color_book_dirs: &'a [String],
     double_click_block_refedit: bool,
     double_click_block_attedit: bool,
     cursor_type: CursorType,
@@ -1697,6 +1698,49 @@ pub fn view_window<'a>(
         .align_y(iced::Center)
     };
 
+    // Searched for `.acb` colour books; editable, unlike the folders above.
+    // Browsers have no folders, so the web build leaves it out.
+    let color_book_locations = |dirs: &'a [String]| -> Element<'a, Message> {
+        if cfg!(target_arch = "wasm32") {
+            return Space::new().into();
+        }
+        let list = dirs
+            .iter()
+            .enumerate()
+            .fold(column![].spacing(6), |list, (i, dir)| {
+                list.push(
+                    row![
+                        text(dir.as_str()).size(11).width(Fill),
+                        button(text(crate::t!("Open folder")).size(11))
+                            .padding([4, 10])
+                            .style(button::secondary)
+                            .on_press(Message::OpenFolder(dir.clone())),
+                        button(text(crate::t!("Remove")).size(11))
+                            .padding([4, 10])
+                            .style(button::secondary)
+                            .on_press(Message::ColorBookDirRemove(i)),
+                    ]
+                    .spacing(10)
+                    .align_y(iced::Center),
+                )
+            });
+        column![
+            text(crate::t!("Color book locations")).size(12),
+            text(crate::t!(
+                "Folders searched for .acb color books. A book loaded in Select Color is copied into the first folder."
+            ))
+            .size(11),
+            list,
+            button(text(crate::t!("Add folder…")).size(11))
+                .padding([4, 10])
+                .style(button::secondary)
+                .on_press(Message::ColorBookDirBrowse),
+            Space::new().height(16),
+        ]
+        .spacing(6)
+        .into()
+    };
+
     let files = column![
         text(crate::t!("Files")).size(15),
         Space::new().height(6),
@@ -1716,6 +1760,7 @@ pub fn view_window<'a>(
         Space::new().height(12),
         folder_row(crate::t!("Fonts"), folders.fonts.clone()),
         Space::new().height(16),
+        color_book_locations(color_book_dirs),
         text(crate::t!("Default template for new drawings")).size(12),
         Space::new().height(4),
         row![