Похоже, вы используете @include для импорта SCSS, попробуйте вместо этого использовать @import. Если это просто опечатка в вопросе, сообщите мне об этом :-)

@import "./primary-variables.scss",
        "/path/to/default/theme/main.scss"
;

Я добавил несколько кратких заметок по вопросу, который вы имели в виду. . Важно знать о флаге !default: он вступает в силу в тот момент, когда он используется в селекторе, и не переопределяет переменные.

Sass не смотрит вперед при обработке переменных — он выводит текущее значение. В этом примере .class-1 будет красным, так как переопределение происходит после его использования в селекторе, а .class-2 будет синим, поскольку флага по умолчанию нет.

$brand-color: red !default; // defined
.class-1 { background-color: $brand-color; }  // red

$brand-color: blue;         // re-defined
.class-2 { background-color: $brand-color; }  // blue

Флаги по умолчанию заставят Sass пропускать переопределение переменных. В этом примере результат будет красным, поскольку он определен первым. Два следующих переопределения игнорируются из-за флагов по умолчанию.

$brand-color: red !default;   // defined
$brand-color: blue !default;  // ignored 
$brand-color: green !default; // ignored
.class-1 { background-color: $brand-color; }  // red

В этом случае будут использоваться все переменные из конфига — тогда переменные из partial-1, если они не определены в конфиге, и last partial-2 будут определять любую переменную, не определенную в двух других.

@import '_config.scss';    // definition
@import '_partial-1.scss'; // contains defaults
@import '_partial-2.scss'; // contains defaults

Надеюсь, это имеет смысл :-)

Структура импорта

//  _default-theme.scss
@import '_default-variables.scss', '_bootstrap.scss';

//  _primary-theme.scss
//  primary variables will override defaults or use defaults if not defined
@import '_primary-variables.scss', '_default-theme.scss';

// style.scss
@import '_primary-theme.scss'; // or '_default-theme.scss'

Объем

В случае, если ваш контент по умолчанию и первичный контент уникален для каждой темы, вы можете создать примесь области действия для обработки того, что скомпилировано.

Вот очень примитивная версия:

//  _scope.scss
$scope-context: null !default;
@function scope($scopes: null, $true: true, $false: false) { 
  @each $scope in $scope-context {  
    @if index($scopes, $scope) { @return $true }  
  }  
  @return $false;  
} 
@mixin scope($scopes: null) { 
  @if scope($scopes) or length($scopes) == 0 and not $scope-context { 
    @content; 
  } 
}

Как это работает

Миксин области видимости принимает аргумент контекста и блок контента @content. Если переданный контекст соответствует глобальной переменной ($scope-context), блок содержимого будет обработан.

//  _default-theme.scss
.class { content: 'Will show in both themes'; }

@include scope(default-theme){
  .class { content: 'Will only show in the default theme'; }
}

@include scope(primary-theme){
  .class { content: 'Will only show in the primary theme'; }
}

//  can also be used as "if" function
.class {
  content: scope(default-theme, 'Is default', 'Not default')
}

В вашем случае определите $scope-контекст как в переменных по умолчанию, так и в основных переменных.

// _default-variables.scss
$scope-context: default-theme !default;

// _primary-variables.scss
$scope-context: primary-theme;

... и добавьте _scope.scss в _default-theme.scss

//  _default-theme.scss
@import '_default-variables.scss', '_bootstrap.scss', '_scope.scss';   

Проблема, которую я обнаружил, заключалась в том, что я неправильно предполагал, как работает SASS.

Когда вы определяете объявление переменной, его значение компилируется во время его записи. Например, $my-var: $brand-primary назначит текущее значение $brand-primary для $my-var во время его обработки.

Это просто означает, что я не могу добиться того, чего хотел, а именно включить файл с минимальными переменными поверх Bootstrap, потому что он будет обновлять только саму переменную, но не какие-либо другие переменные, которые ссылаются на эту переменную в Bootstrap.

Решение

Это не элегантно, но продублируйте весь файл переменных для каждой темы и настройте их по мере необходимости в каждом месте.