CSS Функция Pywal, возвращающая пустое значение после импорта из .cache / wal / colors. css

Question

Какие следующие шаги необходимо предпринять, чтобы импортировать pywal для запуска локальной стартовой страницы с использованием переменных pywal на моем компьютере. Я попробовал следующие предложенные css переменные из .cache / wal / colors. css. Учебник можно найти на его github здесь и вставить в эту ветку.

    /* Import the CSS file.
   Change 'dylan' to your username. */
@import url('file:///home/dylan/.cache/wal/colors.css');

/* Use the variables */
#nav-bar {
  background-image: var(--wallpaper);
  color: var(--color7) !important;
}

h1 {
  background-color: var(--color3);
}

Вот код, который я украл из reddit на jsfiddle , который я пытаюсь перенести на pywal (оригинальный код работает нормально), я знаком с css, но не импортирую другие функции. (В ее репо не используется JavaScript) https://notabug.org/nytly/home Очевидно, что он не будет работать на jsfiddle из-за пути его вызова, но там он выглядит так же, как и при запуске локально на моей машине.

Я закомментировал часть в root, потому что моя функция шрифта и --branch работала, но определение цвета в качестве переменной не помогло. то есть

--red; var(--color3); 

Answer 1

@ import не может использовать синтаксис url для локальной передачи файла

Я использовал вместо этого:

@import "/home/josh/.cache/wal/colors.css";