Цветовая схема Material Design

ilya_bayk13

Постоялец
Регистрация
19 Июл 2016
Сообщения
52
Реакции
17
Здравствуйте, начал пробовать себя в верстке.
Знакомый с форума сказал, что Material Design стоит выделки. Начал верстку, столкнулся с проблемой:
не имею понятия как сменить цветовую схему элементов.
На Для просмотра ссылки Войди или Зарегистрируйся увидел picker цветов, но пишу через Для просмотра ссылки Войди или Зарегистрируйся

В файле bootstrap-material-design.css есть строки, в которых идет упоминание о цветах и запуске какого-то скрипта.

HTML:
/*

To get this list of colors inject jQuery at http://www.google.com/design/spec/style/color.html#color-color-palette

Then, run this script to get the list.


(function() {
  var colors = {}, main = {};
  $(".color-group").each(function() {
    var color = $(this).find(".name").text().trim().toLowerCase().replace(" ", "-");
    colors[color] = {};

    $(this).find(".color").not(".main-color").each(function() {
      var shade = $(this).find(".shade").text().trim(),
          hex   = $(this).find(".hex").text().trim();

      colors[color][shade] = hex;
    });
    main[color] = color + "-" + $(this).find(".main-color .shade").text().trim();

  });
  var LESS = "";
  $.each(colors, function(name, shades) {
    LESS += "\n\n";
    $.each(shades, function(shade, hex) {
      LESS += "@" + name + "-" + shade + ": " + hex + ";\n";
    });
    if (main[name]) {
      LESS += "@" + name + ": " + main[name] + ";\n";
    }
  });
  console.log(LESS);
})();

На данный момент вся страница выглядит так:
upload_2017-1-19_23-48-23.png
Хотелось бы поиграться с цветами, найти что-то подходящее для себя.
 
а в гугл переводчике первую строку перевести можете?
 
Не совсем понятно что вам нужно. Вы не знаете как сменить цвет или вы не знаете где найти цветовую палитру? Если цвета нужны, смотрите по ссылке выше
 
Не совсем понятно что вам нужно. Вы не знаете как сменить цвет или вы не знаете где найти цветовую палитру? Если цвета нужны, смотрите по ссылке выше
Уже разобрался в применении цветов.
Теперь стоит вопрос о компиляции less файлов в один общий

material design уже из моды вышел или нет? и что ему идет взамен
Хм, а разве нет?
Хороший фреймворк сам себя популяризирует.
Можете сами заметить, что его применяют где только не лень или же его производные
 
Последнее редактирование модератором:
Назад
Сверху